/* header */
header h1{ width: 362px; }
header nav{ width: 30%; }
header nav .depth2{ height: 260px; }
header nav .depth2 li a{ white-space: wrap; text-align: center; line-height: 1.3; }

header.menuOn .depth2Bg{ height: 350px; }

@media (max-width: 640px){
	header h1{ width: 218px !important; height: 30px !important; }
}


/* all menu */
.allMenu br{ display: none; }
.allMenu .logo{ width: auto; height: 50px; }  
.allMenu #snb .depth2{ flex-wrap: wrap; gap: 20px 65px; }

@media (max-width: 1400px){
	.allMenu #snb .depth2{ gap: 20px 40px !important; }
}

@media (max-width: 640px) {
	.allMenu #snb .depth2{ gap: 20px 25px !important; }
}

/*	quickMenu */
.quickMenu li a{ width: 80px; height: 80px; }


/* footer */
footer .logo{ width: 350px; }

footer .family ul{ width: 100%; left: 50%; }

@media screen and (max-width: 768px){
	footer .logo{ width: 250px !important; }
}