@charset "UTF-8";
@import "../variable.css";
@import "../font.css";
@import "../reset.css";
@import "../layout.css";
@import "../common.css";
@import "../responsive.css";
/*-------------------------------------------------------------------*/
/* 사이트맵 _ 공통 */
.sitemap-list {display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:24px;}
.sitemap-box {display:flex;flex-direction:column;padding:32px 28px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--color-white);}
.sitemap-box.current {border-color:var(--color-primary);}

.sitemap-title {margin-bottom:12px;padding-bottom:16px;border-bottom:2px solid var(--color-black);}
.sitemap-title > a {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--txt-size05);font-weight:var(--fw-bold);color:var(--color-black);word-break:keep-all;}
.sitemap-title > a::after {content:"";flex-shrink:0;width:20px;height:20px;background:url("../../images/ico/ico_breadcrumb.svg") center center / 16px 16px no-repeat;}
.sitemap-box.current .sitemap-title {border-bottom-color:var(--color-primary);}
.sitemap-box.current .sitemap-title > a {color:var(--color-primary);}

.sitemap-menu {margin-bottom:20px;}
.sitemap-menu > li > a {display:block;padding:10px 0;font-size:var(--txt-size03);font-weight:var(--fw-medium);color:var(--color-text);word-break:keep-all;}

/* 하단 목록은 margin-top:auto 로 카드 바닥에 붙여 같은 줄 카드끼리 높이를 맞춘다 */
.sitemap-sub-menu {display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:20px;border-top:1px solid var(--border-color);}
.sitemap-sub-menu .ico_sidebar {padding-left:32px;font-size:var(--txt-size02);color:var(--color-gray4);}

.sitemap-title > a:hover,
.sitemap-title > a:focus-visible,
.sitemap-menu > li > a:hover,
.sitemap-menu > li > a:focus-visible,
.sitemap-sub-menu .ico_sidebar:hover,
.sitemap-sub-menu .ico_sidebar:focus-visible {color:var(--color-primary);text-decoration:underline;}

@media (max-width:1024px) {
    .sitemap-list {grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px;}
}

@media (max-width:767px) {
    .sitemap-list {grid-template-columns:minmax(0, 1fr);gap:12px;}
    .sitemap-box {padding:20px;}
    .sitemap-title {margin-bottom:8px;padding-bottom:12px;}
    .sitemap-title > a {font-size:var(--txt-size04);}
    /* 시설 8곳이 세로로 길어지므로 메뉴는 2열, 하단 목록은 가로로 */
    .sitemap-menu {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:12px;margin-bottom:12px;}
    .sitemap-menu > li > a {padding:8px 0;}
    .sitemap-sub-menu {flex-direction:row;flex-wrap:wrap;gap:8px 20px;padding-top:12px;}
    .sitemap-sub-menu .ico_sidebar {padding-left:28px;background-size:20px;}
}