@charset "UTF-8";

.sitemap{display: none; z-index: 1000; position: fixed; left: 0; top: 0; width: 100%; height: 100%;}
.sitemap .sitemap-bg{z-index: 1001; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #614d40;}
.sitemap .contentbox{z-index: 1002; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: auto; height: 100%; text-align: center; overflow-y: auto}
.sitemap .contentbox .centerbox{display: inline-block; margin: 0 auto; text-align: center; margin-top: 100px; width: 870px;}
.sitemap .contentbox .centerbox .sitemap-logo{margin-bottom: 30px;}
.sitemap .btn-close{z-index: 1003; position: absolute; right: 15px; top: 15px; display: inline-block;}
.sitemap .btn-close a{display: inline-block; width: 100%; height: 100%;}
.sitemap .btn-close a img{width: 65px;}
.sitemap .btn-logo{z-index: 1003; position: absolute; left: 15px; top: 15px;}
/*.sitemap .btn-logo a img{width: 120px;}*/
.sitemap .contentbox .site-link .link-ul{display: inline-block; width: 230px; margin: 40px 30px; text-align: left;}
.sitemap .contentbox .site-link h3{font-size: 34px; font-family: 'Nanum Myeongjo'; color: #fff;}
.sitemap .contentbox .site-link .link-ul .link-line{display: inline-block; width: 30px; height: 1px; margin: 20px 0; background: #fff;}
.sitemap .contentbox .site-link .link-ul .links a{display: inline-block; font-size: 20px; color: #fff; padding: 5px 5px; margin-bottom: 5px;}
.sitemap .contentbox .site-link .link-ul .links a:hover{background: #c30e23;}

@media screen and (max-width: 870px) {
	.sitemap .btn-logo{left: 10px; top: 10px;}
	.sitemap .btn-close{right: 10px; top: 10px;}
	.sitemap .contentbox .centerbox{width: 100%;}
	.sitemap .site-link .link-ul{float: none;}
	.sitemap .btn-close a img{width: 40px;}
	.sitemap .btn-logo a img{width: 100px;}
	.sitemap .contentbox .site-link .link-ul{width: 200px; margin: 20px;}
	.sitemap .contentbox .site-link .link-ul h3{letter-spacing: -4px;}
	::-webkit-scrollbar { width: 0px; background: transparent; /* make scrollbar transparent */}
}