@charset "utf-8";

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

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

@media (max-width: 1200px) {
	#gnb {display:none;}
	
}

@media (max-width: 1024px) {
	#footer .ft_logo {max-width: 300px;}
}

@media (max-width: 768px) {
	#header .logo {width: 220px;}
	#header .head-util {gap: 10px;}
	#header .head-util > ul {padding: 0 10px; gap: 18px; justify-content: center; max-width: none; width: auto;}
	#header .head-util .btn-nav {width: 50px;}

	#footer {padding: 90px 0 120px;}
	#footer .inner {flex-wrap: wrap; gap: 30px;}
	#footer .ft_logo {max-width: 100%;}
	
	.quick-top {top: inherit; bottom: 0;}
}

@media (max-width: 480px) {
	#header .head-util > ul {display: none;}
	
	#footer {padding: 50px 0 100px;}
	#footer .right .info ul li {font-size: 14px;}
	#footer .right .info ul li:nth-of-type(1) {width: 100%;}
	#footer .right .terms > ul > li > a {font-size: 14px;}
	
	.quick-top {bottom: -70px;}
	.quick-top .btn-top {width: 50px; height: 50px; background-size: 18px auto;}
}