/* Visual */
.sub-visual-container .title{
    margin: 130px 0 70px; line-height: 0.7; font-family: 'Montserrat', NotoKR; font-size: 60px; font-weight: 700;
}
.sub-visual-wrapper{
    margin: auto; padding: 0 15px; max-width: 1230px; width: 100%;
}
@media(max-width:1200px){
    .sub-visual-container .title{
        margin: 60px 0 45px; font-size: 40px;
    }
}
@media(max-width:768px){
    .sub-visual-container .title{
        margin: 0 0 35px; font-size: 20px;
    }
}


/* Contact */
.contact-container{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.contact-map{
    z-index: 2; position: relative;
    margin-right: -90px; width: calc(50% + 45px); height: 500px;
}
.contact-map iframe{
    width: 100%; height: 100%;
}
.contact-info{
    position: relative; padding: 130px 30px 120px 150px; width: calc(50% + 45px);
    border: 1px solid #b9bfdb;
}
.contact-info::before{
    content: ''; position: absolute; top: 0; right: 0; width: 30px; height: 30px;
    border-top: 6px solid #172a88; border-right: 6px solid #172a88;
}
.contact-info h1{
    margin-bottom: 32px; line-height: 1;
    font-family: 'Montserrat', NotoKR; font-size: 32px; font-weight: 700; color: #172a88;
}
.contact-info dl{
    font-family: 'Montserrat', NotoKR; font-size: 18px; font-weight: 200; color: #777777;
}
.contact-info dl div{
    margin: 24px 0;
}
.contact-info dl div:last-child{
    margin-bottom: 0;
}
.contact-info dl dt{
    font-weight: 700; color: #333333;
}
@media (max-width:1024px){
    .contact-info h1 { font-size: 28px; }
    .contact-info dl { font-size: 16px; }
}
@media (max-width:768px){
    .contact-container{
        -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
    }
    .contact-info { order: 1; width: 100%; padding: 25px 25px 55px; }
    .contact-map { order: 2; width: calc(100% - 30px); height: 300px; margin: -30px 0 0; }
    .contact-info h1 { margin-bottom: 20px; font-size: 20px; }
    .contact-info dl { font-size: 14px; }
    .contact-info dl div { margin: 14px 0; }
    .contact-info dl dt { margin-bottom: 3px; }
}