@charset "utf-8";
/* CSS Document */

/*사이트맵*/
.art_sitemap {margin-top:30px}
.art_sitemap .sitemap_wrap > ul {display:flex; flex-wrap:wrap; justify-content:space-between; gap:15px}
.art_sitemap .sitemap_wrap > ul > li{display:flex; width:calc(100% / 3 - 10px); border:1px solid #dadada; border-bottom:2px solid #2b4c6a; box-sizing:border-box; border-radius:10px 10px 0 0; overflow:hidden}
.sitemap_wrap .smlst {position:relative; width:100%; /*min-height:180px;*/ margin: 0 auto}
.sitemap_wrap .smlst .smtit{background:url(../../images/sitemap/bg_sitemap.png) no-repeat left 2px top 50% #2b4c6a; font-size:1.143em; font-weight:500; color:#fff;  text-align: center}
.sitemap_wrap .smlst .smtit span {display:block; padding:20px 0}
.art_sitemap .sitemap_wrap > ul > li:nth-of-type(even) {border-bottom-color:#008cd6}
.sitemap_wrap li:nth-of-type(even) .smlst .smtit {background:url(../../images/sitemap/bg_sitemap.png) no-repeat left 2px top 50% #008cd6}
.sitemap_wrap .smlst > ul {padding:10px}
.sitemap_wrap .smlst li.smn{margin-top: 5px}
.sitemap_wrap .smlst li.smn:first-child {margin-top:0}
.sitemap_wrap .smlst li.smn > a{display: block; padding: 7px 0;background: #e3e3e3; text-align: center; font-weight: 500; transition: all .4s;}
.sitemap_wrap .smlst li.smn > a:hover{background: #006dd3; color:#fff}
.sitemap_wrap .sm_third {margin:15px 0 10px}
.sitemap_wrap .sm_third li a{display:block; padding:5px;border-bottom:1px dashed #ccc; text-align:center; word-break:keep-all}
.sitemap_wrap .sm_third li a:hover{color:#000; font-weight:500}
.sitemap_wrap .smlst li.smn:nth-of-type(odd):hover a.smntit{background:#65a4eb; color:#fff}
.sitemap_wrap .smlst li.smn:nth-of-type(even):hover a.smntit{background:#de8bf7; color:#fff}
.sitemap_wrap .sm_third li:first-child a{padding-top:0}
.sitemap_wrap .sm_third li:last-child a{padding-bottom:0; border-bottom:none}


/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
.art_sitemap .sitemap_wrap > ul > li {width:33.3%}
}

/* PC LAYOUT */
@media only screen and (min-width:1025px) {
}

@media only screen and (max-width:710px) {
/*사이트맵*/
.art_sitemap .sitemap_wrap > ul > li{float:none; width:100%; margin-bottom:10px}
.sitemap_wrap .smlst {min-height:auto; margin: 0 auto}
}