@media(max-width: 1600px){
	#header #gnb {padding: 0 150px 0 350px;}
}

@media(max-width: 1500px){
	#footer .container-fluid .left {width: 30%;}
	#footer .container-fluid .right{width: 70%;}
}

@media(max-width: 1200px){
	#header .logo {left: 20px;}
	#header .head-util {right: 20px;}
	#header #gnb {padding: 0 100px 0 300px;}
}

@media(max-width: 1024px){
	#header #gnb {display: none;}
	#header {background-color: #fff;}

	#footer .container-fluid .left {width: 50%;}
	#footer .container-fluid .right{width: 50%;}
	#footer .container-fluid .right ul li {padding-left: 40px;}
	#footer .container-fluid .copyright {left: 40px;}

	.quick-top.show {right: 15px;}
	.quick-top .btn-top {width: 60px; height: 60px;}
}

@media(max-width: 768px){
	
	#footer .container-fluid {flex-wrap: wrap;}
	#footer .container-fluid .left {width: 100%; border-right: 0; padding: 80px 0 40px;}
	#footer .container-fluid .left .terms {bottom: 0;}
	#footer .container-fluid .right{width: 100%; padding-top: 40px;}
	#footer .container-fluid .right ul li {padding-left: 0;}
	#footer .container-fluid .copyright {left: 0;}
}

@media(max-width: 480px){
	#header .logo {left: 15px; top: 25px;}
	#header .logo > a img {max-width: 83%;}

	#footer .container-fluid .left {padding-top: 60px;}
	#footer .container-fluid .left h2 {margin: 0 auto;}
	#footer .container-fluid .left .terms {width: 100%;}
	#footer .container-fluid .left .terms ul {text-align: center;}
	#footer .container-fluid .right {padding-top: 20px; padding-bottom: 100px;}
	#footer .container-fluid .right ul li {text-align: center;}
	#footer .container-fluid .copyright {width: 100%; text-align: center; bottom: 60px;}
}