@charset "utf-8";

.sitemap { margin-top: 3rem; }
.sitemap h3 { font-size: 1.1rem; font-weight: 700; color: #1963d1; margin-bottom: 0.95rem; }
.sitemap h3:not(.sitemap h3:first-child) { margin-top: 3rem; }
.site_menu { display: flex; flex-wrap: wrap; gap: 1rem; width: 100%; }
.site_menu > li { width: calc((100% - 2rem) / 3); display: flex; flex-direction: column; gap: 0.55rem; }
.site_menu > li > a { display: block; border-radius: 0.5rem; padding: 0.85rem 1rem; border: 1px solid #799bcd; color: #1e2938; font-weight: 600; font-size: 0.85rem; text-align: center; line-height: 1; box-shadow: 4px 4px 0 rgba(27,36,56,0.08); position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.site_menu li a { word-break: break-word; position: relative; display: inline-block; width: 100%; }
.site_menu li a[target='_blank']:after { content: "\e980"; display: inline-block; font-family: 'xeicon'; color: #474e58; margin-left: 0.25rem; }
.site_menu .list_st1 { margin-top: 0; background: #f4f7fc; border-radius: 0.5rem; padding: 0.8rem 0.7rem; }
.site_menu .list_st1 li { color: #474e58; font-size: 0.75rem; font-weight: 600; width: 100%; }
.site_menu .list_st1 li::before { background: #acb7ca !important; }
.site_menu .list_st2 li { color: #474e58; font-size: 0.75rem; font-weight: 500; width: 100%; }

/* active */
.site_menu > li > a,
.site_menu .list_st1 li a { transition: 0.15s; -webkit-transition: 0.15s; }
.site_menu > li > a:hover,
.site_menu > li > a:focus { color: #1963d1; border-color: #1963d1; }
.site_menu > li > a[target='_blank']:hover:after,
.site_menu > li > a[target='_blank']:focus:after { color: #1963d1; }
.site_menu .list_st1 li a:hover,
.site_menu .list_st1 li a:focus { text-decoration: underline; }

/* 반응형 */
@media (max-width: 768px) {
    .site_menu > li { width: calc((100% - 1rem) / 2); }
}

@media (max-width: 480px) {
    .site_menu { gap: 0.5rem 1rem; }
    .site_menu > li { width: 100%; }
}