@media (max-width: 1800px) {
	#header .container-fluid #gnb > ul > li > a {
		margin: 0 30px;
	}
	#header .container-fluid .logo {
		left: 20px;
	}
}
@media (max-width: 1600px) {
    
}

@media (max-width: 1400px) {
    #header .container-fluid .logo > a {
		width: 150px;
		background-size: 150px auto;
	}
	#header .container-fluid #gnb > ul > li > a {
		margin: 0 20px;
	}
	#header .container-fluid .head-util {
		right: 20px;
	}
	#footer .container .footer-info > .info > ul > br.mo {
		display: block;
	}
	#footer .container .footer-info .info > ul > li:nth-of-type(3)::after {
		display: none;
	}
}

@media (max-width: 1200px) {
    #header .container-fluid #gnb > ul > li > a {
		margin: 0 5px;
	}
	.quick-top .btn-top {
		width: 60px;
		height: 60px;
		background-size: 17px auto;
	}
}

@media (max-width: 1024px) {
	#header .container-fluid #gnb {
		display: none;
	}
	.quick-top.show {
		right: 20px;
	}
	#footer .container .footer-info .btns > ul {
		width: calc(300px + 40px);
	}
	#footer .container .footer-info {
		flex-wrap: wrap;
	}
	#footer .container .footer-info .btns {
		padding-top: 90px;
	}
}

@media (max-width: 768px) {
	#footer {
		max-width:100%; 
		width: 100%;
		overflow: hidden;
		padding: 55px 0;
	}
	#footer .container .footer-info .info > ul > li:last-child {
		line-height: 30px;
	}
	#footer .container .footer-info .btns {
		padding-top: 30px;
	}
	#footer .container .footer-info .btns > ul > li > a > b {
		width: 120px;
	}
}