@charset "utf-8";

.region-wrap {
    margin-bottom: 60px;
}

.region-wrap a {
    display: flex; width: 100%;
    padding: 30px 10px;
    align-items: center; justify-content: center; column-gap: 10px;
    font-size: 24px; line-height: 30px; text-align: center;
    background-color: #0C7771; color: white;
    border-radius: 5px;
}

.region-wrap a:after {
    content: ">"; width: 14px; height: 28px;
    line-height: 1;
}
.region-wrap a:hover {
    text-decoration: none;
    background-color: #095955;
}
/* 노트북 */
@media screen and (max-width: 1430px) and (min-width: 1025px) {

}

/* 패드-pro */
@media screen and (max-width: 1024px) and (min-width: 821px) {

}

/* 태블릿 */
@media screen and (max-width: 820px) and (min-width: 481px) {

}

/* 모바일 */
@media screen and (max-width: 480px) {
    .region-wrap a {
        padding: 20px 10px;
        font-size: 18px;
    }

    .region-wrap a:after {
        height: 22px;
    }
}

@media screen and (max-width: 350px) and (min-width: 280px) {
}

/* 노트북 ~ 모바일 */
@media screen and (max-width: 1430px) {
}

/* 태블릿 ~ 모바일 */
@media screen and (max-width: 820px) {

}