@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border:1px solid #e9e9e9}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0px 10px}
.ctt_img {text-align:center}

#subcontainer {
    margin-top: 102px;
    margin-bottom: 50px;
}

.movebody2 #subcontainer {
    margin: 430px auto 50px auto;
}


.sub_top { margin: 0 auto 25px; width: 100%;  height: 350px;  color: #fff; text-align: right }
.sub_top .tit { float: right; margin: 0; padding-top: 35px; padding-right: 30px; width: 200px; height: 100px; background: #4564af; opacity: 0.9; font-size: 36px; line-height: 1.2 }
.sub_top .tit span { display: block; font-size:16px;}



.about_subimg08 { background: url(../../../img/about_subimg08.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg09 { background: url(../../../img/about_subimg09.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg10 { background: url(../../../img/about_subimg10.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg11 { background: url(../../../img/about_subimg11.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg12 { background: url(../../../img/about_subimg12.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg13 { background: url(../../../img/about_subimg13.jpg) no-repeat; background-size: 100% 100%; }

.cnt_tit{border-bottom: 1px solid #d7d7d7; }
.cnt_tit .hd3 { color: #0c4da2; font-size: 25px;  line-height: 1.5; font-weight: 600; }
.cnt_tit .hd3_stxt { font-size: 15px; margin:20px 0;}


/*sub */
.sub_wrap, .con_wrap {width:100%;float:left;  position:relative; margin:0 auto; background:#fff;}
.sub_conts_wrap {
	float:left;
	width:100%;
	height:160px;
	border-bottom:1px solid #e6e6e5; 
	padding:0 0 0 28px;
	background-size:100% 100%;  
	background: url('../../../img/sub_top.png') no-repeat;
	text-align: left;
}
.sub_conts_wrap h2 {
	font-size:30px;
	margin-top:30px; 
	color:#FFF;
	font-weight:bold;
	font-family:'Nanum Gothic';
}
.sub_conts_wrap p {
	margin-top:12px;
	padding:20px; 
	color:#FFF;
	font-size:16px;
}

.sub_title{ color:#405aa8;}

/*sub title*/
.sub_title_wrap {
	clear:both;
	width:100%; 
	height:40px;  
	margin:0 auto; 
	border-bottom:1px solid #e6e6e5; 
	
}
.sub_title_wrap ul {
	list-style:none;
    margin:0;
    padding:0;
}
.sub_title_wrap ul li {
	margin: 0 auto;
    padding: 10px;
    height:40px;
    float: left;
	border-right:1px solid #e6e6e5;
}

.sub_title_wrap ul li:last-child {border-right:0px solid #e6e6e5; }

#gall_content { width:100%;margin:0 auto;margin-top:20px; margin-bottom:50px;}
#gall_content .gall_con_ul {margin:0 auto; margin-top:30px; width:90%; padding:0;list-style:none;zoom:1}
#gall_content .gall_con_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gall_content .gall_li { width:30%; border:1px solid #ddd; float:left;margin:0 10px 30px 0; padding:10px; box-shadow:2px 2px 6px #ddd;} 
.effect-apollo h2 { background:#eee; text-align:center; padding:5px; font-weight:bold;}
.effect-apollo img:hover , .effect-apollo li:hover a { opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}




/*content*/
.sub_img{
	float: left;
	width:30%;
	margin:0 auto;
	margin-bottom:30px;
}
.section_1_1{ 
	float: left;
	width:50%; 
	margin-left:5%;
	font-size:0.7em;
	color:#333333;
	line-height:2;
}
.sub_content { 
	clear: both;
    width: 100%;
    margin: 0 auto;
	padding: 1em;
}

.sub_content h1{     
	text-align:center;
	margin: 0 auto;
    padding: 1.75em 0;
    color: #333333;
    font-weight: 900;
    font-size: 15px;
    line-height: 1;
}
.sub_content h2{     
	text-align:center;
	margin: 0 auto;
    padding: 0.75em 0;
    color: #333333;
    font-weight: 400;
    line-height: 1;
}
.sub_4_strap {
	text-align:left;
	margin-left:30px;
	font-weight: 800;
	padding: 1.15em 0;
}
.section_sub_title { 
	font-size:1.2em; 
	color:#333333; 
}

/*사업분야*/
.sub_layout{
	width:100%;
	margin:0 auto;
}
.sub_layout h1{
	margin: 0;
    padding: 0.75em 0;
    color: #333333;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
}
.sub_con_img{
	float:left;
	width:40%;
	padding: 2%;
		
}
.sub_con_ex{
	float:left;
	width:50%;
	padding:2%;
	font-size:12px;
}
.customer_ci{
	float:left;
	margin:5px;
	width: 100%;
	text-align: left;
}
.customer_ci ul li{
	display:inline; 
	padding: 0 5px 0 0;
	line-height:1.3;
	border-bottom: #e8e8e8;
} 
.customer_ci img { 
	height:15px;

}
.ex_products{
	float:left;
	width:100%;
	background:#eee;
	padding:20px 10px;
	border-radius:15px;
	text-align:left;
}
.ex_btn_pc{
	display:block;
	float:left;
	width:100%;
	margin-top:20px;
	text-align: center;
}
.ex_btn_pc ul li {
	position:relative; 
	display:inline;  
}
.ex_btn_mobile{
	display:none;
}
.sub_content_field{
	margin: 0 auto;
    border: 0;
    float: left;
    width:100%;
	margin-bottom: 30px;
}
.sub_content_field img {
    max-width: 100%;
   

}
.sub_content_field p {
	clear: both;
    margin-left:20px;
    padding: 5px;
	text-align:left;
	line-height: 24px;
	font-size:12px;
}

.movie_div{
	width:90%;
	margin:0 auto;
}
.movie_div iframe{
	width:100%;
	height:420px;

}

.sub_products_div{
	width:80%; 
	margin:0 auto;
	clear:both;
}

.ex_products_each{
	float:left;
	text-align: left;
	margin: 10px;

}
.sub_products_ex{
	float:left;
	width:50%;
	padding: 0 3%;
	font-size:12px;

}
.ex_products_each ul li{
	background: url(../../../img/ul_line2.jpg) no-repeat left 7px;
    padding-left: 10px;

}  
.sub_products_img {
	float:left;
	width:40%;
	/*padding: 3%;*/
	border: 1px solid #eee;

}

.section_each_title{
	font-size:1.2em; 
	color:#333333; 
	background: url(../../../img/ul_line.jpg) no-repeat 0 7px;
	padding-left: 12px;
}
.ex_products_li { 
	width: 90%;
    margin: 0 auto;
    text-align: left;

}

.ex_products_li ul li{
	background: url(../../../img/ul_line2.jpg) no-repeat left 7px;
    padding-left: 10px;
	font-size: 13px;

}  
.circle {
	 width:17px;
	 height:17px;
	 margin: 4px;
	 border-radius:100px;
	 -moz-border-radius : 100px;
	 -webkit-border-radius : 100px;
	 -ms-border-radius :100px;
	 -khtml-border-radius : 100px;
	 -o-border-radius :100px;
	 background:#323863;
	 float:left;
}
.circle1 {
	 width:15px;
	 height:15px;
	 margin: 4px;
	 border-radius:100px;
	 -moz-border-radius : 100px;
	 -webkit-border-radius : 100px;
	 -ms-border-radius :100px;
	 -khtml-border-radius : 100px;
	 -o-border-radius :100px;
	 background:#323863;
	 float:left;
}
.circle1 img {
    height: 15px;    margin: 0px 0px 3px 0;
	}
.circle2 {
	 width:15px;
	 height:15px;
	margin-right:4px;
	 border-radius:100px;
	 -moz-border-radius : 100px;
	 -webkit-border-radius : 100px;
	 -ms-border-radius :100px;
	 -khtml-border-radius : 100px;
	 -o-border-radius :100px;
	 background:#323863;
	 float:left;
}

/*사업분야 문의*/
.sub_support { width:90%; margin:0 auto; text-align:center; margin-bottom:40px;}
.sub_support ul{ list-style: none;}
.sub_support ul li{position:relative; display:inline;  padding:30px; } 
.sub_support img { width:12px;height:12px;vertical-align: middle;}

.sub_tb{position:relative;font-size:12px; font-family:'Nanum Gothic';width:90%;margin:0 auto;margin-bottom:50px;clear:both;}
.sub_tb h3{font-size:13px;margin-bottom:0.75em;color:#323232;letter-spacing:-0.05em;text-align:left;}
.sub_tb .tblWrap{width:100%;overflow:hidden;}
.sub_tb table{width:100% !important;letter-spacing:-0.05em;border-top:3px solid #323863;border-bottom:3px solid #323863;border-spacing:0;border-collapse:collapse; line-height:18px;}
.sub_tb thead tr:first-child th{border-top:0;}
.sub_tb th,
.sub_tb td{padding:10px 0;font-weight:400;font-size:13px;text-align:center;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.sub_tb thead tr:first-child th:first-child ,
.sub_tb td.ty3{border-left:0;}
.sub_tb th{background:#f4f4f4;font-weight:bold;}
.sub_tb th.ty1{background:#3073ba;font-weight:bold;color:#fff;}
.sub_tb td.ty1{background:#eeeeee;font-weight:bold;}
.sub_tb td.ty2{color:#005c9a;}
.sub_tb td.ty3{color:#333;font-weight:bold}
.sub_tb td.ty4{color:#333;line-height:30px;}
.sub_tb td.ty5{background:#bad4ef;color:#333333;}
.sub_tb td.ty5{background:#eaeaea;color:#333333;}




@media screen and (min-width:1200px) {

	
	.article_four1 {
		margin: 0 auto;
		border: 0;
		float: left;
		width:50%;
		margin-bottom:40px;
		padding: 20px;
	}
	.article_four1 img {
		max-width: 100%;
		margin-bottom: 10px;
	}

	.article_four1 p {
		margin-left:20px;
		padding: 20px;
		text-align:left;
		font-size:12px;
		line-height: 24px;
	}

	.lay_frame_mobile{ 
		display:none;
	}
	.section_1_2{
		width:70%;
		float:left;
		padding:30px;
		font-size: 12px;
		line-height: 24px;
	}

	.slogun_gp{

		width:80%;
		margin:0 auto;

	}

}

@media screen and (min-width: 1009px) and (max-width:1200px) {
	.article_four1 {
		width:80%;
		margin: 0 auto;

	}
	.article_four1 img {
		max-width: 80%;
		margin:0 auto;
		margin-bottom: 20px;
	}
	.tab1_sub_img { 
		width:200px;
		float:left;
	}

	.section_1_2{
		width:80%;
		float:left;
		padding:30px;
		font-size: 12px;
		line-height: 24px;
	}

	.sub_layout .article_four1 p {
		font-size:0.8em;
		padding: 10px;
		text-align:left;
		line-height: 24px;
	}

	.lay_frame_mobile{ 
		display:none;
	}

}

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

	#history{width:90%; margin:0 auto;}
	.year{position:relative; float:none; height:45px; border:0; border-bottom:2px #e3e3e3 solid; margin:0 20px; padding:0;}
	.year p{position:absolute; left:0; bottom:-2px; width:132px; font-size:20px; text-align:left; background:url('../images/bg/bg_history_arrow_m.gif') right 8px no-repeat; border-bottom:2px #444 solid;}
	.year span{display:none; font-size:25px;}
	.detail{width:auto; margin:0 20px; border:0;}
	.detail ul{margin:5px 0 30px 0;}
	.detail ul li{padding:5px 0 5px 83px;}
	.detail ul li span{left:17px; top:7px; font-size:13px;}

	.article_four1 {
		width:80%;
		margin: 0 auto;

	}
	.article_four1 img {
		max-width: 80%;
		margin:0 auto;
		margin-bottom: 20px;
	}
	.tab1_sub_img { 
		width:200px;
		float:left;
	}

	.section_1_2{
		width:70%;
		float:left;
		padding:0px;
		font-size: 12px;
		line-height: 24px;
	}
	.sub_layout .article_four1 p {
		font-size:0.8em;
		padding: 10px;
		text-align:left;
		line-height: 24px;
	}
	/*사업분야 */
	.sub_content_field, .sub_con_ex, .sub_con_img{
		margin: 0 auto;
		border: 0;
		float: none;
		width:90%;
		text-align: center;
		padding:0px;
	}
	.sub_content_field img {
		max-width: 100%;
		margin-bottom: 10px;
	}
	.sub_content_field p{
		/*margin-left:20px;*/
		line-height: 24px;	
		text-align:left;
	}
	.sub_con_img img{ width:80%; margin:0 auto;}

	.sub_layout h1{
		text-align:left;
		font-size:17px;
		line-height: 24px;
	}

	.ex_products{
		float:left;
		width:100%;
		background:#eee;
		padding:20px 0px;
		border-radius:15px;
	}
	.ex_products ul{
		margin:15px;

	}

	

	.ex_btn{
		float:left;
		width:100%;
		margin-top:20px;
	}

	/*사업분야 문의*/
	.sub_support { width:90%; margin:0 auto; text-align:left; margin-bottom:40px;}
	.sub_support ul li{position:relative; display:block; padding:5px;} 
	.sub_support .support_btn {text-align:center; }



	.lay_frame{ 
		display:none;
	}
	.lay_frame_mobile{
		display:block;
	}

	.recruit_wrap img { margin-top:100px;}

	.inner_cont .link_inner ul li {
		padding: 2px 15px;
		width: 232px;
		height: 250px;
		margin:0 auto;
		float: none;
	}
	.organization_pc{display:none;}
	.organization_mobile{display:block;}

	.movie_div iframe{
		width:100%;
		height:300px;r

	}



}
@media screen and (min-width:800px) and (max-width:1220px) {
	#gall_content .gall_li { border:1px solid #ddd; float:left;margin:0 10px 30px 0; padding:10px;width:28%; box-shadow:2px 2px 6px #ddd;} 
}
@media only screen and (max-width:801px) {
	.sub_top { margin-bottom: 25px; height: 210px; }
	.sub_top .tit { padding-top: 3%; padding-right: 3%; width: 30%; height: 42%; font-size: 28px; }

}


@media screen and (max-width:1080px) {
	#subcontainer{ margin:67px auto; }
}
@media screen and (max-width:799px)  {
	#gall_content .gall_li {width:43%;  text-align: center; margin-bottom: 20px;padding:10px; box-shadow:2px 2px 6px #ddd;} 
}
@media screen and (max-width:480px)  {
	.sub_top{height:153px; }
	#gall_content .gall_li { width:90%;}
	.about_subimg08 { background: url(../../../img/about_subimg08_m.jpg) no-repeat; }
	.about_subimg09 { background: url(../../../img/about_subimg09_m.jpg) no-repeat; }
	.about_subimg10 { background: url(../../../img/about_subimg10_m.jpg) no-repeat; }
	.about_subimg11 { background: url(../../../img/about_subimg11_m.jpg) no-repeat; }
	.about_subimg12 { background: url(../../../img/about_subimg12_m.jpg) no-repeat; }
	.about_subimg13 { background: url(../../../img/about_subimg13_m.jpg) no-repeat; }

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

	.lay_frame_mobile img{width:100%;}
	
	/*사업분야 */
	.ex_btn_pc { display:none;}
	.ex_btn_mobile { display:block;float:left;
	width:100%;
	margin-top:20px;
	text-align: center;}
	.ex_btn_mobile ul li{position:relative;  padding:5px;display:inline; 	 } 
	.sub_support ul li{position:relative; display:block; padding:5px;} 
	.article_four1 {
		width:100%;
		margin: 0 auto;
	}
	.article_four1 img {
		max-width: 100%;
		margin:0 auto;
		margin-bottom: 20px;
	}

	.sub_content_field, .sub_con_ex, .sub_con_img{
		margin: 0 auto;
		border: 0;
		width:90%;

		margin-bottom:20px;
	}
	.sub_content_field p{
		margin-left: 0px;
		line-height: 24px;	
		text-align:left;
	}

	.tab1_sub_img { 
		width:100%;
		float:left;
	}

	.section_1_2{
		width:100%;
		float:left;
		font-size: 12px;
		line-height: 24px;
	}

	.sub_ci_2{
		width:100%;
		margin:0 auto;
		padding:30px;
	}

	.sub_top .tit {
		height: 45px;
		font-size: 18px;
	}
	.sub_top .tit span {
		font-size: 13px;
	}

	.mb_block { display:none }







	


}