@charset "utf-8";

@media (max-width: 1400px) {
	#header #gnb > ul > li {margin: 0 40px;}
}

@media (max-width: 1024px) {
	#gnb {display:none;}
	#header .head-util {display: block;}
}

@media (max-width: 768px) {
	#footer {padding: 60px 0 100px;}
	#footer .terms > ul {gap: 15px;}
	#footer .info ul li {font-size: 16px;}
	#footer .copyright {font-size: 14px;}
	
	.quick-top {top: inherit; bottom: -70px;}
	.quick-top .btn-top {width: 50px; height: 50px; background-size: 17px auto;}
}

@media (max-width: 480px) {
	#header {height: 100px;}
	#header .logo {top: 29px;}
	#header .head-util {top: 44px;}
	

	#footer .terms > ul {gap: 5px; justify-content: center;}
	#footer .terms > ul li {max-width: 150px;}
	#footer .terms > ul > li > a {font-size: 16px; line-height: 43px;}
	#footer .info {margin-top: 30px;}
	#footer .info ul li {padding-right: 0; display: block;}
	#footer .info ul li:nth-of-type(2) {padding-right: 0;}
	#footer .info ul li:nth-of-type(2)::after {display: none;}
}