@charset "utf-8";



@media (max-width: 1400px) {
	#header .container #gnb {padding-left: 300px;}
	#header .container #gnb > ul {gap: 100px;}
	
	#footer .terms {justify-content: normal; gap: 50px;}
}

@media (max-width: 1200px) {
	#header .container #gnb {padding-left: 230px;}
	#header .container #gnb > ul {gap: 80px;}
}

@media (max-width: 1024px) {
	#gnb {display:none;}
	
	.mo-quick {display: block;}
	.quick-box {right: -100px; bottom: 140px;}
	.quick-box.open {bottom: 140px; right: 15px; display: block;}
	.quick-box {width: 80px;}
	.quick-box .quick-top {display: none;}
	.quick-box .quick a {padding: 10px 0;}
	.quick-box .quick a dl dd {line-height: 1.2;}
}

@media (max-width: 768px) {
	#footer .terms {flex-wrap: wrap; gap: 20px;}
	#footer .terms > ul {width: 100%;}
	
	
}

@media (max-width: 480px) {
	#footer {padding-bottom: 100px;}
	#footer .ft_logo {margin-bottom: 30px;}
	#footer .info ul li {font-size: 14px;}
	#footer .info ul li:nth-of-type(1) {padding-right: 0;}
	#footer .copyright {font-size: 14px;}
	#footer .info {padding-bottom: 20px; margin-bottom: 20px;}
	#footer .terms > ul > li > a {font-size: 14px; padding: 0 15px; width: 160px;}
	
	.mo-quick {bottom: 20px; width: 60px; height: 60px;}
	.mo-quick p {font-size: 12px; line-height: 60px;}
	
	.quick-box {width: 60px; bottom: 90px;}
	.quick-box.open {bottom: 90px;}
	.quick-box .quick {padding: 10px 5px;}
	.quick-box .quick a dl dt {max-width: 30px;}
	.quick-box .quick a dl dd {margin-top: 10px;}
	
}