@charset "utf-8";

/* 사이트맵 */
#sitemap a {display:flex;align-items:center;}
#sitemap .sitemap_box {border-bottom:1px solid #cfd0d7;margin-bottom:40px;padding-bottom:40px;}
#sitemap .sitemap_box h2 {font-size:1.750em;color:#000;margin-bottom:20px;}
#sitemap .sitemap_box h2 > a {display:inline-flex;}
#sitemap .sitemap_box > ul {display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px;}
#sitemap .sitemap_box > ul > li > .sm_2th {border:1px solid #cfd0d7;box-sizing:border-box;height:50px;justify-content:center;margin-bottom:10px;transition:all .4s;color:#000;font-weight:500;}
#sitemap .sitemap_box > ul > li > .sm_2th:hover,
#sitemap .sitemap_box > ul > li > .sm_2th:focus,
#sitemap .sitemap_box > ul > li > .sm_2th:active {background:#372f65;border-color:#372f65;border-radius:10px;box-shadow:0px 2px 15px 0px rgba(3,47,133,.2);color: #fff;transition:all .4s;}
#sitemap .sitemap_box > ul > li > ul > li:not(:last-child) {margin-bottom:3px;}
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th {position:relative;padding-left:20px;transition:all .3s;}
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th::before {position:absolute;top:7px;left:7px;content:"";width:5px;height:5px;background:#666;border-radius:50%;transition:all .3s;}
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:hover,
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:focus,
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:active {color:#372f65;transition:all .3s;}
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:hover::before,
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:focus::before,
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:active::before {background:#372f65;transition:all .3s;}
    @media only screen and (max-width:1299px){
        #sitemap .sitemap_box > ul {grid-template-columns:repeat(3,1fr);}
    }
    /* 모바일 */
    @media only screen and (max-width:767px){
        #sitemap .sitemap_box {margin-bottom:30px;padding-bottom:30px;}
        #sitemap .sitemap_box h2 {margin-bottom:15px;}
        #sitemap .sitemap_box > ul {grid-template-columns:repeat(2,1fr);gap:15px;}
        #sitemap .sitemap_box > ul > li > ul > li > .sm_3th::before {top:6px;}
    }
    /* 모바일 */
    @media only screen and (max-width:560px){
        #sitemap .sitemap_box > ul {grid-template-columns:repeat(1,1fr);}
        #sitemap .sitemap_box > ul > li > .sm_2th {margin-bottom:5px;}
    }