@import url("base_m.css") (max-width: 1230px);

/* #contact */

.articleInfo
{
    margin: 50px 0 0;
    color: unset;
}
.htmlContent p
{
    margin-bottom: 20px;
}

/* .maps */

.maps
{
    display: flex;
    flex-wrap: wrap;
}
.maps li
{
    width: 100%;
    border: 1px solid rgba(0,0,0,.125);
}
.maps li:nth-child(3n),
.maps li:nth-child(3n + 2)
{
    margin-left: 20px;
}
.maps li:nth-child(n+4)
{
    border-top: 0;
}
.maps li div
{
    width: 100%;
    height: 400px;
    cursor: pointer !important;
}
.maps li h3
{
    padding: 16px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: var(--primary-color);
}
.maps li:hover
{
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.3);
}
.maps li:hover h3
{
    color: #fff;
    background: var(--primary-color);
}

/* #qna */

#qna form
{
    margin: 0 0 20px;
}
#qna input[type=text],
#qna textarea,
#qna input[type=submit]
{
    width: 549px;
}
#qna input[name=validCode]
{
    width: 429px;
}