@charset "utf-8";

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

@media (max-width: 1400px) {
	#header #gnb {padding-left: 200px;}
	#footer .container .right .terms {flex-wrap: wrap; gap: 10px;}
}

@media (max-width: 1200px) {
	#header #gnb > ul > li > a {width: 150px; font-size: 18px;}
}

@media (max-width: 1024px) {
	#gnb {display:none;}
	
	#footer .container {flex-wrap: wrap; gap: 30px;}
	#footer .container .right {max-width: 100%;}
}

@media (max-width: 768px) {
	#footer {padding: 65px 0;}
	#footer .container .right .info {flex-wrap: wrap; gap: 20px;}
	#footer .container .right .info ul li:nth-of-type(1)::after,
	#footer .container .right .info ul li:nth-of-type(3)::after {display: none;}
	#footer .container .right .info ul li:last-child {padding-right: 0;}
	#footer .container .copyright {line-height: 24px;}
	
	#footer .container .right .info .ft_btn {display: flex; gap: 10px;}
	#footer .container .right .info .ft_btn a {width: auto; padding: 0 15px; line-height: 45px;}
	#footer .container .right .info .ft_btn a ~ a {margin-top: 0;}
}

@media (max-width: 480px) {
	.quick-top.show {bottom: 90px;}
	.quick-top .btn-top {width: 50px; height: 50px;}
	#footer .container .right .terms > ul > li {display: block;}
	#footer .container .right .terms > ul > li ~ li {margin-left: 0; margin-top: 10px;}
	#footer .container .right .terms > ul > li::after {display: none;}
}