@charset "utf-8";

@media (max-width: 1200px) {
	#header .container .logo {left: 15px;}
	#header .container #gnb > ul > li {margin: 0 10px;}
	#header .container #gnb > ul > li > a {width: 150px;}
}

@media (max-width: 1024px) {
	#gnb {display:none;}
	#footer .container .terms {top: 200px;}
}

@media (max-width: 768px) {
	#header .head-util {width: 81px}
	#footer .container .company-info {flex-wrap: wrap;}
	#footer .container .company-info .ft_logo {max-width: 100%;}
	#footer .container .company-info ul {max-width: 100%; width: 100%; margin-top: 30px;}
	#footer .container .company-info ul > br {display: none;}
	#footer .container .company-info ul li {display: block; line-height: 20px; padding-right: 0;}
	#footer .container .company-info ul li:nth-of-type(3) ~ li {margin-top: 10px;}
	#footer .container .company-info ul li ~ li {margin-top: 10px;}
	#footer .container .company-info ul li::after {display: none;}
	#footer .container .ft_gnb ul {text-align: center;}
	#footer .container .ft_gnb ul li.cate {font-size: 16px;}
	#footer .container .ft_gnb ul li:nth-of-type(2) {padding-top: 20px;}
	#footer .container .ft_gnb ul li a {font-size: 14px;}
}

@media (max-width: 480px) {
	#header {height: 80px;}
	#header .container .logo {top: 15px;}
	#header .head-util > div.btn-area {top: 28px;}
	#footer {padding-top: 20px;}
	#footer .container .ft_gnb ul li:nth-of-type(2) ~ li {padding-top: 10px;}
	#footer .container .terms {right: 0; left: 50%; transform: translateX(-50%); top: 130px; width: 100%;}
	#footer .container .terms ul {max-width: 280px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between;}
	#footer .container .terms ul li ~ li {margin-left: 0;}
	#footer .container .terms ul li a {font-size: 14px;}
	#footer .container .company-info {margin-top: 60px; padding-top: 30px;}
	#footer .container .company-info ul {padding-bottom: 60px;}
	#footer .container .company-info ul li {font-size: 14px;}
	#footer .container .copyright {font-size: 14px; bottom: 35px}
	.quick-top .btn-top {width: 50px; height: 50px;}

}

@media(max-width: 360px){
	#footer .container .company-info ul li address > br.mo {display: block;}
}