@charset "utf-8";
/* ******************************************************************************************************************** */
/* visual */
/* ******************************************************************************************************************** */
#main_visual_wrap { width:100%; height:780px; margin-top:-116px; z-index:10; position:relative; }
	.main_visual { }
#main_visual										{ width:100%; height:780px; margin-top:0; position:relative; z-index:10; background-size:auto 100%; }
	.main_vi											{ position:relative; width:100%; margin:0 auto; height:780px; }
	.sld_bg											{ width:100%; height:780px; overflow:hidden; text-align:center; }
	.sld_bg img									{ display:inline; }

	.sld_txt_wrap									{ position:absolute; display:block; max-width:1100px; top:288px; z-index:10; left:50%; margin-left:-550px; }
		.sld_txt_wrap p							{ width:68%; padding:24px 3%; display:block; font-size:0.9375rem;
			/* Fallback for web browsers that don't support RGBa */background-color: rgb(255, 255, 255);
				/* RGBa with 0.6 opacity */background-color: rgba(255, 255, 255, 0.9);
				/* For IE 5.5 - 7*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff, endColorstr=#90ffffff);
				/* For IE 8*/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff, endColorstr=#90ffffff)";}
		.sld_txt_wrap p strong					{ padding-bottom:12px; display:block; font-size:1.333em; font-family:'NanumGothicBold';}
		.slide_p_title01							{ display:block; }
		.slide_p_title02							{ display:block; margin:25px 0 30px 0; }

	.slide02_p										{ text-align:center; }
		.slide02_p span							{ display:inline-block; }
		.slide02_p_title01							{ margin-bottom:17px; }
			.slide02_p_title01 img				{ width:100%; }
		.slide02_p_title02							{ margin-bottom:14px; }
			.slide02_p_title02 img				{ width:100%; }
	.slide02_list									{ width:69%; margin:40px auto 0 auto; text-align:center; }
	.slide02_list li									{ float:left; height:80px; line-height:80px; }
		.slide02_list_left, .slide02_list_right	{ width:38%; font-family:'NanumGothicBold'; font-size:1.2em; }
		.slide02_list_left a, .slide02_list_right a	{ color:#fff; display:block; width:100%; height:80px; line-height:80px; }
		.slide02_list_left							{  /* Fallback for web browsers that don't support RGBa */background-color: rgb(171, 28, 0);
				/* RGBa with 0.6 opacity */background-color: rgba(171, 28, 0, 0.75);
				/* For IE 5.5 - 7*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ab1c00, endColorstr=#80ab1c00);
				/* For IE 8*/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ab1c00, endColorstr=#80ab1c00)"; }
		.slide02_list_right							{  /* Fallback for web browsers that don't support RGBa */background-color: rgb(8, 81, 128);
				/* RGBa with 0.6 opacity */background-color: rgba(8, 81, 128, 0.75);
				/* For IE 5.5 - 7*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80085180, endColorstr=#80085180);
				/* For IE 8*/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80085180, endColorstr=#80085180)"; }
		.slide02_list_plus							{ width:24%; }
			.slide02_list_plus img				{ vertical-align:middle; }

	.main_visual_img								{ position:absolute; top:10%; right:0; }

	.slider_btn										{ position:absolute; display:block; bottom:3%; left:50%; margin-left:-24px; z-index:20; }

/*  ************************************ popupwidow *************************************** */
.popupwindow											{ display:none;position:absolute; background:#FFFFFF; }

	.close_wrap											{ padding:5px 0; background:#333;}
	.close_wrap:before, .close_wrap:after				{ content:""; display:block; clear:both; }
		.close_wrap div									{ color:#fff; }
	.popupwindow .pop_check								{ padding-left:3px; float:left; }
	.popupwindow .pop_close								{ padding-right:8px; cursor:pointer; float:right;}


/* ******************************************************************************************************************** */
/* main_contents */
/* ******************************************************************************************************************** */
#main_business_wrap { width:100%; height:549px; padding-top:80px; background:url("/share/images/main/main_business_bg.jpg") no-repeat center; }
	.main_business { max-width:1100px; margin:0 auto; }
.main_business h2 { margin:0 auto 45px; text-align:center; font-size: 2.375rem; font-family:'NanumGothicBold'; }
		.main_business > p { text-align:center; font-size:0.875em; }
		.main_business ul { padding-top:29px; }
			.main_business li { width:17%; margin:0 1.5%; float:left; text-align:center; }
				.main_business li figure { width:160px; height:160px; margin:0 auto; border-radius:50%; }
				.main_business li.main_business_list01 figure { background:#0061bc url("/share/images/main/main_bussiness_icon1.svg") no-repeat center; background-size:94px 89px; }
				.main_business li.main_business_list02 figure { background:#00b7cd url("/share/images/main/main_bussiness_icon2.svg") no-repeat center; background-size: 109px 76px; }
				.main_business li.main_business_list03 figure { background:#1c5091 url("/share/images/main/main_bussiness_icon3.svg") no-repeat center; background-size: 92px 93px; }
				.main_business li.main_business_list04 figure { background:#0a9c9a url("/share/images/main/main_bussiness_icon4.svg") no-repeat center; background-size: 94px 68px; }
				.main_business li.main_business_list05 figure { background:#501099 url("/share/images/main/main_bussiness_icon5.svg") no-repeat center; background-size: 74px 66px;}
				.main_business li strong { display:block; font-family:'NanumGothicBold'; padding:28px 0 2px 0; color: #000; }
				.main_business li p { font-size:0.875em; }

#main_company_wrap { width:100%; height:440px; padding-top:66px; background:url("/share/images/main/main_company_bg.jpg") no-repeat top center; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
	.main_company { max-width:1100px; margin:0 auto; }
		.main_company h2 { margin-bottom:30px; font-size:3.125rem; line-height:120%; font-family:Roboto; font-weight:300; float:left; }
		.main_company h2 strong { display:block; font-size:0.975em; font-weight:500; color:#013587; }
		.main_company h3 { margin:68px 0 0 9px; padding:5px 10px; line-height:110%; float:left; font-size:1em; background:#f46700; color:#fff; font-family:Roboto; font-weight:500; }
		.main_company p { font-size:0.875em; clear:both; margin-bottom:48px; }
		.main_company ul { }
			.main_company li { height:60px; line-height:56px; float:left; font-size:0.875em; font-family:'NanumGothicBold'; }
			.main_company li a { display:block; box-sizing:border-box; border:2px solid #013587; transition: ease 0.2s; color: #fff; width:220px; background: #013587 url("/share/images/main/btn_arrow.png") no-repeat center right 20px; margin-right: 20px; padding: 0 20px;}
			.main_company li:hover a { transition: ease 0.2s; color: #000; background: url("/share/images/main/btn_arrow_b.png") no-repeat center right 20px; margin-right: 20px; padding: 0 20px;}
#job_container {
	background: #0b1e38;
}
	.job_wrap {
		max-width:1100px;
		margin:0 auto;
		padding: 70px 0;
	}
	.job_wrap h2 {
		margin-bottom: 25px;
		text-align:center;
		font-size: 2.375rem;
		font-family:'NanumGothicBold';
		color: #fff;
	}
	.job_wrap > p {
		width: 80%;
		margin: 0 auto 50px;
		text-align:center;
		font-size:0.875em;
		color: #ccc;
	}
	.job_content > div {
		position: relative;
		width: 46.4%;
		margin: 0 1.8%;
		float: left;
		padding-top: 28%;
	}
	.job_content > div.job01 {
		background: url("/share/images/main/job_bg01.jpg") no-repeat top center;
		background-size: cover;
	}
	.job_content > div.job02 {
		background: url("/share/images/main/job_bg02.jpg") no-repeat top center;
		background-size: cover;
	}
	.job_content > div a {
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: 165px;
		padding: 14px 20px;
		background: #d63f11 url("/share/images/main/arrow.svg") no-repeat center right 26px;
		background-size: 16px 9px;
		color: #fff;
		font-size: 1rem;
		transition: ease 0.2s;
	}
	.job_content > div a:hover {
		background: #d63f11 url("/share/images/main/arrow.svg") no-repeat center right 20px;
		background-size: 16px 9px;
		transition: ease 0.2s;
	}
#main_partner_wrap { width:100%; padding:70px 0 50px; background: #ececec;/*background:url("/share/images/main/main_partner_bg.jpg") no-repeat top center; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;*/ }
	.main_partner { max-width:1400px; margin:0 auto; text-align: center;}
	.main_partner h2 {
	width: 203px;
    height: 45px;
    margin: 0 auto 44px auto;
    line-height: 45px;
    text-align: center;
    background: #013587;
    border-radius: 30px;
    color: #fff;
    font-family: 'NanumGothicBold';}
	.partner_block li { display: inline-block; padding: 20px 12px; vertical-align:middle; }
	.partner_block img { width:100%; vertical-align:middle; }



/* ----------------------------------------------------------------------------- */
/* MEDIA QUERY */
/* ----------------------------------------------------------------------------- */
	@media only screen and (min-width:0px) and (max-width:480px) {			/* width 360이하 모바일(갤럭시S2 대상) */



	}
	@media only screen and (min-width:0px) and (max-width:768px) {			/* 모바일(갤럭시노트급 대상) */

	/*  ************************************ popupwidow *************************************** */
.popupwindow											{ width:100%; display:none;position:absolute; background:#333; }
	.popupwindow img { width:100%; }



/* ******************************************************************************************************************** */
/* visual */
/* ******************************************************************************************************************** */

#main_visual_wrap { width:100%; height:480px; margin-top:0; z-index:1; position:relative; }
	.main_visual { }

#main_visual { width:100%; height:480px; margin-top:0; position:relative; z-index:10; overflow:hidden; }
.main_vi { position:relative; width:100%; margin:0 auto; height:480px; }
.sld_txt_wrap { position:absolute; display:block; max-width:90%; top:10%; z-index:10; left:0; margin:0 5%; }
.sld_bg { width:100%; height:480px; overflow:hidden; text-align:center; }
	.sld_bg img { display:inline; }

.sld_txt_wrap p { width:100%; padding:15px 3%; font-size:0.750em; text-align:center; margin: 0 auto;
			/* Fallback for web browsers that don't support RGBa */background-color: rgb(255, 255, 255);
				/* RGBa with 0.6 opacity */background-color: rgba(255, 255, 255, 0.9);
				/* For IE 5.5 - 7*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff, endColorstr=#90ffffff);
				/* For IE 8*/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff, endColorstr=#90ffffff)";}
		.sld_txt_wrap p strong					{ padding-bottom:12px; display:block; font-size:1.333em; font-family:'NanumGothicBold';}
		.slide_p_title01							{ width:100%; padding-top:20px; display:block; text-align:center; }
			.slide_p_title01 img { width: 100%; display:inline; }
		.slide_p_title02							{ width:100%; display:block; margin:20px auto 30px auto; text-align:center; }
			.slide_p_title02 img { height: 48px; display:inline; } /*  36px국문*/
/* ******************************************************************************************************************** */
/* main_contents */
/* ******************************************************************************************************************** */
#main_business_wrap { width:100%; height:100%; padding-top:48px; padding-bottom:20px; background:url("/share/images/main/main_business_bg.jpg") no-repeat center;  }
	.main_business { max-width:91%; margin:0 auto; }
		.main_business h2 { font-size: 1.875rem; margin: 0 auto 27px; }
		.main_business > p { width:95%; margin:16px auto; text-align:center; font-size:0.875em; }
		.main_business ul { padding-top:13px; }
			.main_business li { width:50%; margin:0 0; float:left; text-align:center; }
				.main_business li figure { width:128px; height:128px; margin:0 auto; border-radius:50%; }
				.main_business li.main_business_list01 figure { background-size:60%; }
				.main_business li.main_business_list02 figure { background-size:55%; }
				.main_business li.main_business_list03 figure { background-size:50%; }
				.main_business li.main_business_list04 figure { background-size:65%; }
				.main_business li strong { font-size:0.875em; display:block; font-family:'NanumGothicBold'; padding:10px 0 15px 0; }
				.main_business li p { display:none; font-size:0.875em; }


#main_company_wrap { width:100%; height:auto; padding-top:50px; padding-bottom:30px; background:url("/share/images/main/main_company_bg.jpg") no-repeat top center; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
	.main_company { max-width:91%; margin:0 auto; }
		.main_company h2 { text-align:center; margin-bottom:12px; font-size:1.875rem; line-height:110%; font-family:Roboto; font-weight:300; float:none; }
		.main_company h2 strong { display:block; font-size:1em; font-weight:500; color:#013587; }
		.main_company h3 { width:70%; margin:0 auto; padding:5px 10px; text-align:center; line-height:110%; float:none; font-size:0.563em; background:#f46700; color:#fff; font-family:Roboto; font-weight:500; }
		.main_company p {  width: 95%; margin: 0 auto 19px; text-align:center; font-size:0.875em; clear:both; }
		.main_company ul { }
			.main_company li { width: 80%; height:43px; margin: 0 auto 10px; line-height:37px; float:none; font-size:0.875em; font-family:'NanumGothicBold'; }
			.main_company li a { display:block; width: 100%; }


/* ******************************************************************************************************************** */
/* 인재채용 */
/* ******************************************************************************************************************** */
.job_content > div {
	width: 90%;
	margin: 0 auto 10px;
	float: none;
	padding-top: 46%;
}
.job_wrap {
	padding: 48px 0;
}
.job_wrap h2 {
	font-size: 1.875rem;
}
.job_wrap > p {
	margin: 0 auto 30px;
}


/* ******************************************************************************************************************** */
/* 주요고객사 */
/* ******************************************************************************************************************** */
#main_partner_wrap { width:100%; height:auto; padding-top:25px; padding-bottom:15px;}
	.main_partner { max-width:95%; margin:0 auto; }

		.partner_block li { display: inline-block; padding: 20px 12px; vertical-align:middle; }
		.partner_block img { width:100%; vertical-align:middle; }

	/*셀렉트
	.main_partner_select select { width:80%; height:30px; }
	.main_partner_select input { width:15%; height:30px; }*/





	}

	@media only screen and (min-width:769px) and (max-width:1099px) {		/* 테블릿() iPad LandSpace */
.sld_txt_wrap									{ position:absolute; display:block; max-width:90%; top:197px; z-index:10; left:0; margin:0 5%; }

#main_coreskill { min-width:100%; }
	#main_coreskill dl { width:50%; height:283px; float:left; text-align:center; color:#fff; }


#main_company_wrap { width:100%; height:auto; padding-top:25px; padding-bottom:30px; background:url("/share/images/main/main_company_bg.jpg") no-repeat top center; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
	.main_company { max-width:91%; margin:0 auto; }
		.main_company h2 { text-align:center; margin-bottom:12px; font-size:1.5em; line-height:110%; font-family:Roboto; font-weight:300; float:none; }
		.main_company h2 strong { display:block; font-size:1em; font-weight:500; color:#013587; }
		.main_company h3 { width:70%; margin:0 auto; padding:5px 10px; text-align:center; line-height:110%; float:none; font-size:0.563em; background:#f46700; color:#fff; font-family:Roboto; font-weight:500; }
		.main_company p {  text-align:center; font-size:0.875em; clear:both; margin-bottom:19px; }
		.main_company ul { }
			.main_company li { height:43px; line-height:37px; float:left; font-size:0.875em; font-family:'NanumGothicBold'; }
			.main_company li a { display:block; }
			.main_company li.company_btn_about { width:48.8%; margin-right:2.4%; text-align:center; box-sizing:border-box; border:3px solid #002f84;background-image:url("/share/images/main/main_company_arrow.png"), url("/share/images/main/m_company_info.png");
			background-repeat:no-repeat, no-repeat; background-position:95% center, 20px center; }
				.main_company li.company_btn_about a { padding-left:0; }
			.main_company li.company_btn_down { width:48.8%; padding-top:3px; text-align:center; background:url("/share/images/main/m_company_down.png"), url("/share/images/main/main_company_btnbg.jpg");
			background-repeat:no-repeat, repeat-x; background-position:8% center, top left; }
				.main_company li.company_btn_down a { padding-left:0; color:#fff; }


	#main_partner_wrap { width:100%; height:auto; padding-top:25px; padding-bottom:15px; background:url("/share/images/main/main_partner_bg.jpg") no-repeat top center; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
	.main_partner { max-width:95%; margin:0 auto; }
	.main_partner h2 { width:203px; height:40px; margin:0 auto 20px auto; line-height:40px; text-align:center; background:#0069ac; border-radius:30px; color:#fff; font-family:'NanumGothicBold';
		opacity: 0.6; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 60); /* // for IE8 */ filter: alpha(opacity= 60); /* //for IE5-7 */ }


	}