@charset "utf-8";

@media (max-width: 1600px) {
	#header .logo {left: 15px;}
	#header #gnb {padding-right: 80px;}
	#header.hactive #gnb {padding-right: 100px;}
	#header.hactive #gnb > ul > li {width: 180px; padding: 0 30px;}
	#header #gnb > ul > li > a {padding: 30px 30px 0;}
	
	.quick-top {right: 15px;}
}

@media (max-width: 1200px){
	#header #gnb > ul > li > a {font-size: 20px;}
	#header.hactive #gnb > ul > li {width: 150px; padding: 0 20px;} 
	#header #gnb .submenu {top: 112px;}
	#header #gnb .submenu ul li a {font-size: 18px;}
	
	#header .logo > a {width: 300px; background-size: 300px auto;}
	#header.hactive #gnb {padding-right: 80px;}
	
	.quick-top {bottom: 50px; right: 15px;}
}

@media (max-width: 1024px) {
	#gnb {display:none;}
	#header .logo > a {width: 362px; background-size: 362px auto;}
	#footer {padding-bottom: 120px;}
	#footer .bottom {flex-wrap: wrap;}
	#footer .bottom .info {width: 100%;}
	#footer .sel-box .select ul {bottom: initial; top: 55px;}
}

@media (max-width: 768px) {
	
	#footer .top {flex-wrap: wrap; gap: 20px;}
	#footer  .terms {width: 100%;}
	#footer .top .terms > ul > li > a {font-size: 18px;}
	
	#footer .sel-box .select button {font-size: 16px;}
	
	.quick-top {bottom: 40px;}
	.quick-top .btn-top {width: 70px; height: 70px;}
	body.bottom .quick-top {bottom: 40px; top: initial; position: fixed;}
}

@media (max-width: 480px) {
	#header .logo > a {width: 260px; background-size: 260px auto;}
	#header .head-util .btn-nav {background-color: transparent; background-position: calc(100% - 15px) 50%; filter:invert(1); background-size: 26px auto;}
	body.opened #header .head-util .btn-nav {filter:invert(0);}
	
	#footer .ft_logo {max-width: 260px;}
	#footer .top .terms > ul > li > a {font-size: 16px;}
	#footer .bottom .info ul li {font-size: 16px;}
	
	#footer .sel-box {flex-wrap: wrap; max-width: 100%;}
	#footer .sel-box .select {transition: all .4s linear; max-width: 270px; width: 100%;}
	#footer .sel-box .select.open {padding-bottom: 110px;}
	#footer .sel-box .select button {text-align: left; width: 100%;}
	
	.quick-top .btn-top {width: 50px; height: 50px; background-size: 28px auto;}
	
}