@charset "utf-8";

@media (max-width: 1600px) {
	#header:hover #gnb > ul > li > a {padding: 0 55px;}
	
	.quick-top.show {right: 15px;}
}

@media (max-width: 1200px) {
	#header #gnb {padding-right: 40px;}
	#header .logo > a {width: 220px; background-size: 220px auto;}
	#header #gnb > ul > li > a {font-size: 20px;}
	#header:hover #gnb > ul > li > a {padding: 0 35px;}
}

@media (max-width: 1024px) {
	#gnb {display:none;}
	#footer .top {padding: 24px; flex-wrap: wrap; gap: 20px;}
	#footer .top h5 {font-size: 20px;}
	#footer .top h5 > strong {font-size: 26px;}
	#footer .inner {flex-wrap: wrap; gap: 20px;}
	#footer .ft_logo {max-width: 100%;}
}

@media (max-width: 768px) {
	#footer .top h5 {flex-wrap: wrap; font-size: 18px; gap: 5px;}
	#footer .top h5 > strong { display: block; font-size: 22px;}
	#footer .top a {font-size: 16px; max-width: 120px; padding: 0 38px 0 20px; background-position: calc(100% - 14px) 50%;}
	#footer .right .terms {flex-wrap: wrap;}
	#footer .right .terms .copyright {width: 100%;}
}

@media (max-width: 480px) {
	#footer .top {padding: 15px;}
	#footer .top h5 {font-size: 16px;}
	#footer .top h5 > strong {font-size: 18px;}
	#footer .top a {line-height: 40px;}
	#footer .right .info ul li {font-size: 16px;}
	#footer .right .terms .copyright {font-size: 16px;}
	
	.quick-top {bottom: 50px;}
	.quick-top .btn-top {width: 55px; height: 55px;}
}