@charset "utf-8";

@media (max-width: 1600px){
	.q-banner {top: inherit; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; max-width: 600px; width: 100%; border-radius: 20px 20px 0 0;}
	.q-banner a {width: 50%; padding: 20px; padding-left: 50px; flex-direction: row; justify-content: space-between; gap: 20px;}
	.q-banner a::before {top: 20px; left: 20px;}
	.q-banner a h5 {writing-mode:horizontal-tb;}
	.q-banner a i {display: none;}
	.q-banner a p {writing-mode:horizontal-tb; text-orientation:inherit; letter-spacing: 0;}
	.q-banner a .txt {display: flex; gap: 15px}
}

@media (max-width: 1400px) {
	#header .container #gnb > ul > li > a {padding: 50px 50px 25px;}
}

@media (max-width: 1200px) {
	#header .container #gnb {padding-left: 100px;}
	#header .container #gnb > ul > li > a {padding: 50px 35px 25px;}
}

@media (max-width: 1024px) {
	#gnb {display:none;}
	#main #header {display: block;}
}

@media (max-width: 768px) {
	#footer .inner {flex-wrap: wrap; gap: 20px;}
	#footer .terms {width: 100%;}
	#footer .terms > ul {margin-left: 0; max-width: 100%; width: calc(100% + 6px); gap: 0; margin: 0 -3px;}
	#footer .terms > ul li {max-width: none; width: 50%; padding: 0 3px;}
	#footer .terms > ul > li > a {font-size: 14px;}
	
	
	#footer .copyright {margin-top: 20px;}

	.quick-top .btn-top {width: 50px; height: 50px; background-size: 13px auto;}
	
	.mo-q-banner {display: block;}
	.q-banner {max-height: 0;}
	.q-banner a {padding: 20px 10px; gap: 10px; padding-left: 40px;}
	.q-banner a::before {left: 10px;}
	.q-banner a .txt {gap: 5px;}
	
}

@media (max-width: 480px) {
	body.opened #header {height: 100px;}
	#header .container .logo {top: 21px;}
	#header .head-util {top: 41px;}
	
	#footer .info ul li {font-size: 14px;}
	#footer .copyright {margin-top: 10px; font-size: 14px;}
	
	.quick-top {bottom: -30px;}
	
	.q-banner a {padding: 15px; padding-left: 45px;}
	.q-banner a::before {top: 15px; left: 15px;}
	.q-banner a.blog {max-width: 140px; width: 100%;}
	.q-banner a.tel {width: 1%; flex: 1 1 auto;}
	.q-banner a h5 {font-size: 14px; letter-spacing: 0;}
	.q-banner a p {font-size: 14px;}
}