@charset "utf-8";

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

@media (max-width: 1400px) {
	#header #gnb {padding-right: 100px;}
	
	#footer .right .info ul {flex-wrap: wrap; gap: 5px 25px;}
}

@media (max-width: 1200px){
	#header #gnb {padding-right: 80px;} 
	#header #gnb > ul > li > a {width: 160px;}
	#header .head-util {gap: 20px;}
}

@media (max-width: 1024px) {
	#gnb {display:none;}
	
	#footer .right .terms {flex-wrap: wrap;}
	#footer .right .terms > ul {margin-top: 10px;}
}

@media (max-width: 768px) {
	#footer .inner {flex-wrap: wrap; gap: 30px;}
	#footer .inner .right {width: 100%;}
	#footer .right .info h5 {font-size: 20px;}
	#footer .right .info ul li {width: 100%; font-size: 16px;}
	#footer .right .info ul li:not(:last-child)::after {display: none;}
	#footer .copyright {font-size: 16px;}
}

@media (max-width: 480px) {
	#header .logo {top: 23px;}
	#header .logo > a {max-width: 130px;}
	#header .head-util {gap: 10px;}
	#header .head-util a.down {padding: 0 10px; gap: 5px; font-size: 12px;}
	.quick-top .btn-top {width: 50px; height: 50px;}
	
	
}