@charset "utf-8";

/* 사이트맵 */
#mkSitemap{padding:100px 0;color:#777;background:#333}
#mkSitemap .flex{display:flex;align-items:center;max-width:var(--mainsize);margin:0 auto}
#mkSitemap .cs{flex-shrink:0;position:relative;width:33%;min-width:530px}
#mkSitemap .cs .info img{width:170px}
#mkSitemap .cs .info div{margin:40px 0;white-space:pre-line}
#mkSitemap .cs .info button, #mkSitemap .cs .info a{color:#777}
#mkSitemap .cs .box{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
#mkSitemap .cs .box>div{padding:25px;border-radius:5px;font-size:16px;font-weight:700;text-align:center;background:#3d3d3d}
#mkSitemap .cs .b_txt dt{font-size:16px;font-weight:700;color:#fff}
#mkSitemap .cs .b_txt dd{font-size:25px;line-height:1.3}
#mkSitemap .cs .b_txt dd button{font-weight:700;color:#bbb;color:#bbb}
#mkSitemap .cs .tel .b_txt dd a{color:var(--primary)}
#mkSitemap .cs .s_txt{margin-top:12px}
#mkSitemap .cs .s_txt dt{margin-bottom:4px;color:#fff}
#mkSitemap .cs .s_txt dd{display:inline-block}
#mkSitemap .cs .account a{display:flex;align-items:center;height:25px;padding:0 10px 0 12px;border-radius:15px;border:1px solid rgba(255,255,255,.3);font-size:13px;font-weight:600;line-height:23px;color:#999;transition:all .3s}
#mkSitemap .cs .account a svg{width:14px;height:14px;margin-left:3px}

#mkSitemap .sitemap{display:flex;position:relative;width:62%;padding-left:6%}
#mkSitemap .sitemap ul li{display:flex;flex-flow:column;align-items:flex-start;font-size:15px;line-height:2.2}
#mkSitemap .sitemap ul li+li{margin-top:30px}
#mkSitemap .sitemap ul li p{font-weight:700;color:#fff}
#mkSitemap .sitemap ul li div{display:flex;flex-wrap:wrap;gap:5px}
#mkSitemap .sitemap ul li a{display:flex;align-items:center;border-radius:3px;padding:0 13px;font-size:14px;color:rgba(255,255,255,.2);white-space:nowrap;background:rgba(255,255,255,5%);transition:all .3s}
#mkSitemap .sitemap ul.sns li div{flex-wrap:nowrap}

@media(hover:hover){	
#mkSitemap .cs .account a:hover{border:1px solid #fff;color:#fff}
#mkSitemap .sitemap ul li a:hover{color:#fff}
}
@media(max-width:1400px){
#mkSitemap{padding:55px 15px}
#mkSitemap .sitemap ul li div{flex-wrap:wrap}
#mkSitemap .sitemap ul li+li{margin-top:10px}
#mkSitemap .cs{width:38%;min-width:auto}
#mkSitemap .cs .box>div{padding:20px 15px}
#mkSitemap .cs .b_txt dd{font-size:22px}
}
@media(max-width:1024px){
#mkSitemap .flex{display:block}
#mkSitemap .cs{width:100%;min-width:auto}
#mkSitemap .cs .info div{margin:40px 0 20px}
#mkSitemap .sitemap{flex-wrap:wrap;width:100%;margin-top:20px;padding:0}
#mkSitemap .sitemap ul{display:flex;flex-wrap:wrap}
#mkSitemap .sitemap ul li{width:50%}
#mkSitemap .sitemap .sns{width:100%;margin-top:10px}
}
@media(max-width:768px){
#mkSitemap .sitemap ul li a{font-size:13px}
}
@media(max-width:480px){
#mkSitemap .sitemap ul{display:block}
#mkSitemap .sitemap ul li{width:100%}
#mkSitemap .cs .box{display:block}
#mkSitemap .cs .info div{margin:25px 0 20px}
#mkSitemap .cs .box>div+div{margin-top:10px}
#mkSitemap .sns{margin-top:10px}
}
@media(max-width:360px){
}