@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@import url(font-awesome.min.css);
@import "https://fonts.googleapis.com/css?family=Raleway:100,300,600";

* { margin:0; padding:0; }
li { list-style:none; }
a { text-decoration:none; color:#333; }

a:hover {
	text-decoration:none;
}

body {
  width:100%;
  font-family: "Noto Sans KR", sans-serif !important;
  letter-spacing:-1px;
}


		
		/* Banner_3 */

		#sub_banner {
			width:100%;
			height:193px;
			background-image: url('../../images/sub_banner_1.jpg');
			background-position:top;
			background-size:cover;
			background-repeat: no-repeat;
			text-align: center;
			margin-top:72px;
			
		}

		

		@media screen and (max-width: 980px) {
			#sub_banner {
				margin-top:48px;
			}
		}
		
		
	
		
	/*배너,메뉴 끝*/
	
	
	
#border {
	width:30px;
	border-top:1px solid #999;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}


/*인트로 타이틀*/
#intro_title {
	width:1000px;
	height:150px;
	margin:0 auto;
}
#title_left {
	width:80%;
	float:left;
}
#title_left h1 {
	height:30px;
	font-size:40px;
	font-weight:500;
	color:#2346a4;
	text-align:left;
	margin-left:5px;
}
#title_left h2 {
	font-size:36px;
	font-weight:600;
	color:#111;
	text-align:left;
}
#title_left p {
	font-size:14px;
	color:#999;
	text-align:left;
}

#title_right {
	width:20%;
	float:right;
}
#title_right p {
	font-size:15px;
	font-weight:400;
	color:#999;
	text-align:left;
	margin-top:70px;
}	
#title_right p span {
	font-size:15px;
	color:#111;
}	
@media screen and (max-width: 1050px) {
	
	
	#intro_title {
		width:100%;
	}
}

@media screen and (max-width: 980px) {
	
	
	
	#intro_title {
		height:150px;
		margin:0 auto;
	}
	
	#title_left {
		width:70%;
	}
	#title_left h1 {
		font-size:35px;
	}
	#title_left h2 {
		font-size:30px;		
	}
	#title_right {
		width:30%;
	}
		
}
@media screen and (max-width: 780px) {

	
	#intro_title {
		height:180px;
	}
	
	#title_left {
		width:100%;
		float:none;
	}
	
	
	#title_right {
		width:100%;
		float:none;
	}
	#title_right p {
		margin-top:20px;
	}	
	
	
}
/*인트로 타이틀*/



/*1*/
#intro_1_mobile {
	display:none;
}

#intro_1 {
	width:1000px;
	margin:0 auto;
	text-align:center;
}

@media screen and (max-width: 1050px) {
	
	#intro_1 {
		width:100%;
		padding-left:15px;
		padding-right:15px;
	
	}
	#intro_1 img {
		width:100%;
	
	}
	
}
@media screen and (max-width: 780px) {
	#intro_1_pc {
		display:none;
	}
	#intro_1_mobile {
		display:block;
	}
}
/*1*/


/*2*/
#intro_2_mobile {
	display:none;
}

#intro_2 {
	width:1000px;
	margin:0 auto;

}

#intro_2 > h2 {
	font-size:36px;
	font-weight:600;
	color:#111;
	text-align:left;
}

#intro_2 > p {
	font-size:15px;
	font-weight:400;
	color:#555;
	text-align:left;
	margin-top:10px;
	margin-bottom:25px;
}	


@media screen and (max-width: 1050px) {
	
	#intro_2 {
		width:100%;
		padding-left:15px;
		padding-right:15px;
	
	}
	
	
}
@media screen and (max-width: 980px) {
	
	#intro_2 > h2 {
		font-size:30px;		
	}

		
}

@media screen and (max-width: 900px) {
	#intro_2 img {
		width:100%;
	
	}
}
@media screen and (max-width: 580px) {
	#intro_2_pc {
		display:none;
	}
	#intro_2_mobile {
		display:block;
	}
}

/*2*/




/*3*/
#intro_3_mobile {
	display:none;
}

#intro_3 {
	width:1000px;
	margin:0 auto;

}



@media screen and (max-width: 1050px) {
	
	#intro_3 {
		width:100%;
		padding-left:15px;
		padding-right:15px;
	
	}
	#intro_3 img {
		width:100%;
	
	}
	
}


@media screen and (max-width: 600px) {
	#intro_3_pc {
		display:none;
	}
	#intro_3_mobile {
		display:block;
	}
}
/*3*/



/*4*/


#intro_4 {
	width:1000px;
	margin:0 auto;
	text-align:center;

}

@media screen and (max-width: 1050px) {
	
	#intro_4 {
		width:100%;
		padding-left:15px;
		padding-right:15px;
	
	}
	
	
}
@media screen and (max-width: 820px) {

	#intro_4 img {
		width:100%;
	
	}
	
}


/*4*/


/*5*/


#intro_5 {
	width:1000px;
	margin:0 auto;
	text-align:center;
	margin-bottom:30px;

}
#intro_5 > h1 {
	font-size:19px;
	font-weight:600;
	color:#2246a4;
	text-align:left;
}

#intro_5 > p {
	font-size:15px;
	font-weight:400;
	color:#555;
	text-align:left;
	margin-top:5px;
}	


@media screen and (max-width: 1050px) {
	
	#intro_5 {
		width:100%;
		padding-left:15px;
		padding-right:15px;
	
	}
	
	#intro_5 img {
		width:100%;
	
	}
	
	
}

/*5*/


/*6*/


#intro_6 {
	width:1000px;
	margin:0 auto;
	text-align:center;
	margin-bottom:30px;

}


@media screen and (max-width: 1050px) {
	
	#intro_6 {
		width:100%;
		padding-left:15px;
		padding-right:15px;
	
	}
	
	
}

/*6*/



/*사업분야*/

/*비즈니스 타이틀*/
#business_title {
	width:1000px;
	height:150px;
	margin:0 auto;
}

@media screen and (max-width: 1050px) {
	
	
	#business_title {
		width:100%;
	}
}

@media screen and (max-width: 980px) {
	
	
	
	#business_title {
		height:150px;
		margin:0 auto;
	}
	

}
@media screen and (max-width: 780px) {

	
	#business_title {
		height:180px;
	}
	
	
}
/*비즈니스 타이틀*/

/*1*/


#business_1 {
	width:1000px;
	margin:0 auto;
	text-align:center;
	margin-bottom:30px;

}

#business_1_1 {
	width:100%;
	height:270px;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}
#business_1_1_img {
	width:30%;
	float:left;
	text-align:center;
}
#business_1_1_text {
	width:70%;
	float:left;
}
#business_1_1_text h1 {
	font-size:19px;
	font-weight:500;
	color:#222;
	text-align:left;
	margin-bottom:10px;
}
#business_1_1_text p {
	font-size:15px;
	font-weight:400;
	color:#999;
	text-align:left;
}


@media screen and (max-width: 1050px) {
	
	#business_1 {
		width:100%;
		padding-left:15px;
		padding-right:15px;
	
	}
	
	
}
@media screen and (max-width: 980px) {
	

	#business_1_1_img {
		width:35%;
	}
	#business_1_1_text {
		width:65%;
	}
	#business_1_1_text h1 {
		font-size:18px;
	}
	
	
}

@media screen and (max-width: 760px) {
	
	#business_1_1 {
		padding-left:15px;
		padding-right:15px;
		height:auto;
	}
	
	#business_1_1_img {
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	#business_1_1_text {
		width:100%;
		float:none;
	}	
	
}

#business_1_2_wrap {
	width:100%;
	border-bottom:1px solid #ccc;
}

#business_1_2, #business_1_2_2, #business_1_2_3, #business_1_2_4, #business_1_2_5, #business_1_2_6, #business_1_2_7, #business_1_2_8, #business_1_2_9 {
	width:100%;
	height:80px;
	
}

#business_1_2 h1, #business_1_2_2 h1, #business_1_2_3 h1, #business_1_2_4 h1, #business_1_2_5 h1, #business_1_2_6 h1, #business_1_2_7 h1, #business_1_2_8 h1, #business_1_2_9 h1 {
	font-size:19px;
	color:#333;
	font-weight:500;
	float:left;
	margin-top:20px;
}

#business_1_2_btn {
	width:116px;
	height:32px;
	border:1px solid #999;
	float:right;
	margin-top:20px;
}
#business_1_2_btn h2 {
	font-size:16px;
	color:#666;
	float:left;
	margin-left:20px;
}
#business_1_2_btn p {
	font-size:20px;
	float:left;
	margin-left:5px;
	margin-top:3px;
}


#business_1_2_content, #business_1_2_content_2, #business_1_2_content_3, #business_1_2_content_4, #business_1_2_content_5, #business_1_2_content_6, #business_1_2_content_7, #business_1_2_content_8, #business_1_2_content_9 {
	width:100%;
	height:30px;
	display:none;
}
#business_1_2_content p, #business_1_2_content_2 p, #business_1_2_content_3 p, #business_1_2_content_4 p, #business_1_2_content_5 p, #business_1_2_content_6 p, #business_1_2_content_7 p, #business_1_2_content_8 p, #business_1_2_content_9 p {
	font-size:16px;
	color:#666;
	text-align:left;
}
@media screen and (max-width: 980px) {
	#business_1_2 h1, #business_1_2_2 h1, #business_1_2_3 h1, #business_1_2_4 h1, #business_1_2_5 h1, #business_1_2_6 h1, #business_1_2_7 h1, #business_1_2_8 h1, #business_1_2_9 h1 {
		font-size:17px;
	}
	
	#business_1_2_content p, #business_1_2_content_2 p, #business_1_2_content_3 p, #business_1_2_content_4 p, #business_1_2_content_5 p, #business_1_2_content_6 p, #business_1_2_content_7 p, #business_1_2_content_8 p, #business_1_2_content_9 p {
	font-size:15px;
}
	
	
	#business_1_2_btn {
		width:100px;
		height:28px;
		margin-top:25px;
	}
	#business_1_2_btn h2 {
		font-size:15px;
		color:#666;
		float:left;
		margin-left:17px;
	}
	#business_1_2_btn p {
		font-size:18px;
	}
}
@media screen and (max-width: 480px) {
	#business_1_2 h1, #business_1_2_2 h1, #business_1_2_3 h1, #business_1_2_4 h1, #business_1_2_5 h1, #business_1_2_6 h1, #business_1_2_7 h1, #business_1_2_8 h1, #business_1_2_9 h1 {
		font-size:16px;
	}
	

	#business_1_2, #business_1_2_2, #business_1_2_3, #business_1_2_4, #business_1_2_5, #business_1_2_6, #business_1_2_7, #business_1_2_8, #business_1_2_9 {
	height:120px;
	
}

	#business_1_2_btn {
		width:100%;
	}
	
	#business_1_2_content, #business_1_2_content_2, #business_1_2_content_3, #business_1_2_content_4, #business_1_2_content_5, #business_1_2_content_6, #business_1_2_content_7, #business_1_2_content_8, #business_1_2_content_9 {
	height:50px;
}

}
/*1*/





/*시공실적 타이틀*/
#result_title {
	width:1000px;
	height:150px;
	margin:0 auto;
}

@media screen and (max-width: 1050px) {
	
	
	#result_title {
		width:100%;
	}
}

@media screen and (max-width: 980px) {
	
	
	
	#result_title {
		height:150px;
		margin:0 auto;
	}
	

}
@media screen and (max-width: 780px) {

	
	#result_title {
		height:180px;
	}
	
	
}
/*시공실적 타이틀*/

/*1*/


#result_1 {
	width:1000px;
	margin:0 auto;
	text-align:center;
	margin-bottom:50px;
}

#result_menu {
	width:100%;
	height:auto;
	margin-bottom:80px;
}

#result_menu_1 {
	width:11.1111111%;
	height:60px;
	background-color:#cbcbcb;
	float:left;
	line-height:60px;
	background-image:url(../../images/result_bg.png);
	background-repeat:no-repeat;
}
#result_menu_1:hover {
	background-color:#6b81bd;
}

#result_menu_1 h1 {
	font-size:18px;
	font-weight:500;
	color:#fff;	
}

#result_content_1 h1 {
	font-size:28px;
	color:#333;
	font-weight:600;
	text-align:left;
	margin-bottom:10px;
}

#result_table_1 {
	width:100%;
}
#result_table_1 table {
	width:100%;
}


#result_table_1 table tr:nth-child(2n-1) {
	background-color:#f5f5f5;
}
#result_table_1 table tr th {
	height:30px;
	line-height:30px;
	font-size:17px;
	color:#444;
	font-weight:600;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	background-color:#f2f2f2;
	padding:10px;
}
#result_table_1 table tr td {
	font-size:17px;
	color:#666;
	padding:10px;
	text-align:left;
}

#result_table_1 table tr td:nth-child(2n-1) {
	color:#333;
	font-weight:400;
	text-align:center;
}
@media screen and (max-width: 1050px) {
	
	#result_1 {
		width:100%;
		padding-left:15px;
		padding-right:15px;
	
	}
	
	
}



@media screen and (max-width: 980px) {
	
	#result_menu {
		margin-bottom:150px;
	}
	
	#result_menu_1 {
		width:20%;
		
	}
	
	
	
	
	
}
@media screen and (max-width: 800px) {
		#result_table_1 {
			overflow:auto;
		}
		#result_table_1 table {
			width:800px;
		}
		
		#result_menu_1 h1 {
		font-size:16px;
	}
}

/*인증서 타이틀*/
#cert_title {
	width:1000px;
	height:150px;
	margin:0 auto;
}

@media screen and (max-width: 1050px) {
	
	
	#cert_title {
		width:100%;
	}
}

@media screen and (max-width: 980px) {
	
	
	
	#cert_title {
		height:150px;
		margin:0 auto;
	}
	

}
@media screen and (max-width: 780px) {

	
	#cert_title {
		height:180px;
	}
	
	
}
/*인증서 타이틀*/

/*1*/


#cert_1 {
	width:1000px;
	margin:0 auto;
	margin-bottom:30px;
}
#cert_1 h1 {
	font-size:18px;
	color:#222;
	font-weight:500;
	margin-bottom:15px;
	text-align:left;
}

#cert_content_title_1, #cert_content_title_2 {
	width:100%;
	height:50px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#f4f4f4;
	margin-top:15px;
	margin-bottom:25px;
	padding:10px;
}
#cert_content_title_1 a, #cert_content_title_2 a {
	float:left;
}
#cert_content_title_1 a h1, #cert_content_title_2 a h1 {
	font-size:16px;
	color:#444;
	font-weight:500;
}
#cert_content_title_1 a h2, #cert_content_title_2 a h2 {
	font-size:16px;
	color:#999;
	font-weight:500;
}

#cert_content_title_1 p, #cert_content_title_2 p {
	font-size:16px;
	color:#999;
	font-weight:500;
	float:right;
}


#cert_content_1 {
	width:100%;
	height:360px;
}
#cert_content_2 {
	width:100%;
	height:360px;
}
#cert_content_3 {
	width:100%;
	height:360px;
}
#cert_img_1 {
	width:25%;
	float:left;
	text-align:center;
	padding:5px;
}

#cert_img_1 p {
	font-size:15px;
	color:#666;
	font-weight:400;
}
#cert_img_1 a img {
	width:80%;
	border:3px solid #eee;
}
@media screen and (max-width: 1050px) {
	
	#cert_1 {
		width:100%;
		padding-left:15px;
		padding-right:15px;
	
	}
	
	
}
@media screen and (max-width: 980px) {
	
	#cert_content_1 {
		height:300px;
	}
	#cert_content_2 {
		height:300px;
	}
	#cert_content_3 {
		height:300px;
	}
	
	#cert_content_title_1, #cert_content_title_2 {
		margin-bottom:35px;
	}
	
}
@media screen and (max-width: 700px) {
	
	#cert_content_1 {
		height:240px;
	}
	#cert_content_2 {
		height:240px;
	}
	#cert_content_3 {
		height:240px;
	}
	
}
@media screen and (max-width: 600px) {
	
	#cert_1 > h1 {
		margin-top:50px;
	}

	
	#cert_img_1 {
		width:50%;
	}
	
	#cert_img_1 a img {
		width:70%;
	}
	
	
	#cert_content_1 {
		height:340px;
	}
	#cert_content_2 {
		height:520px;
	}

	#cert_content_3 {
		height:520px;
	}
	
}
@media screen and (max-width: 550px) {
	#cert_img_1 {
		width:100%;
		float:none;
	}
	
	
	#cert_content_1 {
		height:auto;
	}
	#cert_content_2 {
		height:auto;
	}
	#cert_content_3 {
		height:auto;
	}
	
}


#service_1 {
	width:1000px;
	margin:0 auto;
}
/*서비스 타이틀*/
#service_title {
	width:1000px;
	height:150px;
	margin:0 auto;
}

@media screen and (max-width: 1050px) {
	#service_1 {
		width:100%;
		padding-left:15px;
		padding-right:15px;
	}
	
	
	#service_title {
		width:100%;
	}
}

@media screen and (max-width: 980px) {
	
	
	
	#service_title {
		height:150px;
		margin:0 auto;
	}
	

}
@media screen and (max-width: 780px) {

	
	#service_title {
		height:180px;
	}
	
	
}
/*비즈니스 타이틀*/




/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 100em;
		min-width: 80em;
	}

	.container.\37 5\25 {
		width: 60em;
	}

	.container.\35 0\25 {
		width: 40em;
	}

	.container.\32 5\25 {
		width: 20em;
	}

	.container {
		width: 80em;
	}

	@media screen and (max-width: 1680px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 100em;
			min-width: 80em;
		}

		.container.\37 5\25 {
			width: 60em;
		}

		.container.\35 0\25 {
			width: 40em;
		}

		.container.\32 5\25 {
			width: 20em;
		}

		.container {
			width: 80em;
		}

	}

	@media screen and (max-width: 1280px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 81.25em;
			min-width: 65em;
		}

		.container.\37 5\25 {
			width: 48.75em;
		}

		.container.\35 0\25 {
			width: 32.5em;
		}

		.container.\32 5\25 {
			width: 16.25em;
		}

		.container {
			width: 65em;
		}

	}

	@media screen and (max-width: 980px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90%;
		}

	}

	@media screen and (max-width: 736px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90% !important;
		}

	}

	@media screen and (max-width: 480px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90% !important;
		}

	}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}

	}

	body {
		background: #fff;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body, input, select, textarea {
		color: #666;
		font-family: "Raleway", Arial, Helvetica, sans-serif;
		font-size: 13pt;
		font-weight: 300;
		line-height: 1.65;
	}

	

		@media screen and (max-width: 980px) {

			body, input, select, textarea {
				font-size: 12pt;
			}

		}

		@media screen and (max-width: 736px) {

			body, input, select, textarea {
				font-size: 12pt;
			}

		}

		@media screen and (max-width: 480px) {

			body, input, select, textarea {
				font-size: 12pt;
			}

		}

	a {
		color: #333333;
		text-decoration:none;
		font-weight:400;
	}

		

	em, i {
		font-style: italic;
	}

	

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	blockquote {
		border-left: solid 4px #dbdbdb;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: rgba(144, 144, 144, 0.075);
		border-radius: 0;
		border: solid 1px #dbdbdb;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

		hr.major {
			margin: 3em 0;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}
	
	#span_1 {
		margin-left:66px;
	}

	.align-right {
		text-align: right;
	}

	.inner {
		max-width:1200px;
		margin: 0 auto;
	}
	
		@media screen and (max-width: 1680px) {

			#span_1 {
				margin-left:52px;
			}

		}
		@media screen and (max-width: 980px) {

			#span_1 {
				margin-left:58px;
			}

		}
		@media screen and (max-width: 736px) {

			#span_1 {
				margin-left:52px;
			}

		}

		@media screen and (max-width: 1280px) {

			.inner {
				max-width: 90%;
			}


		}

		@media screen and (max-width: 480px) {

			.inner {
				max-width: 85%;
			}

		}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

		section.special article, article.special article {
			text-align: left;
		}

	section.wrapper, article.wrapper {
		padding: 6em 0;
	}

		section.wrapper header, article.wrapper header {
			margin-bottom: 4em;
		}

			section.wrapper header h2, article.wrapper header h2 {
				font-size: 2.75em;
				margin: 0 0 .5em 0;
			}

			section.wrapper header p, article.wrapper header p {
				font-size: 1em;
			}

		section.wrapper article header, article.wrapper article header {
			margin: 0;
		}

		section.wrapper.style1, article.wrapper.style1 {
			background: #5385c1;
			color: #bacee6;
		}

			section.wrapper.style1 header h2, article.wrapper.style1 header h2 {
				color: #fff;
			}

			section.wrapper.style1 header p, article.wrapper.style1 header p {
				color: #bacee6;
			}

			section.wrapper.style1 h3, article.wrapper.style1 h3 {
				color: #FFF;
			}

		@media screen and (max-width: 980px) {

			section.wrapper, article.wrapper {
				padding: 2em 0;
			}

		}

		@media screen and (max-width: 736px) {

			section.wrapper header, article.wrapper header {
				margin-bottom: 2em;
			}

				section.wrapper header h2, article.wrapper header h2 {
					font-size: 2em;
				}

				section.wrapper header p, article.wrapper header p {
					font-size: .9em;
				}

		}

		@media screen and (max-width: 480px) {

			section.wrapper, article.wrapper {
				text-align: center;
			}

				section.wrapper article, article.wrapper article {
					text-align: center;
				}

		}



/* Flex */

	.flex {
		display: -ms-flexbox;
		-ms-flex-wrap: wrap;
		-ms-flex-pack: justify;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}

		.flex.flex-2 article {
			width: 47%;
		}

		.flex.flex-3 article {
			position: relative;
			width: 28%;
		}

			.flex.flex-3 article:before {
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				right: -2em;
				top: 0;
				border-right: 1px solid #dbdbdb;
				pointer-events: none;
			}

			.flex.flex-3 article:last-child:before {
				border: none;
			}

		.flex.flex-4 .box {
			width: 21%;
		}

		@media screen and (max-width: 980px) {

			.flex.flex-2 article {
				width: 100%;
				margin-bottom: 3em;
			}

				.flex.flex-2 article:last-child {
					margin-bottom: 0;
				}

			.flex.flex-3 {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.flex.flex-3 article {
					width: 100%;
					border-bottom: 1px solid #dbdbdb;
					padding-bottom: 2.5em;
					margin-bottom: 3em;
				}

					.flex.flex-3 article:last-child {
						border: none;
						padding-bottom: 0;
						margin: 0 0 1em 0;
					}

					.flex.flex-3 article:before {
						display: none;
					}

			.flex.flex-4 .box {
				width: 47%;
			}

		}

		@media screen and (max-width: 480px) {

			.flex.flex-4 .box {
				width: 100%;
			}

		}



/* Header */

	.subpage {
		padding-top: 44px;
	}

		.subpage #header {
			background: #5385c1;
			top: 0;
			height: 44px;
			line-height: 44px;
			position: fixed;
		}