@media screen and (max-width: 1680px) {
	header nav ul li b a { padding-right: 40px; }
	header #userBox ul li { padding-right: 30px; }
}

@media screen and (max-width: 1679px) {
	header > div { width: 25%; }
}

@media screen and (max-width: 1440px) {
	header nav { width: 59%; }
}

@media screen and (max-width: 1366px) {
	header nav ul li b a { padding-right: 10px; }
	header nav ul li .sideNav { width: 100%; }
	header nav ul li .sideNav p a { padding: 6px 20px; }
}

@media screen and (max-width: 1280px) {
	section { width: 960px; }
	header #cis { width: 25%; }
	header nav { width: 59%; }
}

@media screen and (max-width: 1140px) {
	header #cis { width: 19%; }
	header #cis a { margin-left: 5%; }
	header nav { width: 65%; }
	header #userBox { width: 15%; }
	header #userBox h3 { padding-left: 39px; font-size: 16px; }
	header #userBox ul li { padding-right: 0; }
}

@media screen and (max-width: 1139px) {
	section { width: 95%; }
	header nav h3 { position: relative; display: block; font-size: 25px; }
	header nav h3 a { margin-left: 30px; }
	header nav { width: 50%; }
	header nav ul { overflow: auto; position: absolute; margin-top: 16px; width: 100%; height: calc(100vh - 150px); background: #fff; display: none; left: 0; }
	header nav ul.Open { display: block; }
	header nav ul li { display: block; border-bottom: 1px #f6f6f6 solid; }
	header nav ul li b a { padding: 10px 30px; background: none; color: #3f3f3f; font-size: 16px; }
	header nav ul li .sideNav { position: relative; display: block; }
	header nav ul li:hover .sideNav { padding-top: 0; }
	header nav ul li .sideNav p { background: #ffe9e8; }
	header #userBox { width: auto; }
	header #userBox h3 { position: absolute; right: 10px; top: 20px; }
	header #userBox ul { padding-top: 30px; right: 0; }
}