@charset "UTF-8";

/* gnb */
.sitemap_bg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .59); z-index: 12 }
#sitemap {height:101vh;position: absolute;top: 0;left:0;overflow-y: auto;text-align: center;background: #ffffff;transition: all .3s ease-in-out;opacity: 0;}
#sitemap.open { right: 0; opacity: 1 }
.sitemap-wrap a {display: block;color: #4b4848;line-height: 1;text-decoration: none;padding: 9px 0;}
.sitemap-wrap>ul>li { border-bottom: 1px solid rgba(255, 255, 255, .2); }
.sitemap-wrap>ul>li>a { font-size: 1.8rem; font-weight: bold; color: #ffe6ba;display:block; }

/* gnb open button */
#sitemap-btn {border:0;background:none;outline:none;cursor:pointer;z-index:99;top:0;position:relative;float:right;}
#sitemap-btn i { display: block; width: 18px; height: 3px; margin-bottom: 2px; background: #3e3e3e; transition: all .3s ease-in-out }
#sitemap-btn.open i { background-color: #fff; }
#sitemap-btn.open .bar1 { transform: translateY(5px) rotate(45deg); }
#sitemap-btn.open .bar2 { opacity: 0; transform: translateX(60px); }
#sitemap-btn.open .bar3 { transform: translateY(-5px) rotate(-45deg); }

/* PC */
@media all and (min-width:991px) {
	/* gnb */
	.sitemap_bg {top: 0;}

	#sitemap {top: -120vh;width: 100%;z-index:-1;}
	#sitemap.open {top: -41px;z-index:15;}

	#sitemap a { padding: 0; }
	.sitemap-wrap {padding-top:15rem;}
	.sitemap-wrap>ul { float: left;  display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: end; justify-content: flex-end; padding: 0; margin-bottom: 40px }
	.sitemap-wrap li ul { display: inline-block;}
	.sitemap-wrap li li a {line-height: 2rem;color: #7a7a7a;font-size: 0.9rem;}
	.sitemap-wrap .sitemap_tit {font-size: 1.3rem;color: #313131;margin-bottom: 2.85rem;}

	/* gnb open button */
	#sitemap-btn.open i { background-color: #3e3e3e }
}