@charset "utf-8";

@media (max-width: 1800px){
	.quick-top {right: 15px; bottom: 20px;}
	#header #gnb > ul > li > a {padding: 0 25px;}
}

@media (max-width: 1500px) {
	#header .logo {max-width: 220px; width: 100%;}
	#header #gnb > ul > li > a {padding: 0 20px; font-size: 20px;}
	
	#footer .inner {flex-wrap: wrap; gap: 40px;}
	#footer .inner .ft_logo {max-width: 100%;}
	#footer .right {width: 100%;}
	#footer .right .info {padding-right: 300px;}
}

@media (max-width: 1400px){
	#header #gnb {padding-left: 220px;}
}

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

@media (max-width: 1024px) {
	
	
	#footer .right .info {padding-right: 0px;} 
	#footer .right .terms {position: static; margin-top: 15px;}
}

@media (max-width: 768px) {
	#footer .right .info h6 {font-size: 20px;}
	#footer .right .info > ul li {font-size: 16px;}
	#footer .right .terms > ul {justify-content: left;}
	
}

@media (max-width: 480px) {
	#header .logo {top: 42px;}
	#header .logo > a {max-width: 180px;}
	#header .head-util {gap: 20px;}
	
	#footer {padding-bottom: 100px;}
	#footer .inner {gap: 20px}
	#footer .right .info h6 {font-size: 18px;}
	#footer .right .info > ul li {padding-right: 10px;}
	#footer .right .info > ul li:nth-of-type(2)::after {display: none;}
	#footer .right .terms > ul {flex-wrap: wrap; gap: 0;}
	#footer .right .terms > ul > li:not(:last-child):after {display: none;}
}