@charset "utf-8";

@media (max-width: 1600px) {
	#header .container #gnb {padding-right: 100px;}
	#header .container #gnb > ul > li > a {padding: 0 20px;}
	
	.quick-top.show {right: 15px;}
	#footer .info .sns {margin-right: 70px;}
}

@media (max-width: 1400px) {
	#header .container .logo a {background-size: 150px auto; width: 150px;}

	#header .container #gnb > ul > li > a {font-size: 18px;}
	#header .container #gnb ul li > .submenu > ul > li > a {font-size: 16px;}
	
	#header .head-util .mems {margin-right: 15px;}
	#header .head-util .lang-box {margin-right: 20px;}
}

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

@media (max-width: 1024px) {
	#footer .info {flex-wrap: wrap; gap: 20px;}
	#footer .info ul {max-width: 100%;}
	#footer .info ul li:nth-of-type(1):after {display: none;}
	
	#footer .info .sns {margin-right: 0px;}
}

@media(max-width: 768px){
	
	.contain {padding-top: 80px;}
}

@media (max-width: 640px) {
	#footer .terms {flex-wrap: wrap; gap: 10px;}
	#footer .copyright {max-width: 100%;}
}

@media (max-width: 480px) {
	#header .container .logo {top: 36px;}
	#header .container .logo a {background-size: 110px auto; width: 110px; height: 25px;}
	#header .head-util .mems {margin-right: 8px;}
	#header .head-util .mems ul {gap: 15px;}
	#header .head-util .mems ul li:nth-of-type(1)::after {right: -8px;}
	#header .head-util .mems ul li a {font-size: 14px;}
	#header .head-util .lang-box {margin-right: 10px; width: 60px;}
	#header .head-util .lang-box > span {padding: 0 7px; line-height: 28px;}
	#header .head-util .lang-box > span::after {right: 7px;}
	#header .head-util .lang-box .lang {width: 60px;}
	#header .head-util .btn-nav {width: 20px; background-size: 20px auto;}
	
	.quick-top {bottom: 45px;}
	.quick-top .btn-top {width: 50px; height: 50px;}
	.quick-top .roomez {background-size: 40px auto;}
	.quick-top .btn-top.go-top {background-size: 15px auto;}
}