@charset "utf-8";
@import url('fonts.css');
@import url('reset.css');


/*** common style ***/
.flt {float:left;}
.frt {float:right;}
.clear {clear:both;}


/*** layout style ***/
.wrap {
	clear:both;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.container {
	clear:both;
	width: 1264px;
	padding: 0 20px;
	margin: 0 auto;
}

/* Header */
.header { 
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height:70px;
	background:#1D1D1D;
	min-width: 1264px;
	z-index: 1;
}
.header .logo {
	display: inline-block;
	width: 144px;
	height: 70px;
	text-indent: -99999px;
	background: url("../images/logo-brandrive.svg") no-repeat center;
	background-size: 144px 28px;
}
.header .link {
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	padding-left: 20px;
	background: url("../images/ico-link.svg") no-repeat 0 50%;
	background-size: 16px 16px;
	margin-top: 27px;
}

/* Footer */
.footer {
	clear:both;
	background:#1D1D1D;
	color: #858585;
	text-align: center;
	padding: 80px 0 75px;
	font-size: 13px;
	font-weight: 300;
	min-width: 1264px;
	z-index: 1;
}
.footer .logo {
	display: inline-block;
	width: 160px;
	height: 31px;
	text-indent: -99999px;
	background: url("../images/logo-brandrive.svg") no-repeat center;
	background-size: cover;
	opacity: .7;
}
.footer .terms {
	margin-top: 30px;
}
.footer .terms li {
	display: inline-block;
	margin: 0 9px;
}
.footer .terms li.strong {
	font-weight: 700;
}
.footer .address {
	margin-top: 20px;
}
.footer .address .line {
	display: inline-block;
	padding: 0 4px;
	font-weight: 100;
}
.footer .copyright {
	margin-top: 30px;
}

/* nav */
.nav {
	position: fixed;
	top: 0;
	overflow: scroll;
	width: 288px;
	height:100%;
	border-right: 1px solid #D1D1D1;
	padding: 186px 0 462px 0;
	float: left;
	z-index: 0;
}
.nav-title {
	font-size: 28px;
	font-weight: 700;
}
.nav-list {
	clear: both;
	margin-top: 46px;
	line-height: 1.7;
}
.nav-list a:hover {
	text-decoration: underline;
}
.nav-list > li {
	font-size: 18px;
	font-weight: 700;
}
.nav-list > li + li {
	margin-top: 42px
}
.nav-list .depth2 {
	margin: 18px 0 0 12px;
}
.nav-list .depth2 > li {
	font-size: 16px;
	font-weight: 500;
}
.nav-list .depth2 > li + li {
	margin-top: 16px;
}
.nav-list .depth3 {
	margin: 2px 0 0 12px;
}
.nav-list .depth3 > li {
	font-size: 14px;
	font-weight: 400;
	color: #979797;
}

/* contents */
.main {
	flex: 1;
}
.main > .container {
	height: 100%;
}
.content {
	width: 808px;
	padding: 190px 0 160px;
	float: right;
}
.cont-title {
	padding-bottom: 32px;
	border-bottom: 1px solid #d9d9d9;
	font-weight: 700;
}
.cont-title .small {
	font-size: 18px;
	color: #525252;
}
.cont-title .title {
	font-size: 48px;
}
.sec-cont {
	clear: both;
	padding-bottom: 80px;
	padding-top: 74px;
}
.sec-cont + .sec-cont {
	border-top: 1px solid #d1d1d1;
}
.sec-cont:last-of-type {
	padding-bottom: 0 ;
}
.sec-cont strong {
	font-weight: 700;
}
.sec-cont .sec-title {
	font-size: 24px;
	font-weight: 700;
}
.sec-cont .sec-title > .desc {	
	font-size: 13px;
	font-weight: 400;
	margin: 6px 0 34px;
}
.sec-cont .sec-subcont {
	margin-top: 30px;
}
.sec-cont .sec-subcont + .sec-subcont {
	margin-top: 56px;
}
.sec-cont .sec-subtitle {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 26px;
}
.sec-cont .sec-subtitle > .desc {	
	font-size: 13px;
	font-weight: 400;
	margin: 6px 0 34px;
}
.sec-cont .sec-subtxt {
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 26px;
}