.contact .s1 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.contact .info_txt {
    display: flex; flex-direction: column;
    gap: calc(16/20*1em);
    font-size: 20px;
    margin-bottom: calc(80/20*1em);
}
.contact .info_txt dl {
    display: flex;
    font-family: 'Noto Serif KR';
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.4;
    color: #351d06;
}
.contact .info_txt dl dt {
    width: calc(95/20*1em);
    display: flex; justify-content: space-between;
    opacity: .8;
    flex-shrink: 0;
    margin-right: calc(25/20*1em);
}
.contact .info_txt dl dd {
    display: flex;
}
.contact .info_txt dl dd p {
    display: flex; align-items: flex-end;
}
.contact .info_txt dl dd p small {
    font-size: calc(16/20*1em);
}
.contact .info_txt dl dd i {
    font-size: calc(16/20*1em);
    line-height: calc(25/16*1em);
    margin-right: calc(3/16*1em);
}
.contact .info_txt dl dd a {
    font-family: 'Noto Serif KR';
    font-weight: 500;
    font-size: calc(12/20*1em);
    color: #351d06;
    background: #d0c9c3;
    margin-left: calc(10/12*1em);
    padding: calc(5/12*1em) calc(10/12*1em);
    border-radius: calc(13/12*1em);
    line-height: calc(12/12*1em);
    align-self: center;
    transform: translateY(10%);
}

.contact .map_sec {
    height: 400px;
}
.contact .map_sec .root_daum_roughmap {
    width: 100%;
    height: 100%;
}
.root_daum_roughmap .wrap_map {
    height: 100%;
}
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap .cont {display: none;}

@media screen and (max-width: 1280px) {
    .contact .info_txt {
        font-size: clamp(18px, 20/1280*100vw, 20px);
    }
    .contact .map_sec {
        height: 300px;
    }
}
@media screen and (max-width: 1024px) {
    .contact .s1 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media screen and (max-width: 820px) {
    .contact .s1 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .contact .info_txt {
        font-size: clamp(16px, 18/820*100vw, 18px);
    }
}
@media screen and (max-width: 500px) {
    .contact .info_txt {
        font-size: clamp(14px, 16/500*100vw, 16px);
    }
}
@media screen and (max-width: 360px) {
    .contact .info_txt dl {
        flex-direction: column;
    }
    .contact .info_txt dl dt {
        justify-content: flex-start;
        width: 100%;
        margin-right: 0;
        margin-bottom: calc(5/20*1em);
    }
    .contact .info_txt dl dd {
        width: 100%;
    }
}