@charset "utf-8";

@media (max-width: 1600px){
	.quick-top.show {right: 15px;}
}

@media (max-width: 1200px) {
	#header #gnb > ul {gap: 50px;}
	
	#footer .right {flex-wrap: wrap;}
}

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

@media (max-width: 768px) {
	#footer .inner {flex-wrap: wrap; gap: 40px;}
	#footer .inner .right {width: 100%;}
	#footer .right .terms > ul > li > a {font-size: 16px;}
	
	.quick-top {bottom: 30px;}
	body.bottom .quick-top {top: initial; bottom: 30px; position: fixed;}
	.quick-top .btn-top {width: 60px; height: 60px;}
}

@media (max-width: 480px) {
	#footer {padding: 60px 0;}
	#footer .right .info ul li {flex: 100%;}
	
	.quick-top .btn-top {width: 50px; height: 50px;}
}