@charset "utf-8";



/* ******************************************************************************************************************** */
/* 공통 */
/* ******************************************************************************************************************** */

.txt_bold				{ font-family: 'NanumGothicBold'; }

/* 공통테이블 */
.table_style01		{ position:relative; }
.table_style01 table { width:100%;  text-align:center; }
.table_style01 table caption{ display: none; }
.table_style01 table tbody tr{ border-top:1px solid #d4d4d4; border-bottom:1px  solid #d4d4d4; }
.table_style01 table tbody tr th {  padding:30px 2%; background: #f4f4f4; vertical-align: middle; }
.table_style01 table tbody tr th:first-child { border-left:none; }
.table_style01 table tbody tr th:first-child + td { border-right:1px solid #d4d4d4; }
.table_style01 table tbody tr td { vertical-align: middle; padding:10px 1.5%; text-align:left;}
.table_style01 table tbody tr td img { /*width:100%;*/}
	.tb_img100PT td img 	{ width:100%; }





/* ******************************************************************************************************************** */
/* 인사말 */
/* ******************************************************************************************************************** */
/* ---------------------------------  인사말 -------------------------------------------- */
#ceo_container {
	margin-bottom: 0;
}
.ceo_text { position: relative;/*background:url("/share/images/sub/ceo_ceo.jpg") no-repeat bottom right -50px;*/ }
	.ceo_img { position:absolute; bottom: 0; right: 0; z-index: -1;}
	.ceo_text p { width:56%; padding:55px 0 15%; line-height:250%; margin-bottom: 0; }
	.ceo_name { position: absolute; bottom: 90px; left: 25%; font-size:0.875em; }
		.ceo_name img { vertical-align:middle; padding-left:10px; }



/* ******************************************************************************************************************** */
/* 경영이념 */
/* ******************************************************************************************************************** */
.philosophy_ti { text-align: center;}
.philosophy_chart { position: relative; width: 95.5%; margin: 88px auto 75px;}
.philosophy_chart:before { content: ""; display: block; position: absolute; top: 130px; left: 10%; width: 80%; height: 1px; background: #d1d1d1; z-index: -1;}
.philosophy_chart li { width:33.3%; float: left; padding: 0 45px;}
.philosophy_chart li p { text-align: center; font-size: 0.875rem; }
.philosophy_chart li img { width: 100%;}

.philosophy_img { text-align: center; margin: 90px auto 80px;}
.philosophy_img img { max-width: 100%;}

.philosophy_box { padding: 20px 35px 20px; border: 1px solid #cecece; background: #fafafa; text-align: center;}
.philosophy_box h3 { display: inline-block; padding: 7px 40px; background: #083589; border-radius: 50px; margin: 0 auto; color: #fff; font-size: 1.125rem;}
.philosophy_box p { font-size: 0.875rem;}

/* ******************************************************************************************************************** */
/* 조직도 */
/* ******************************************************************************************************************** */

/* ---------------------------------  조직도 content -------------------------------------------- */
.organ_list								{ position:relative; display:block;}
.organ_list strong, .organ_list span 	{ display:block; text-align:center; box-sizing: border-box; font-family: 'NanumGothicBold';padding:15px;}
.organ_list strong 						{ width:160px; height:60px; color:#fff; background: #021e42; margin:0 auto;  }
.organ_list ul, .organ_list li 							{ overflow: hidden; position:relative;}

/* 1dep top */
.lv2_top								{ margin-top:55px; }
.lv2_top li 							{ display:block; width:50%; box-sizing: border-box; float:left;}
.lv2_top span 							{ margin:0 auto; width:160px; height:60px; background:#532e6d; color:#fff;}

/* 2dep bottom */
.lv2 							{ padding-top: 50px; }
.lv2 > li 						{ width:24%; float:left; margin-right: 1%; padding-top:50px; }
.lv2 > li > span 				{ border:4px solid #093488;  color:#093488;}
	.lv2_1 						{ padding-top:10px; font-size: 0.9em; }
	.lv2_1 span 				{ text-align:left; padding-left: 25px;}
	.lv2_1 > li 				{ padding-top:20px; position:relative;}
	.lv2_1 > li > span 			{ border:2px solid #d4d4d4; border-bottom:3px solid #008fb4; }
		.lv2_1_list 			{overflow: hidden; }
		.lv2_1_list li 			{ border-right:1px solid #d4d4d4;  border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; }
		.lv2_1_list li:first-child 			{ }
		.lv2_1_list li > span 	{ font-family:'NanumGothic'; background:#efefef;  font-size: 0.938em;}

.lv2_1 > li > span, .lv2_1_list   { width:92%; float:right; }

		.lv2_1_icon				{ display:block; z-index: 10; background: url(/share/images/sub/organ_icon.png) no-repeat center;width: 20px;height: 18px; position:absolute; top:70px; left:50%;}

.lv2_top_1			{ padding-right:80px; }
	.lv2_top_1 span 	{ float:right; }
.lv2_top_2			{ padding-left:80px; }
	.lv2_top_2 span 	{ float:left; }


/* ---------------------------------  조직도 line-------------------------------------------- */
.organ_list li:before, .organ_list li:after, .organ_list ul:before, .organ_list ul:after { display: block; position: absolute; background: #cdcdcd;}

/* 1dep */
.organ_list > li:after { content: ""; top:60px; bottom: 0;  left:50%;width: 2px; height: 167px;}

/* 2dep top */
.lv2_top > li.lv2_top_1:after { content: "";top: 50%;right: 0; width: 80px; height: 2px;}
.lv2_top > li.lv2_top_2:after { content: "";top: 50%;left: 0; width: 80px; height: 2px;}

/* 2dep bottom */
.lv2:before 			{content: ""; left: 12%; right: 13%; height: 2px;}
.lv2 > li:before 		{ content: ""; left: 50%; top: 0; bottom: 0; width: 2px; height: 50px;}
	.lv2_1 > li:after 	{ content: ""; top: 50px; left: 0; width: 8%; height: 2px;}
		.lv2_list_1:before { content: ""; top: 0; left: 0; width: 2px; height: 142px;}
		.lv2_list_2:before { content: ""; top: 0; left: 0; width: 2px; height: 638px;}
		.lv2_list_3:before { content: ""; top: 0; left: 0; width: 2px;height: 60px;}
		.lv2_list_4:before { content: ""; top: 0; left: 0; width: 2px; height: 356px;}



/* ******************************************************************************************************************** */
/* 연혁 */
/* ******************************************************************************************************************** */
.history_content_wrap { position:relative;}
	.history_circle { width:88px; height:88px; margin:0 auto; line-height:88px; text-align:center; border-radius:50%; background:#093488; font-size:0.875em; color:#fff; font-family:'NanumGothicBold'; }

	.history_content { padding:58px 0; background:url('/share/images/sub/history_line.gif') repeat-y center; }
		.history_content_common { width:50.8%; position:relative; padding-bottom:40px; }
		.history_content_right { text-align:right; padding-right:54px; background:url('/share/images/sub/history_dot.png') no-repeat right top; float:left; }
		.history_content_left { padding-left:54px; background:url('/share/images/sub/history_dot.png') no-repeat left top; float:right; }
		.history_content_common h2 { width:100%; font-size:1.125em; font-family:Roboto; font-weight:700; }
			.history_content_common h2 span { width:100px; margin-bottom:15px; padding-bottom:7px; display:block; border-bottom:1px solid #444649; }
				.history_content_right h2 span { float:right; }
			.history_content_common ul { clear:both; }
				.history_content_common li span { padding: 0 3px;font-family:Roboto; font-weight:700; color:#093488; font-size:1.143em; }
				.history_content_common img { }

			.history_long_common li { width:100%; position:relative;}
			.history_long_common strong {width: 95%; display:block; }
			.history_long_left strong { float:right; }
			.history_long_right strong { float:left; }
			.history_long_left li span { width:5%; display:block; float:left;}
			.history_long_right li span { width:5%; display:block; float:right; }

		.history_content_right h2 { }
			.history_content_left ul { }
			.history_content_left li { font-size:0.875em; background: url('/share/images/sub/history_bullet.gif') no-repeat left 11px; padding-left: 10px;}
			.history_content_right li { text-align:right; font-size:0.875em; background: url('/share/images/sub/history_bullet.gif') no-repeat right 11px; padding-right: 10px;}

			.history_content_right  .history_img2_1 { text-align:left; }
		.history_img_right { width:100%; position:absolute; right:-106%; top:0; }
		.history_img_right02 { width:100%; margin-top:40px; }
		.history_img_left { width:100%; text-align:right; margin-top:45px; }
		.history_margintop01 { margin-top:-150px; }
		.history_margintop02 { margin-top:-50px; }
		.history_img1 img { width:30%; }
		.history_img2 img { width:90%; }
		.history_img3 img { width:100%; }
		.history_img4 img { width:60%; }


/* ******************************************************************************************************************** */
/* 찾아오시는길 */
/* ******************************************************************************************************************** */
.location_con 		{ border:1px solid #d4d4d4; margin-top: 30px; }
		.location_con .addr		{ background: url('/share/images/sub/company_location_01.png') no-repeat center left; }
		.location_con .tel		{ background: url('/share/images/sub/company_location_02.png') no-repeat center left; }
		.location_con .fax		{ background: url('/share/images/sub/company_location_03.png') no-repeat center left; }
	.location_con1 { width:90%; margin: 0 auto; padding:40px 1.2% 10px 1.2%;}
	.location_con1 dt { width:10%; padding-left:24px; display: inline-block; }
	.location_con1 dd { width:70%; display: inline-block; }
	.location_con2 { width:90%; margin: 0 auto; padding:10px 1.2% 40px 1.2%;}
	.location_con2 dt { width:10%; padding-left:24px; display: inline-block; }
	.location_con2 dd { width:39%; display: inline-block; }

/* ******************************************************************************************************************** */
/* 기술인증현황 */
/* ******************************************************************************************************************** */

.certification_content { width:100%; font-size: 0; letter-spacing: -5px;}
	.certification_content li { display: inline-block; vertical-align: top; width:29%; margin:0 2% 50px 2%; font-size: 0.875rem; letter-spacing: 0;}
	.certification_content li figure { border:1px solid #999999;}
	.certification_content li figure img { width: 100%;}
	.certification_content li h2	 { width:100%; margin-top:20px; padding:5% 0; text-align:center; border-top:2px solid #26427b; border-bottom:1px solid #cccccc; line-height: 140%; }


/* ----------------------------------------------------------------------------- */
/* 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) {			/* 모바일(갤럭 시노트급 대상) */

		/* ******************************************************************************************************************** */
		/* 공통 */
		/* ******************************************************************************************************************** */

		/* 공통테이블 */
		.table_style01				{ overflow-x: scroll; }
		.table_style01 table		{ width:700px; }


		/* ******************************************************************************************************************** */
		/* 경영이념 */
		/* ******************************************************************************************************************** */
		.philosophy_chart:before { display: none;}
		.philosophy_chart { width: 80%; margin: 36px auto 45px;}
		.philosophy_chart li { width: 100%; float: none; }

		.philosophy_img { text-align: center; margin: 54px auto 48px;}


		/* ******************************************************************************************************************** */
		/* 연혁 */
		/* ******************************************************************************************************************** */
		.history_content_wrap { position:relative;}
			.history_circle { width:100%; height:48px; margin:0; line-height:40px; text-align:center; border-radius:30px; background:#fff; border:4px solid #e4e4e4; font-size:0.875em; color:#f97632; font-family:'NanumGothicBold'; }

			.history_content { padding:58px 0 40px 0; background:url('/share/images/sub/history_line.gif') repeat-y 25px center; }
				.history_content_common { width:95%; position:relative; padding-bottom:40px; }
				.history_content_right { text-align:left; padding-right:0; padding-left:54px; background:url('/share/images/sub/history_dot.png') no-repeat 20px 3px; float:none; }
				.history_content_left { padding-left:54px; background:url('/share/images/sub/history_dot.png') no-repeat 20px 3px; float:none; }
				.history_content_common h2 { width:100%; font-size:1.125em; font-family:Roboto; font-weight:700; }
					.history_content_common h2 span { width:100%; margin-bottom:15px; padding-bottom:7px; display:block; border-bottom:1px solid #444649; }
						.history_content_right h2 span { float:left; }
					.history_content_common ul { clear:both; }
						.history_content_common li span { font-family:Roboto; font-weight:700; color:#093488; font-size:1.143em; }
						.history_content_common img {   }

					.history_long_common li { width:100%; position:relative;}
			.history_long_common strong {width: 100%; display:block; }
			.history_long_left strong { float:none; }
			.history_long_right strong { float:none; }
			.history_long_left li span { width:100%; display:block; float:none;}
			.history_long_right li span { width:100%; display:block; float:none; }

				.history_content_right h2 { }
					.history_content_left ul { }
					.history_content_left li { font-size:0.875em; padding-left:10px; background:url('/share/images/sub/history_bullet.gif') no-repeat left 11px ;}
					.history_content_right li { text-align:left; font-size:0.875em; padding-right:0; padding-left:10px; background:url('/share/images/sub/history_bullet.gif') no-repeat left 11px ;}
				.history_img_right { width:100%; position:static; right:-109%; top:0; }
				.history_img_right02 { width:100%; margin-top:20px; }
				.history_img_left { width:100%; text-align:left; margin-top:20px; }

				.history_margintop01 { margin-top:0; }
				.history_margintop02 { margin-top:0; }
		.history_img1 img { width:30%; }
		.history_img2 img { width:90%; }
		.history_img3 img { width:100%; }
		.history_img4 img { width:60%; }


		/* ******************************************************************************************************************** */
		/* 찾아오시는길 */
		/* ******************************************************************************************************************** */
	.location_con1 { width:90%; margin: 0 auto; padding:40px 1.2% 0 1.2%;}
	.location_con1 dt { width:100%; padding-left:24px; display: inline-block; }
	.location_con1 dd { width:100%; display: inline-block; }
	.location_con2 { width:90%; margin: 0 auto; padding:20px 1.2% 40px 1.2%;}
	.location_con2 dt { width:100%; padding-left:24px; display: inline-block; }
	.location_con2 dd { width:100%; display: inline-block; }
	.fax { margin-top:20px; }




	}
	@media only screen and (min-width:0) and (max-width:1200px) {
		/* ******************************************************************************************************************** */
		/* 인사말 */
		/* ******************************************************************************************************************** */
		/* ---------------------------------  인사말 -------------------------------------------- */
		.ceo_text { height:100%; margin-top:0; }
			.ceo_img { width: 40%; position:absolute; bottom: 0; right: 0; z-index: -1;}
			.ceo_text p { width:80%; padding:0 0 25%; }
			.ceo_name { }
				.ceo_name img { padding-top:0; }
	}
	@media only screen and (min-width:0) and (max-width:860px) {
		/* ******************************************************************************************************************** */
		/* 인사말 */
		/* ******************************************************************************************************************** */
		/* ---------------------------------  인사말 -------------------------------------------- */
			.ceo_text p { width:100%; padding:0 0 45%; }
			.ceo_name { left:5%; bottom: 40px; }

			/* ******************************************************************************************************************** */
			/* 기술인증현황 */
			/* ******************************************************************************************************************** */
			.certification_content li { display: inline-block; vertical-align: top; width:46%; margin:0 2% 42px 2%;}
	}
	@media only screen and (min-width:769px) and (max-width:1099px) {		/* 테블릿() iPad LandSpace */


	/* ******************************************************************************************************************** */
	/* 연혁 */
	/* ******************************************************************************************************************** */

			.history_content_common { width:50.9%; position:relative; padding-bottom:40px; }


		/* ******************************************************************************************************************** */
		/* 찾아오시는길 */
		/* ******************************************************************************************************************** */
		.location_con dt, .location_con dd 	{ width:100%; }
		.location_con dd 					{ padding-bottom:10px; }



	}