@charset "utf-8";

@media (max-width: 1200px) {
	#header .container #gnb > ul {gap: 40px;}
	#header .head-util {gap: 25px;}
}

@media (max-width: 1024px) {
	#gnb {display:none;}
	#footer .ft_logo {max-width: 200px;}
}

@media (max-width: 768px) {
	#wrapper {overflow: auto; height: auto;}
	.scroll-area {overflow: hidden;}

	#footer .inner {flex-wrap: wrap; gap: 20px;}
	#footer .right {width: 100%;}
	#footer .right .info ul li {padding-right: 0;}
	#footer .right .info ul li ~ li {padding-right: 15px;}
}

@media (max-width: 480px) {
	#header .head-util {gap: 15px;}
}