@media (max-width: 2200px) {
/* header */
	#header .container-fluid #gnb {padding: 0 180px 0 260px;}
	#header .container-fluid #gnb > ul {display: flex; justify-content: center; flex-wrap: nowrap;}
	#header .container-fluid #gnb > ul > li > a{padding: 0 2.5vw;}
	#header .container-fluid #gnb > ul > li > a span{font-size: 18px; white-space: nowrap;}
	#header .container-fluid .logo{left: 20px;}
	#header .container-fluid .logo > a{width: 240px; background-size: 240px auto;}
	#header .container-fluid .head-util{right: 20px;}
}

@media (max-width: 2100px) {
/* header */
	#header .container-fluid #gnb {padding: 0 170px 0 240px;}
	#header .container-fluid #gnb > ul {display: flex; justify-content: center; flex-wrap: nowrap;}
	#header .container-fluid #gnb > ul > li > a{padding: 0 2.3vw;}
	#header .container-fluid #gnb > ul > li > a span{font-size: 18px; white-space: nowrap;}
	#header .container-fluid .logo{left: 20px;}
	#header .container-fluid .logo > a{width: 230px; background-size: 230px auto;}
	#header .container-fluid .head-util{right: 20px;}
}

@media (max-width: 2000px) {
/* header */
	#header .container-fluid #gnb {padding: 0 160px 0 220px;}
	#header .container-fluid #gnb > ul {display: flex; justify-content: center; flex-wrap: nowrap;}
	#header .container-fluid #gnb > ul > li > a{padding: 0 2.1vw;}
	#header .container-fluid #gnb > ul > li > a span{font-size: 18px; white-space: nowrap;}
	#header .container-fluid .logo{left: 20px;}
	#header .container-fluid .logo > a{width: 220px; background-size: 220px auto;}
	#header .container-fluid .head-util{right: 20px;}
}

@media (max-width: 1900px) {
/* header */
	#header .container-fluid #gnb {padding: 0 155px 0 210px;}
	#header .container-fluid #gnb > ul > li > a{padding: 0 1.9vw;}
	#header .container-fluid #gnb > ul > li > a span{font-size: 18px;}
	#header .container-fluid .logo > a{width: 210px; background-size: 210px auto;}
}

@media (max-width: 1800px) {
 /* header */
 	#header .container-fluid #gnb {padding: 0 150px 0 200px;}
	#header .container-fluid #gnb > ul > li > a{padding: 0 1.7vw;}
	#header .container-fluid #gnb > ul > li > a span{font-size: 17px;}
	#header .container-fluid .logo > a{width: 200px; background-size: 200px auto;}
}

@media (max-width: 1700px) {
/* header */
	#header .container-fluid #gnb {padding: 0 140px 0 190px;}
	#header .container-fluid #gnb > ul > li > a{padding: 0 1.5vw;}
	#header .container-fluid #gnb > ul > li > a span{font-size: 17px;}
}

@media (max-width: 1600px) {
/* header */
	#header .container-fluid #gnb {padding: 0 135px 0 180px;}
	#header .container-fluid #gnb > ul > li > a{padding: 0 1.3vw;}
	#header .container-fluid #gnb > ul > li > a span{font-size: 16px;}
}

@media (max-width: 1500px) {
/* header */
	#header .container-fluid #gnb {padding: 0 130px 0 170px;}
	#header .container-fluid #gnb > ul > li > a{padding: 0 1.2vw;}
	#header .container-fluid #gnb > ul > li > a span{font-size: 15px;}
}

@media (max-width: 1400px) {
/* header */
	#header .container-fluid #gnb {padding: 0 125px 0 160px;}
	#header .container-fluid #gnb > ul > li > a{padding: 0 1.1vw;}
	#header .container-fluid #gnb > ul > li > a span{font-size: 14px;}
}

@media (max-width: 1300px) {
/* header */
	#header .container-fluid #gnb {padding: 0 120px 0 150px;}
	#header .container-fluid #gnb > ul > li > a{padding: 0 1.0vw;}
	#header .container-fluid #gnb > ul > li > a span{font-size: 13px;}
}

@media (max-width: 1200px) {
/* header */
	#header .container-fluid #gnb {padding: 0 115px 0 140px;}
	#header .container-fluid #gnb > ul > li > a{padding: 0 0.9vw;}
	#header .container-fluid #gnb > ul > li > a span{font-size: 13px;}
}

@media (max-width: 1100px) {
/* header */
	#header .container-fluid #gnb {padding: 0 110px 0 130px;}
	#header .container-fluid #gnb > ul > li > a{padding: 0 0.8vw;}
	#header .container-fluid #gnb > ul > li > a span{font-size: 12px;}
}

@media (max-width: 1024px) {
/* header */	
	#header .container-fluid .logo > a{width: 150px; background-size: 150px auto;}
	#header .container-fluid{height: 80px;}
	#header .container-fluid #gnb{display: none;}
	#header .container-fluid .head-util > .language{position: relative; top: 4px;}



/* footer */
	#footer .container .company{padding: 4vw 0;}
	#footer .container .company .foot-util{position: static; margin-top: 3vw;}
	#footer .container .company .foot-util > ul > li{display: block; margin-right: 0;}
	#footer .container .company .foot-util > ul > li > ul{display: block; padding-left: 0;}
	.quick-top .btn-top{right: 20px; bottom: 100px; width: 40px; height: 40px;}
	.quick-top.show{right: 20px; bottom: 100px;}
	#footer .container .company address{margin-top: 20px;}
}

@media (max-width: 480px) {
	#footer .container .company address {font-size: 18px;}
	#footer .container .company .foot-util > ul > li > a {font-size: 18px;}
	#footer .container .company .foot-util > ul > li > ul > li > a {font-size: 18px;}
}