@charset "utf-8";

@media (max-width: 1800px) {
	#footer .container {margin-left: auto;}
}

@media (max-width: 1400px) {
	#header #gnb > ul > li {width: 100%; max-width: 180px; padding: 0 !important;}
	#gnb .submenu {width: 100%;}

}

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

@media (max-width: 1024px) {
	#gnb {display:none;}
	.submenu-bg {display: none !important;}

	.quick-top.show {right: 15px;}

	#footer .container .ft_logo {max-width: 200px;}
	#footer .container .right {padding-bottom: 30px;}
	#footer .container .right .terms {right: inherit; left: 0;}

}

@media (max-width: 640px) {
	#footer {padding: 40px 0;}
	#footer .container {flex-wrap: wrap;}
	#footer .container .ft_logo {max-width: 100%;}
	#footer .container .right {max-width: 100%; margin-top: 40px;}
}

@media (max-width: 480px) {
	#header {height: 100px;}
	#header:after {top: 100px;}
	#header .logo {top: 20px;}
	#header .head-util {top: 34px;}
	#header .head-util > div.btn-area .btn-nav {margin-left: 25px;}

	.quick-top .btn-top {width: 48px; height: 48px; background-size: 15px auto;}

	#footer .container .ft_logo img {max-width: 30%;}
	#footer .container .right {margin-top: 20px;}
	#footer .container .right .info {padding-bottom: 15px;}
	#footer .container .right .info ul li {font-size: 14px; line-height: 28px;}
	#footer .container .copyright {font-size: 13px;}
	#footer .container .right .terms > ul > li > a {font-size: 14px;}
}