@charset "UTF-8";
/* container */
.container {
	position: relative;
}
/* lnb */
.inner > .sub {
	display: none;
	float: left;
	width: 210px;
	margin-right: 50px;
}
._L .inner > .sub {
	display: block;
}
.inner > .sub h2 {
	padding-bottom: 10px;
	border-bottom: 3px solid #666;
	color: #222;
	font-size: 34px;
	font-weight: 400;
	letter-spacing: -2px;
}
/* lnb depth2 */
.inner > .sub .depth2 > li {
	border-bottom: 1px solid #ccc;
}
.inner > .sub .depth2 > li > a {
	display: block;
	padding: 22px 30px 22px 0;
	color: #444;
	font-weight: 400;
	line-height: 1.4;
}
.inner > .sub .depth2 > .current > a {
	color: #003964;
	font-weight: 500;
}
/* lnb depth3 */
.inner > .sub .depth3 {
	display: none;
	overflow: hidden;
	margin: 3px 0 18px;
}
.inner > .sub .depth3 li {
	margin-top: 7px;
}
.inner > .sub .depth3 a {
	display: block;
	padding: 4px 24px 6px 20px;
	color: #444;
	line-height: 1.4;
}
.inner > .sub .depth3 > .current a {
	color: #003964;
	font-weight: 500;
	background-color: #f6f6f6;
}
/* aside */
.aside {
	position: absolute;
	top: 0;
	bottom: auto;
	left: 0;
	width: 100%;
	min-width: 320px;
}
.aside.active {
	position: fixed;
	bottom: 90px;
}
._S .aside.active {
	bottom: 66px;
}
.aside button {
	position: absolute;
	top: 30px;
	right: 50px;
	z-index: 10;
	width: 60px;
	height: 60px;
	border: none;
	background: url(../../img/common/spr_button.png) 0 -141px no-repeat;
	transition: right .1s, opacity .1s, top .1s;
	opacity: 0;
}
._M .aside button {
	right: 25px;
}
._S .aside button {
	top: 15px;
	right: 15px;
	width: 51px;
	height: 51.5px;
	background: url(../../img/common/m_spr_button.png) 0 -85px no-repeat;
	background-size: 250px;
}
.aside button.active {
	top: 0;
	opacity: 1;
}
@media screen and (min-width: 1520px) {
	.aside {
		left: 50%;
		width: 1200px;
		margin-left: -600px;
	}
	.aside button {
		right: -110px;
	}
}
@media screen and (max-width: 319px) {
	.aside {
		display: none;
	}
}