@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_subimg01 { background: url(../../../img/about_subimg01.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg02 { background: url(../../../img/about_subimg02.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg03 { background: url(../../../img/about_subimg03.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg04 { background: url(../../../img/about_subimg04.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg05 { background: url(../../../img/about_subimg05.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg06 { background: url(../../../img/about_subimg06.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg07 { background: url(../../../img/about_subimg07.jpg) no-repeat; background-size: 100% 100%; }

.about_subimg13 { background: url(../../../img/about_subimg13.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg14 { background: url(../../../img/about_subimg14.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg15 { background: url(../../../img/about_subimg15.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg16 { background: url(../../../img/about_subimg16.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg17 { background: url(../../../img/about_subimg17.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg18 { background: url(../../../img/about_subimg18.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg19 { background: url(../../../img/about_subimg19.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg20 { background: url(../../../img/about_subimg20.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg21 { background: url(../../../img/about_subimg21.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg22 { background: url(../../../img/about_subimg22.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg23 { background: url(../../../img/about_subimg23.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg24 { background: url(../../../img/about_subimg24.jpg) no-repeat; background-size: 100% 100%; }

.about_subimg26 { background: url(../../../img/about_subimg26.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg27 { background: url(../../../img/about_subimg27.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; }
.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; }


/*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; }
.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; }

/*인사말*/
.intro_pc{ display:block; //background:url(../../../img/sub1_1_ceo1.png) no-repeat 100% 30%; height:600px; }
.intro_mobile{ display:none; //background:url(../../../img/sub1_1_bg2.png) no-repeat 100% 30%;}
.intro_section1{ margin: 0 auto; border: 0; float: left; width: 51%; margin-bottom: 40px; padding: 20px; }
.intro_section1 p { text-align:left; }
.intro_section1 img{ float:right; }
.intro_section1 h1{  font-family:'나눔명조',Nanum Myeongjo !important; font-weight:700; text-align:left; font-size:1.5em !important; }
.intro_section2{ margin: 0 auto; border: 0; float: right; width: 34%; margin: 0px 30px 40px 0; padding: 20px; }
.intro_ft1{ font-size:1.2em; font-weight:700; text-align:left; }
.intro_ft2{	font-size:1.2em; font-weight:700;text-align:right;}

/*프로필*/
.profile_book { margin-bottom:70px; }
.profile_book dt{ float:left; width:14%; }
.profile_book dd{ float:left; width:80%; }

/*사업분야*/
.sub_layout{ width:100%; margin:0 auto; margin-bottom:40px; }
.sub_layout h1{ text-align:left; font-size:14px; line-height: 24px; }
.sub_con_img{ float:left; width:40%; padding: 2%; }
.sub_con_ex{ float:left; width:60%; 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; } 
.ex_products{ float:left; width:100%; background:#eee; padding:20px 10px; border-radius:15px; text-align:left; }
.ex_btn{ float:left; width:100%; margin-top:20px; }
.ex_btn ul li { position:relative;  display:inline; }
.sub_content_field{ margin: 0 auto; border: 0; /* float: left; */ width: 80%; }
.sub_content_field img { max-width: 100%; margin-bottom: 10px; }
.sub_content_field p { clear: both; padding: 5px; text-align:left; line-height: 24px; font-size:14px; }
.point01{ color: #3073ba; font-weight: 600;}
.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;}
.sub_products_ex{ float:left; width:60%; padding: 0 5%; 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: 12px;}  
.circle1 { width:15px; height:15px; margin: 4px; border-radius:100px; background:#323863; float:left;
	 -moz-border-radius : 100px;
	 -webkit-border-radius : 100px;
	 -ms-border-radius :100px;
	 -khtml-border-radius : 100px;
	 -o-border-radius :100px;
}
.circle2 { width:15px; height:15px; margin-right:4px; border-radius:100px; background:#323863; float:left;
	 -moz-border-radius : 100px;
	 -webkit-border-radius : 100px;
	 -ms-border-radius :100px;
	 -khtml-border-radius : 100px;
	 -o-border-radius :100px;	 
}

.content-wrap .sub_h1{ /* margin: 0; */ padding: 30px; color: #eeeeee; font-weight: 700; font-size: 50px;  /* line-height: 30px; */ text-align: 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_content_company{width:80%; margin:0 auto;margin-top: 25px; }

.sub_title_company{ clear:both;font-size: 1.2em; color: #333333; text-align: left; font-weight:bold;}
.sub_title_company img { max-width: 100%; margin-bottom: 10px;}
.company_circle1{ width: 15px; height: 15px; margin: 7px; border-radius: 100px;float: left; background: #323863;
	-moz-border-radius: 100px; 
	-webkit-border-radius: 100px;  
	-ms-border-radius: 100px;
    -khtml-border-radius: 100px;
    -o-border-radius: 100px;      
}
.company_circle2{ width: 15px; height: 15px; margin: 5px; border-radius: 100px;float: left; background: #323863;
	-moz-border-radius: 100px; 
	-webkit-border-radius: 100px;  
	-ms-border-radius: 100px;
    -khtml-border-radius: 100px;
    -o-border-radius: 100px;      
}
.sub_box_01{padding: 20px; background-color: #f3f3f3; width: 100%; margin: 20px 0; }

.ex_company{padding-top:0px;position: relative;margin:0 auto; width:95%; margin-bottom:40px;height: 200px;}
.ex_company .left{float:left;width:300px;}
.ex_company .photo{margin:0 0 4px 0;}
.ex_company .photo img {border:1px solid #eee; width:100%; height:180px;}
.ex_company .right{margin-left:320px;}
.ex_company h3{margin-bottom:14px;font-size:24px;}
.ex_company p{font-size:13px;line-height:21px;}
.ex_company p.tit{margin-bottom:35px;font-size:14px;font-weight:bold;}
.ex_company .right dl{margin-top:15px; border-top:2px solid #363c65; border-bottom: 1px solid #363c65;}
.ex_company .right dt{float: left; height: 42px; font-weight: bold; line-height: 41px;background: #eeeeee; width: 100px;}
.ex_company .right dd{margin: 0 auto ; height: 43px; font-size:12px; line-height: 40px;border-bottom: 1px solid #777; white-space: nowrap;}
.ex_company .right .right_line{ padding:10px; }


/*오시는길*/
#map-canvas{width: 80%; height: 600px;margin-left:10%;margin-bottom:30px;}
.sub_content_map{width: 80%; margin:0 auto;margin-bottom:50px;}
.hide_con { position: absolute; left: -99999em; top: -99999em; text-indent: -99999em; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.contacus nav a span{ font-size:15px !important }
.contac_cont h2 { margin-bottom: 10px; font-size: 20px; color: #000; }
.contac_cont ul{overflow:hidden;}
.contac_cont ul:after{display:block;clear:both;content:"";}
.contac_cont li{float:left;width:49%;margin-bottom:10px;border:1px solid #d4d4d4;height:230px}
.contac_cont li.odd{float:right;}
.contac_cont li dl{position:relative;padding:10px 0 10px 132px;border-top-width:5px;border-top-style:solid;}
.contac_cont li dt{position:absolute;left:0;top:40%;width:132px;text-align:center;color:#000;font-weight:bold;font-size:14px;}
.contac_cont li dd{min-height:75px;padding:10px 0 10px 23px;}
.contac_cont li dd p{padding-left:11px;margin-top:5px;background:url("../../../img/t-circle.jpg") no-repeat 0 6px;font-size:10pt;text-align: left;}
.contac_cont li dd p.addr{padding-left:0;margin-top:0;background:none;}
#korea dl{border-top-color:#30496e;}
#asia dl{border-top-color:#c6641c;}
#america dl{border-top-color:#515d6a;}
#america_s dl{border-top-color:#6a5151;}
#europe dl{border-top-color:#4b9092;}
#oceania dl{border-top-color:#62924b;}
#middleeast dl{border-top-color:#79541f; }

#korea {color:#30496e;}
#asia {color:#c6641c;}
#america {color:#515d6a;}
#africa {color:#6a5151;}
#europe {color:#4b9092;}
#oceania {color:#62924b;}
#middleeast {color:#79541f; }

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

	.contacus nav a span{ font-size:12px !important;line-height:30px !important;white-space:normal;text-overflow:ellipsis;letter-spacing:0px !important}
	.contac_cont li dd{letter-spacing:-1px; }

}

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

	.contacus nav a span{ font-size:12px !important;line-height:30px !important;letter-spacing:-2px !important}
	.contac_cont li{float:none;width:80%;margin:0 auto;height:auto;margin-bottom: 20px;}
	.contac_cont li.odd{float:none;margin:0 auto;margin-bottom: 20px;}

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

	.contac_cont li{float:none;width:98%;}
	.contac_cont li dl{ padding: 10px }
	.contac_cont li dt{top: 12%;width: 98%}
	.contac_cont li dd{padding: 50px 0 10px 23px; }

}

/*조직도*/
.organization_pc,.organization_mobile { text-align:center; max-width:1000px; margin: 0 auto;}
.organization_pc img ,.organization_mobile img{ width:100%}
.organization_mobile{display:none;}


/*경영철학*/
.sub_4{width:50%;margin:0 auto;float:left;margin-bottom:30px;position:relative;}
.sub_4 img {width:100%}
.sub_4 dt { font-weight:bold; position:absolute; top:40px;text-align:center;line-height:24px;  padding: 0px 30px;}
.sub_4 dl { 	padding: 0px 30px;top:60px;text-align:center;line-height:24px;}

#contents.main .inner_cont{margin:0 auto;overflow:hidden;padding:0 10px;}
#contents.main .inner_cont.bottom{margin:10px auto 0 auto;}
#contents.main .inner_cont > div.left_cont{float:left;width:50%;}
#contents.main .inner_cont > div.right_cont{float:right;width:50%;}
#contents.main .inner_cont .slogun_inner{padding:65px 40px 0 0;}
#contents.main .inner_cont .slogun h2{font-size:22px;text-align:right;letter-spacing:-2px;color:#333;font-weight:900;}
#contents.main .inner_cont .slogun h2 > span{display:block;font-weight:bold;color:#ee7421;}
#contents.main .inner_cont .slogun h2 > span > strong{color:#d0112b;font-size:50px;vertical-align:-5px}
#contents.main .inner_cont .slogun .lead{color:#3333333;font-size:15px;text-align:right;padding:25px 0 0;}
#contents.main .inner_cont .link_inner{padding:0;}
#contents.main .inner_cont .link_list{width:auto;margin:0 auto;overflow:hidden; margin-top:50px}
#contents.main .inner_cont .link_list > li{width:232px;height:250px;float:left;margin:0 0 0 16px;}
#contents.main .inner_cont .link_list > li:first-child{margin:0;}
#contents.main .inner_cont .link_list > li.link2{;background-position:-245px 0}
#contents.main .inner_cont .link_list > li h3{color:#444;font-size:17px;text-align:center;font-weight:bold;border:0;padding:45px 25px 0 25px;letter-spacing:-0.5px;}
#contents.main .inner_cont .link_list > li h3 strong{color:#fff;font-size:17px;font-weight:bold;margin:0 2px 0 0;}
#contents.main .inner_cont .link_list > li h3 strong em{font-size:18px}
#contents.main .inner_cont .link_list > li p{color:#666;font-size:13px;padding:50px 25px 10px 25px;line-height: 28px;}
#contents.main .inner_cont .link_list > li .btn_link{width:67px;height:19px;color:#fff;display:inline-block;font-size:12px;padding:3px 5px 3px 8px;margin:0 0 0 25px;}

.inner_cont_pc{margin:0 auto;overflow:hidden;padding:0 10px;}
.inner_cont_pc .slogun_inner{padding:0px 0 0;}
.inner_cont_pc .slogun h2{font-size:22px;text-align:center;letter-spacing:-2px;color:#333;font-weight:900;}
.inner_cont_pc .slogun h2 > span{display:block;font-weight:bold;color:#ee7421;}
.inner_cont_pc .slogun h2 > span > strong{color:#d0112b;font-size:50px;vertical-align:-5px}
.inner_cont_pc .slogun .lead{color:#3333333;font-size:15px;text-align:center;padding:25px 0 0;}
.inner_cont_pc .link_inner{padding:0;}
.inner_cont_pc .link_inner{text-align: center;    margin-top: 50px;}
.inner_cont_pc .link_inner ul {display: inline-block; margin: 0; padding: 0;}
.inner_cont_pc .link_inner ul li{float: left; width:232px;height:250px;margin-right: 48px;}
.inner_cont_pc .link_inner .inner_img{padding: 0px; height: 300px; width: 300px; margin-top: -20px;}
.inner_cont_pc .link_inner .inner_img img {width:100%}
.inner_cont_pc .link_inner h3{color:#444;font-size:17px;text-align:center;font-weight:bold;border:0;padding:50px 25px 0 29px;letter-spacing:-0.5px;}
.inner_cont_pc .link_inner li h3 strong{color:#fff;font-size:17px;font-weight:bold;margin:0 2px 0 0;}
.inner_cont_pc .link_inner li p{color:#666;font-size:13px;padding:50px 25px 10px 25px;line-height: 24px;}
.inner_cont_mobile{display:none;}




/*연구분야*/
.sub_field_study{ margin:0 auto; width:100%; padding:10px 0;margin-bottom:50px;}
.sub_field_study ul li { display:inline; width:43%;margin: 3%;float:left; border:1px solid #eee; } 
.img_study {margin-bottom:1.5em; }
.img_study img { width:100%;height:200px; overflow:hidden;}
.txt_study {font-weight: 600; margin-bottom: 10px; }

.if_movie{width:90%; height:515px; margin:0 auto;margin-bottom:50px;}

/*채용*/
.recruit_wrap{ position: relative; width: 100%; overflow: hidden; }
.recruit_div { float:center; width:100%; margin:0 auto; position: absolute; top:0; }

.recruit_box_01 h2{ display: block; padding: 0 5%; font-size:35px; color:#333333; font-weight:bold; line-height:43px; }

.recruit_box_01{ position: relative; padding: 3% 15px 0 15px; margin: 0 auto; text-align: center; }
.recruit_box_02{ margin: 0 auto; text-align: center; }
.sub4_bg_list{ width:480px; margin:0 auto; overflow:hidden; margin-top:50px }
.sub4_bg{ position:relative; background:url(../../../img/sub4_bg.png) no-repeat 0 0; }
.sub4_bg h3{ color:#444; font-size:17px; text-align:center; font-weight:bold; border:0; padding:45px 25px 0 25px; letter-spacing:-0.5px; }
.sub4_bg p { color:#666; font-size:13px; padding:50px 25px 10px 25px; line-height: 28px; }
.recruit_btn{ background: #3073ba; width: 180px; height: 30px; margin: 0 auto; line-height: 30px; text-align: center; border-radius: 15px; font-size: 15px; margin-top: 10px; }
.recruit_btn a { color:#fff; }

.job_department{ width:80%; margin:0 auto;clear:both;}
.job_department .job_department_img {clear:both;float:left;width:30%; margin:0 auto; margin:0 5%;} 
.job_department .job_department_ex {float:left;width:60%; height:150px; text-align:left;}

.job_department_part {border-top: 2px solid #bad4ef;  padding: 20px;text-align:left;line-height: 24px;}

.rule_font{ color:#405aa8;}

/*고객사*/
.customer-list {margin-bottom: 50px;}
.customer-list ul {overflow: hidden; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;}
.customer-list li {display: table; float: left; width: 25%; text-align: center;}
.customer-list li a {display: table-cell; height: 100px; padding: 10px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; vertical-align: middle;}
.customer-list li a img {max-width: 100%;margin-bottom:0}


/*프로필 tab*/
/* 탭 선택 시 표시할 요소(div) 정의(1번 탭 선택 시 첫 번째 div 요소 표시) */
#css_tabs input:nth-of-type(1), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(1),
#css_tabs input:nth-of-type(2), #css_tabs input:nth-of-type(2) ~ div:nth-of-type(2),
#css_tabs input:nth-of-type(3), #css_tabs input:nth-of-type(3) ~ div:nth-of-type(3) { display:none }
#css_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1),
#css_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2),
#css_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3) { display:block }

/* 라벨 기본 스타일 지정 */
#css_tabs > label { display:inline-block; font-variant:small-caps; font-size:.9em; padding:5px; text-align:center; width:20%; line-height:1.8em; font-weight:700; border-radius:3px 3px 0 0; background:#eee; color:#777; border:1px solid #ccc; border-width:1px 1px 0 }
#css_tabs > label:hover { cursor:pointer }
#css_tabs label[for=tab1] { margin-left:1.5em }

/* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */
#css_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover { background:#8ec31f; color:#fff }
#css_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover { background:#8ec31f; color:#fff }
#css_tabs input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover { background:#8ec31f; color:#fff }

/* 실제 내용이 담긴 div 요소 스타일 지정 */
#css_tabs .tab1_content, #css_tabs .tab2_content, #css_tabs .tab3_content { border:0px solid #ddd; width:100%; float:left; margin:0 auto; height:100%; /*color:#333333;*/ text-align:left; }

.profile_name{text-align:center;font-weight:bold;color:#333333;}

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

.section_1_2{width:70%;margin:0 auto;padding:30px;/*font-size: 12px;*/	line-height: 24px;	margin-bottom:50px;}

.c_lay_04 {clear: both;width: 100%;margin:0 auto;}
.lay_frame {padding-top: 10px;width: 730px;margin: 0 auto;}
.lay_frame_mobile {text-align: center; padding: 50px;}


/*연혁*/
#history{width:80%; margin:0 auto;margin-top: 25px;}
.historyContent{width:100%; clear:both; }
.year{clear:both;width:20%; float:left; border-top:2px #424242 solid; padding:15px 0 0 0; margin:0 auto; margin-top:30px; }
.year p{ height:200px; font-size:40px; font-weight:600; color:#fff; text-align:right; line-height:1.2; margin:0 19px 0 0; padding:0 10px 0 0; }
.year span{display:block; font-size:40px; font-weight:600; color:#3073ba;}
.detail{width:80%; float:left; border-top:2px #e3e3e3 solid; margin-bottom:30px; margin-top:30px; }
.detail ul{width:100%; float:left; padding-top:10px;}
.detail ul li{position:relative; padding:5px 0 5px 108px; line-height:1.3; color:#555; border-bottom: #e8e8e8; text-align:left;} 
.detail ul li span{position:absolute; display:block; left:24px; top:6px; font-size:14px; font-weight:bold; color:#333;}
.detail ul li img{float:left; }
.pic_history {position: relative;float: none;margin: 0 10px; padding: 0; width:100%; height:auto;}
.pic_history ul li {padding:5px; }
.pic_history li.photo_list { float:left; width: 23%;  }
.pic_history li.photo_last { float:left; width: 24%; margin: 0; }
.pic_history li img { max-width: 100%; }


.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 #37315d;border-bottom:3px solid #37315d;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;text-align:center;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size:13px;}
.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:#3073ba;}

.sub_tb td.ty2{color:#005c9a;}
.sub_tb td.ty3{color:#fff;font-weight:500;}
.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;}
.sub_tb td.ty6{background:#f7f7f7;color:#333333;font-weight:500;}


/*사업분야 버튼*/
.btn { border: none; font-family: inherit; font-size: inherit; color: inherit; background: none; cursor: pointer; padding: 10px 28px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: none; position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-1{ border: 3px solid #fff; color: #fff; }
/* Button 1a */
.btn-1a:hover, .btn-1a:active { color: #0e83cd; background: #fff; }
/* Button 6 */
.btn-6 { color: #fff; background: #226fbe;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.btn-6:active { top: 2px; }

/* Button 6a */
.btn-6a { border: 4px solid #226fbe; }
.btn-6a:hover { background: transparent; color: #226fbe; }

/* Button 7 */
.btn-7 { background: #8ec31f; color: #fff; border-radius: 7px; box-shadow: 0 5px #119e4d; padding: 10px 30px 10px 50px; }

/* Button 7b */
.btn-7b { overflow: hidden; }
.btn-7b:before { position: absolute; left: 0; width: 40%; font-size: 160%; line-height: 0.8; color: #0a833d; }

.btn-7b.btn-activated:before {
	-webkit-animation: scaleUp 0.5s;
	-moz-animation: scaleUp 0.5s;
	animation: scaleUp 0.5s;
}

.icon-envelope:before { content: url(../../../img/send.png); }

.sub_ci_2{width:80%;margin:0 auto;}
.sub_ci_down{width:100%;height:40px;}
.sub_ci_down img{float:right;}
.data_rule{width:90%;background:#eee;border:1px solid #e7e7e7;margin:0 auto;padding:15px;}

.slogun_gp{width:100%;margin:0 auto;text-align:center;}


/*사이트맵*/

#sitemap {width:90%; margin:0 auto;padding:0;text-align:left;}
#sitemap:after {content:" ";display:block;visibility:hidden;clear:both;}
#sitemap div {width:100%; margin-bottom:40px;}
#sitemap div h2 {width:100%; margin:0 0 10px 0; padding-bottom:10px;text-align:center;border-bottom:2px solid #2f3439; font-size: 20px;font-weight: 200;color: #0072bc;letter-spacing: -1px;line-height: 130%;}
#sitemap div ul.sitemap_list {width:100%; border-bottom:1px solid #ddd;}
#sitemap div ul:after {content:" ";display:block;visibility:hidden;clear:both;}
#sitemap div ul.sitemap_list li.site_t_02{width:100%; border-bottom:1px dashed #ddd; padding:10px 0px 10px 0px;}
#sitemap div ul.sitemap_list li.site_t_02:after {content:" ";display:block;visibility:hidden;clear:both;}
#sitemap div ul li.site_t_02 a{display:block; float:left;margin-bottom:10px;padding:10px; background:#f2f2f2;text-align:center;font-size:16px; font-weight:normal; width:100%; color:#000;}
#sitemap div ul li ul{float:right; width:100%;}
#sitemap div ul li ul li.site_t_03 a{font-size:14px; font-weight:normal; width:100%; padding:3px 0px 3px 10px; background:url(/Img/kr/common/h4.gif) no-repeat 0px 8px; color:#767676;text-align:left;}
#sitemap div ul li ul li.site_t_03 a:hover{text-decoration:underline;}

#sitemap div ul.sitemap_list li.site_t_04{width:100%; padding:10px 0px 10px 0px;}
#sitemap div ul.sitemap_list li.site_t_04:after {content:" ";display:block;visibility:hidden;clear:both;}
#sitemap div ul li.site_t_04 a{display:block; float:left;margin-bottom:10px;padding:10px; background:#f7e3e3;text-align:center;font-size:16px; font-weight:normal; width:100%; color:#000;}

#sitemap div ul li ul li ul li{display:inline;}
#sitemap div ul li ul li.site_t_05 a{display:inline; font-size:14px; font-weight:normal; width:100%; padding:3px 0px 3px 10px; background:url(/Img/kr/common/h4.gif) no-repeat 0px 8px; color:#767676;text-align:left;}
#sitemap div ul li ul li.site_t_05 a:hover{text-decoration:underline;}

#sitemap .clear {clear:both !important;display:block;width:0;height:0;background:none;padding:0;}
.article_four1 {margin: 0 auto;border: 0;float: left;width:45%;margin-bottom:40px;	padding: 20px;	}
.article_four1 img {max-width: 100%;margin-bottom: 10px;}
.article_four1 p {padding: 20px;text-align:left;/*font-size:12px;*/line-height: 24px;}



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

	.inner_cont_mobile{ display:block;}
	.inner_cont_mobile .slogun_inner{padding: 0 30px;}
	.inner_cont_mobile .slogun h2{font-size:22px;text-align:center;letter-spacing:-2px;color:#333;font-weight:900;}
	.inner_cont_mobile .slogun h2 > span{display:block;font-weight:bold;color:#ee7421;}
	.inner_cont_mobile .slogun h2 > span > strong{color:#d0112b;font-size:50px;vertical-align:-5px}
	.inner_cont_mobile .slogun .lead{color:#3333333;font-size:15px;text-align:center;padding:25px 0 0;}
	.inner_cont_mobile .link_inner{padding:0;}
	.inner_cont_mobile .link_inner{text-align: center;    margin-top: 50px;}
	.inner_cont_mobile .link_inner ul {display: inline-block; margin: 0; padding: 0;}
	.inner_cont_mobile .link_inner ul li{float: left;width:232px;height:250px;margin: 40px ;}
	.inner_cont_mobile .link_inner .inner_img{ float: initial;padding: 0px; margin-top: -20px;max-width:490px;margin:0 auto;text-align:center;}
	.inner_cont_mobile .link_inner .inner_img img {width:100%}
	.inner_cont_mobile .link_inner h3{color:#444;font-size:17px;text-align:center;font-weight:bold;border:0;padding:50px 25px 0 25px;letter-spacing:-0.5px;}
	.inner_cont_mobile .link_inner li h3 strong{color:#fff;font-size:17px;font-weight:bold;margin:0 2px 0 0;}
	.inner_cont_mobile .link_inner li p{color:#666;font-size:13px;padding:50px 25px 10px 25px;line-height: 24px;}

	.inner_cont_pc { display:none}

}



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

	#sitemap div h2 { text-align: left; font-size: 25px; font-weight: 200; color: #0072bc; letter-spacing: -1px; line-height: 130%; }
	#sitemap div ul li.site_t_02 a { text-align: left; width: 25%; color: #000; 	}
	#sitemap div ul li ul li.site_t_03 a, #sitemap div ul li ul li.site_t_05 a{ width: 30%; }

}

@media screen and (min-width:1200px) {
	
	.lay_frame_mobile{ display:none;}
	.section_1_2{width:70%;margin:0 auto;padding:30px;line-height: 24px;}
	.slogun_gp{width:80%;margin:0 auto;}

}

@media screen and (min-width: 1009px) and (max-width:1200px) {
		
	.section_1_2{width:80%;padding:30px;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;}
	.ex_company .right .right_line{ padding:10px; }

}

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

	#subcontainer{ margin:67px auto; }
	.intro_pc{ display:none;}
	.intro_mobile{ display:block; }
	.intro_section1{width:80%;margin: 0 auto;float:none; margin-bottom:100px;}

	.intro_section2{ text-align:center;margin: 0 auto;width:50%;float: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; border-bottom:2px #444 solid;}
	.year span{font-size:25px;padding-top: 170px;}
	.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;}

	.profile_book dt{float:left;	width:20%;}
	
	.article_four1 {width:80%;margin: 0 auto;float:none;}
	.article_four1 img {max-width: 80%;margin:0 auto;margin-bottom: 20px;}
	.section_1_2{width:90%;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: left;width:100%;}
	.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:14px;line-height: 24px;}

	.ex_products{float:left;width:100%;background:#eee;padding:20px 10px;border-radius: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;}

	.Iframecls{width:100%;	}
	
	.sub_content_company{ width:100%}
	.ex_company .left { width: 100%;float:left; }
	.ex_company .photo { margin: 0 auto; width: 400px;}
	.ex_company .right { width: 100%;float:left;  margin-left: 0px; margin-bottom:40px;}
	.ex_company .right dl{margin-top:15px; }
	.ex_company .right dt{float: left;width: 100px;}
	.ex_company .right dd{margin: 0 auto ; }
	.ex_company .right .right_line{ padding:20px; }

}

@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: 32%; font-size: 28px; }
	.pic_history li.photo_list { float:left; width: 45%; }
	
	.inner_cont_mobile .slogun_inner {padding: 0 0px;}
	.inner_cont_mobile .link_inner ul li{float:none;margin:0 10px;}
	.sub_top .tit span { font-size: 16px;}
	.sub_field_study ul li { width: 70%; margin: 0 auto;float:none; display:block; margin-bottom:30px;} 

	.customer-list li {display: table; float: left; width: 50%; text-align: center;}
	.ex_company .right .right_line{ padding:10px; }

	.slogun_gp img{width:100%; max-width:600px; }

}


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

	.sub_top .tit { height: 45px;font-size: 18px;}
	.sub_top .tit span {font-size: 13px;	}
	.lay_frame_mobile img{width:100%;}
	.intro_section1{ width:100%;padding:0px;}

	#history{width:100%; margin:0 auto;}
	
	/*사업분야 */
	.ex_btn ul li{position:relative;  padding:10px; } 
	.sub_support ul li{position:relative; display:block; padding:5px;} 
	.article_four1 {width:100%;margin: 0 auto;padding: 0px;font-size: 15px;}
	.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;float: left;width:100%;margin-bottom:20px;}
	.sub_content_field p{margin-left: 0px;line-height: 24px;	text-align:left;	}

	.section_1_2{width:100%;padding:0;line-height: 24px;}

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

	.article_four1 p{margin-left: 0px;}

	.sub_content_company{ width:100%}
	.ex_company .left { width: 100%;float:left; }
	.ex_company .photo { margin: 0 auto; width:100%}
	.ex_company .right { width: 100%;float:left;  margin-left: 0px; margin-bottom:40px;}
	.ex_company .right dl{margin-top:15px;}
	.ex_company .right dt{display:none}
	.ex_company .right dd{margin: 0 auto ; font-size: 13px;height: 33px; line-height: 119%; margin-top: 14px;}
	.ex_company .right .right_line{ padding:20px; }

	.sub_field_study ul li { width:90%;}

	.profile_book dt{float:left;	width:30%;}
	.profile_book dd {float: left; width: 70%;}

	.if_movie{height:300px;}
	
	.sub_top{height:153px; }
	.about_subimg01 { background: url(../../../img/about_subimg01_m.jpg) no-repeat; }
	.about_subimg02 { background: url(../../../img/about_subimg02_m.jpg) no-repeat; }
	.about_subimg03 { background: url(../../../img/about_subimg03_m.jpg) no-repeat; }
	.about_subimg04 { background: url(../../../img/about_subimg04_m.jpg) no-repeat; }
	.about_subimg05 { background: url(../../../img/about_subimg05_m.jpg) no-repeat; }
	.about_subimg06 { background: url(../../../img/about_subimg06_m.jpg) no-repeat; }
	.about_subimg07 { background: url(../../../img/about_subimg07_m.jpg) no-repeat; }

	.about_subimg13 { background: url(../../../img/about_subimg13_m.jpg) no-repeat; }
	.about_subimg14 { background: url(../../../img/about_subimg14_m.jpg) no-repeat; }
	.about_subimg15 { background: url(../../../img/about_subimg15_m.jpg) no-repeat; }
	.about_subimg16 { background: url(../../../img/about_subimg16_m.jpg) no-repeat; }
	.about_subimg17 { background: url(../../../img/about_subimg17_m.jpg) no-repeat; }
	.about_subimg18 { background: url(../../../img/about_subimg18_m.jpg) no-repeat; }
	.about_subimg19 { background: url(../../../img/about_subimg19_m.jpg) no-repeat; }
	.about_subimg20 { background: url(../../../img/about_subimg20_m.jpg) no-repeat; }
	.about_subimg21 { background: url(../../../img/about_subimg21_m.jpg) no-repeat; }
	.about_subimg22 { background: url(../../../img/about_subimg22_m.jpg) no-repeat; }
	.about_subimg23 { background: url(../../../img/about_subimg23_m.jpg) no-repeat; }
	.about_subimg24 { background: url(../../../img/about_subimg24_m.jpg) no-repeat; }

	.about_subimg26 { background: url(../../../img/about_subimg26_m.jpg) no-repeat; }
	.about_subimg27 { background: url(../../../img/about_subimg27_m.jpg) no-repeat; }
	

}