/*main color #00182E*/
/*hover color #00498c*/

article {
    padding: 30px 8vw;
}

.contactheader {
    background-color: #00498c;
    display: flex;
    align-content: center;
    justify-content: center;
}
    .contactheader > div {
        text-align: center;
        flex: 1;
    }
    .contactheader > div > p {
        color: #fff;
        padding: 0 10px;
    }
.headtext {
    font-size: larger;
    font-weight: 600;
}
.bodytext {
    font-size: medium;
}


.map {
    width: 100%;
    height: 450px;
    border: 1px solid #ccc;
}

.tel2 {
    text-decoration:none; 
        color:white;
}


/*pc 화면이 기본*/
@media all and (max-width: 768px) {

    .tel2:hover {
        color: #00182E;
        Background: white;
    }

    article {
        padding: 30px 20px;
    }
    .contactheader > div > p {
        color: #fff;
        padding: 0 0px;
    }
    .headtext {
        font-size: small;
        font-weight: 600;
    }

    .bodytext {
        font-size: smaller;
    }


    .map {
        max-height: 80%;
    }
}

    /*여기서부터 연혁*/