@charset "utf-8";

@media (max-width: 1600px) {
	#header .container #gnb {padding-left: 0; padding-right: 100px;}
	#header .container #gnb > ul {justify-content: center;}
	#header .container #gnb > ul > li {margin: 0 20px;}

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

@media (max-width: 1400px) {
	#header .container #gnb {padding-right: 60px;}
	#header .container #gnb > ul > li {margin: 0 10px;}
	#header .container #gnb ul li > .submenu {width: 150px;}
	#header .head-util .mems {max-width: 200px; margin-right: 15px;}
	#header .head-util .mems ul li a img {margin-right: 8px;}

	#footer .container .right .terms {position: static; margin-top: 10px;}

	.quick-top {bottom: 80px;}
}

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

@media (max-width: 1024px) {
	#footer .container .ft_logo {max-width: 260px;}
	#footer .container .right .terms > ul > li {margin-bottom: 8px;}
 
}

@media (max-width: 768px) {
	#footer .container {flex-wrap: wrap;}
	#footer .container .right {max-width: 100%; margin-top: 20px;}

	.quick-top .btn-top {width: 45px; height: 45px; background-size: 12px auto;} 
}

@media (max-width: 480px) {

	#header .container .logo a {width: 130px; background-size: 130px auto;}
	#header .head-util {top: 35px;}
	#header .head-util .mems {max-width: 150px; margin-right: 5px;}
	#header .head-util .mems ul {width: calc(100% + 5px); margin: 0 -2.5px;}
	#header .head-util .mems ul li {padding:0 2.5px;}
	#header .head-util .mems ul li a {font-size: 12px; line-height: 30px;}
	#header .head-util .mems ul li.login a {line-height: 28px;}
	#header .head-util .mems ul li.logout a {line-height: 28px;}
	#header .head-util .mems ul li a img {margin-right: 3px;}
	#header .head-util .btn-nav {width: 24px;}
	#header .head-util .btn-nav > span:nth-of-type(2) {width: 13px;}

	#footer {padding: 55px 0;}
	#footer .container .right .info ul li {letter-spacing: -.8px;}
	#footer .container .right .info ul li:nth-of-type(5)::after {display: none;}
	#footer .container .copyright {line-height: 20px;}
	#footer .container .right .terms > ul > li:nth-of-type(2)::after {display: none;}

	
}