@charset "utf-8";

/*컨텐츠 공통*/

.sub_container{ position:relative; max-width:1000px; margin:0 auto; width:100%; padding:70px 0; font-size:15px; line-height:23px; min-height:300px; word-break: keep-all }
.sub_container:after{ clear:both; display:block; content:"";}
.sub_container_full{ width:100%;}  /*map*/
.sub_container h2{ font-size:30px; color:#183fa4; text-align:center; padding:40px 0; letter-spacing:-1px; line-height: normal  }/*연혁 등*/
.sub_container h3{ font-size:22px; padding:15px 0 20px 0; clear:both; letter-spacing:-1px;line-height: normal }
.sub_container h3.line{ background:url(../img/contents/h3_line.gif) no-repeat left 7px; line-height: normal   }
.sub_container h4{ font-size:18px ; padding:10px 0;line-height: normal }


.sub_container .point_text{ font-size:18px; font-weight:400; color:#000}
.sub_container .point{color:#0d52ae } /*포인트색상 블루*/

.sub_container section{ clear:both}
.sub_container section:after{ clear:both; display:block; content:"";}


.basic_li{ margin:0px 0; width:100%; display:inline-block}   /*사업분야,rnd 등등*/
.basic_li:after{ clear:both; display:block; content:"";}
.basic_li li{ padding-left:12px; background:url(../img/contents/list_icon.gif) no-repeat 5px 9px; margin:5px 0; line-height:20px}
.basic_li li span{ color:#777; font-size:13px}


.basic_li2{ margin:0px 0; width:100%; display:inline-block}   /*채용*/
.basic_li2:after{ clear:both; display:block; content:"";}
.basic_li2 li{ padding-left:7px; background:url(../img/contents/list_icon2.gif) no-repeat 0px 10px; margin:5px 0; line-height:20px}
.basic_li2 li span{ color:#777; font-size:13px}


.table_area  {border-top:2px solid #b3bbd2; max-width:1000px; }
.table_area *{}
.table_area table {width:100%;}
.table_area thead th {padding:14px 0;color:#444;font-weight:600;background:#f6f7fa;border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
.table_area thead th.first, .table_area tbody td.first {border-left:none;}
.table_area tbody .bg {background:#f6f6f6;}
.table_area tbody th {padding:15px;text-align:left;font-weight:600;border-left:none;border-bottom:1px solid #d8d8d8;}
.table_area tbody td {padding:15px;text-align:left;border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}





@media screen and (max-width:999px){
.sub_container{ width:92%; margin:0 4%; padding:50px 0}
.sub_container h3{ font-size:20px;}
	
}

@media screen and (max-width:640px){
.sub_container{/* line-height:20px;*/}
.sub_container h2{ font-size:20px;  padding:20px 0; }  /*연혁*/
.sub_container{ width:92%; margin:0 4%; padding:30px 0}
.sub_container h3{ font-size:18px;}

.sub_container .point_text{ font-size:16px; font-weight:normal }

.table_area tbody th {padding:10px; font-size:14px}
.table_area tbody td {padding:10px; font-size:14px}

	
}




/*하위탭*/

.sub_tabmenu{ background:#183fa4; }
#sub_tab{ overflow:hidden; }/*-탭-*/
#sub_tab ul{ margin:0; padding:0; }
#sub_tab ul li{_display:inline;float:left; width:25%; }
#sub_tab ul li:first-child{margin-left:0%;}
#sub_tab ul li a{display:block;_float:left;color:#fff; cursor:pointer; text-align:center;  font-weight:600; line-height:64px; font-size:18px;}
#sub_tab ul li.on{   }
#sub_tab ul li.on a{ color:#0d52ae; background:#fff}
#sub_tab_con{ clear:both; }
#sub_tab_con0,#sub_tab_con1,#sub_tab_con2, ,#sub_tab_con3, ,#sub_tab_con4, ,#sub_tab_con5{clear:both; margin-top:0px; margin-bottom:30px}



@media screen and (max-width:640px){
#sub_tab ul li{ width:50%;}
#sub_tab ul li a{ line-height:40px; font-size:16px;}

}






/*------------------------컨텐츠시작--------------------------*/


/*회사개요*/
.intro{ text-align:center}
.intro .arr{ margin:40px 0}
.intro .top_point{font-size:35px; line-height:45px; letter-spacing:-2px; }
.intro .top_point em{ font-style:italic}
.mission_tit{font-size:22px; line-height: normal; letter-spacing:-1px; font-weight:400; color:#666}
.vision_cotit dt{ font-size:35px; font-weight:600; color:#0d52ae; letter-spacing:-2px; line-height: normal; margin:10px 0}
.mission_box{ /*border:1px solid #CCC; padding:30px;*/}
.vision_tit{ font-size:45px; line-height: normal; letter-spacing:-4px; font-weight:200; color:#cc2a29}
.vision_cotit dt{ font-size:35px; font-weight:600; color:#0d52ae; letter-spacing:-2px; line-height: normal; margin:10px 0}

.val{ display:block; padding-top:20px; padding-bottom:20px}
.val span{ font-size:18px;padding:20px 25px; border-radius:30px; background:#fff; font-weight:600; color:#e55a16; border:1px solid #e55a16}
.val_small{ display:none}
.val strong{ font-size:20px; font-weight:600; margin:0 10px; background:#0d52ae; border-radius:30px; padding:20px 20px; color:#fff}

.val_small strong{ font-size:18px; font-weight:600; margin:0 5px 30px 5px; background:#0d52ae; border-radius:30px; padding:5px 15px; color:#fff; }

.val2 { margin-left:-17px;  overflow: hidden; *width:100%;}
.val2 li{ float:left; width:25%;}
.val2 li dl{ border:1px solid #f7f7f7;display: block; margin-left: 17px; padding:10px; text-align:left; background:#f7f7f7 }
.val2 li dl dt img{ width:100% }
.val2 li dl dd{ padding:10px 5px}
.val2 li dl dd.h4{ color:#0d52ae; margin:0; font-size:15px; font-weight:600}
.val2 li dl dd.con{ padding:0 5px;  font-size:13px; min-height:80px; line-height:18px; color:#666}

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

.intro span.br{ display:block}
.intro .arr{ margin:30px 0}
.intro .top_point{font-size:20px; line-height: normal;  }

.vision_tit{ font-size:30px; letter-spacing:-2px }
.vision_cotit dt{ font-size:20px; }
.val strong{ font-size:18px; margin:0 10px }
.val2 li{ width:50%; margin-bottom:17px}
.val2 li dl{  padding:0px;  }

.val{ display:none}
.val_small{display:block }

}


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

.val2 li dl dd.con{  min-height:80px; }
.val strong{ font-size:14px;  margin:0 5px; padding:5px 15px;}


}




/*.intro .text{ float:left; width:50%; }
.intro .img{  float:right; width:50%; text-align:center}
.intro .img img{ margin:50px 50px}

@media screen and (max-width:780px){
.intro .text{ float:none; width:100%; }
.intro .img{ float:none; width:100%;  }
.intro .img img{ margin:30px 0px 20px 0}

}


@media screen and (max-width:640px){
.intro .top_point{font-size:20px; line-height:25px }
	
}
*/






/*CEO인사말*/
.ceo{ display:inline-block}
.ceo .po_text{ font-size:35px; /* font-family:sans-serif,"나눔바른고딕", NanumBarunGothic, ;*/  padding:20px 0 50px 0; border-bottom:1px solid #CCC; text-align:center ; margin-bottom:60px; line-height:normal; letter-spacing:-2px;}
.ceo .po_text span.point{ font-weight:400;}
.ceo .pic{ width:34%; float:left}
.ceo .text{ width:59%; float:right; }
.ceo .text .sign{ text-align:right}


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

.ceo .po_text{ font-size:25px; } 
}

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

.ceo .po_text{ font-size:16px; padding:10px 0 30px 0;  margin-bottom:30px; } 
.ceo .pic{ width:100%; float:left; text-align:center}
.ceo .text{ width:100%; float:right; }

}







/*조직도*/
.organize{}
.organize img{ margin:20px 0 50px 0 }





/*연혁*/

.history{}

#tab_5{ overflow:hidden; }/*-탭-*/
#tab_5 ul{ margin:0; padding:0; }
#tab_5 ul li{_display:inline;float:left; width:19.84%; margin-left:0.2%;  }
#tab_5 ul li:first-child{margin-left:0%;}
#tab_5 ul li a{display:block;_float:left;color:#fff;background:#4f4f4f; cursor:pointer; text-align:center;  font-weight:600; line-height:50px}
#tab_5 ul li.on{   }
#tab_5 ul li.on a{ color:#fff; background:#183fa4}
#tab_con{ clear:both; }
#tab_con0,#tab_con1,#tab_con2, ,#tab_con3, ,#tab_con4, ,#tab_con5{clear:both; margin-top:10px; margin-bottom:30px}

/*
.his_pic {margin-left:-3px;  overflow: hidden; width:100%;}
.his_pic li{ float:left;width:25%; }
.his_pic:after{ clear:both; display:block; content:"";}
.his_pic li p{ margin-left: 3px;  }
.his_pic li img{ width:100%;}
*/


/*연혁사진 슬라이드*/

.history .bx-wrapper { position: relative; margin: 0 auto; padding: 0;  *zoom: 1;}
.history .bx-wrapper img { max-width: 100%; display: block; }
/** THEME
===================================*/
.history .bx-wrapper .bx-viewport { /*-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px;*/ background: #fff; /*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.history .bx-wrapper .bx-pager, .history .bx-wrapper .bx-controls-auto { position: absolute; bottom: -40px; width: 100%; }

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

.history .bx-wrapper .bx-pager, .history .bx-wrapper .bx-controls-auto {  bottom: -30px; }
}



/* LOADER */
.history .bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.history .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.history .bx-wrapper .bx-pager .bx-pager-item, .history .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;  *zoom: 1;
 *display: inline;}
.history .bx-wrapper .bx-pager.bx-default-pager a { background: #999; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.history .bx-wrapper .bx-pager.bx-default-pager a:hover, .history .bx-wrapper .bx-pager.bx-default-pager a.active { background: #183fa4; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.history .bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }
.history .bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }
.history .bx-wrapper .bx-prev:hover { background-position: 0 0; }
.history .bx-wrapper .bx-next:hover { background-position: -43px 0; }
.history .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.history .bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */
.history .bx-wrapper .bx-controls-auto { text-align: center; }
.history .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.history .bx-wrapper .bx-controls-auto .bx-start:hover, .history .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.history .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.history .bx-wrapper .bx-controls-auto .bx-stop:hover, .history .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.history .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.history .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/* IMAGE CAPTIONS */
.history .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.history .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }




ul.history { width:100%; margin-top:50px }
ul.history:after{ clear:both; display:block; content:"";}
ul.history li{ clear:both; width:100%; border-bottom:1px solid #ddd; float:left; padding:20px 0;}
ul.history h4 {width:15%;  min-width: 60px; float:left;  font-size:20px;  font-weight:600;  color:#0d52ae ; text-align:center;font-family:sans-serif,"나눔바른고딕", NanumBarunGothic, ;  padding:5px 0}
ul.history dl {width:85%; float:right; overflow:hidden; padding:5px 0 }
ul.history dl dt {width:8%; float:left;  font-family:sans-serif,"나눔바른고딕", NanumBarunGothic, ;  color:#666 ;}
ul.history dl dd {width:88%;float:right;  }

@media screen and (max-width:640px){
	
#tab_5 ul li a{ line-height:35px; font-size:13px;}	
#tab_5 ul li a span{ display:none}	

ul.history { width:100%; margin-top:20px }
ul.history h4 {width:100%; text-align:left; margin-bottom:10px }
ul.history dl {width:100%; float:none;   }
ul.history dl dt {width:20%;   }
ul.history dl dd {width:80%;  }

}




/*사업분야*/

.business{}

.business .basic_li{ margin:30px 0}
.business > ul { }
.business > ul:after{ clear:both; display:block; content:"";}
.business > ul > li{ width:31%; float:left; background:#f7f7f7; margin-left:3.3%; border-top:3px solid #3b57ad; min-height:600px; }
.business > ul > li dl{ width:89%; margin:0 auto;}
.business > ul > li dl img{}
.business > ul > li:first-child{ margin-left:0}
.business > ul > li h3{ text-align:center}



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

.business > ul > li{ width:100%;  margin-left:0%; min-height:inherit; margin-bottom:20px  }
	
	
}



/*주요상훈, 산업재산권, 품질인증현황 공통*/
.award{}
.award h3{ padding:15px 0 10px 0}

.award .click_coment{ text-align:right; font-size:12px; color:#999}
ul.certify_list{border-top:1px solid #e8e8e8; margin-bottom:10px; margin-top:10px }
ul.certify_list:after{content:"";display:block;clear:both;}
ul.certify_list > li{float:left; width:46%; border-bottom:1px solid #e8e8e8; font-size:14px; padding:2%; }
ul.certify_list > li:after{content:"";display:block;clear:both;}
ul.certify_list > li span.thumb{float:left; text-align:center; margin-right:20px;width:30%;    }
ul.certify_list > li span.thumb img{ max-width:110px; height:156px; border:1px solid #ebebeb; padding:5px}
ul.certify_list > li ul{ float:left;  overflow:hidden}

ul.certify_list > li ul li{ padding-left:12px; background:url(../img/contents/list_icon.gif) no-repeat 5px 9px; margin:5px 0; line-height:20px}
ul.certify_list > li ul li span{ color:#777; font-size:13px}

ul.certify_list li h4{ color:#183fa4; font-size:16px  }
ul.certify_list li div.cer_text{ float:left; width:60%;}


@media screen and (max-width:999px){
ul.certify_list > li span.thumb img{ width:80px; height:113px;}
ul.certify_list > li{float: none; width:96%;  padding:4% 2%; }
}

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

ul.certify_list li h4{ font-size:15px }

ul.certify_list > li span.thumb{float:left; width:30%;  }
ul.certify_list li div.cer_text{ float:left; width:60%;}

}



/*클릭 확대이미지 효과*/
ul.certify_list .image-holder { overflow: hidden; position: relative; }
ul.certify_list .image-holder .overlay { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; -webkit-transition: all 10ms ease-in-out; -moz-transition: all 10ms ease-in-out; -o-transition: all 10ms ease-in-out; transition: all 10ms ease-in-out; position: absolute; width: 100%; height: 100%; background: none; color: #fff; top: 0; left: 0; text-align: center; }
ul.certify_list .image-holder .overlay a { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 50ms ease-in-out; -moz-transition: all 50ms ease-in-out; -o-transition: all 50ms ease-in-out; transition: all 50ms ease-in-out; visibility: hidden; position: absolute; color: #fff; width:100%; height: 100%; background: rgba(0, 0, 0, 0.05); display: block; text-align: center; line-height: 50px; }
ul.certify_list .image-holder:hover .overlay { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; }
ul.certify_list .image-holder:hover .overlay a { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; }


ul.certify_list .image-holder a:hover{ background:#666}


/*상세 레이어*/
#lightbox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #333; /* IE Fallback (Solid Colour) */  background: rgba(0, 0, 0, 0.8); -webkit-filter: none !important; z-index:1000000; }
#lightbox img { display: block; position: absolute;}

.lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity: 0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.lightbox-button:hover, .lightbox-button:focus { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.lightbox-close { right: 10px; top: 10px; background-image: url('../img/contents/btn_close.png'); }
.lightbox-next { right: 10px; top: 48%; background-image: url(''); }
.lightbox-previous { left: 10px; top: 48%; background-image: url(''); }




/*제품확대*/
.product .image-holder { overflow: hidden; position: relative; }
.product .image-holder .overlay { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; -webkit-transition: all 10ms ease-in-out; -moz-transition: all 10ms ease-in-out; -o-transition: all 10ms ease-in-out; transition: all 10ms ease-in-out; position: absolute; width: 100%; height: 100%; background: none; color: #fff; top: 0; left: 0; text-align: center; }
.product .image-holder .overlay a { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 50ms ease-in-out; -moz-transition: all 50ms ease-in-out; -o-transition: all 50ms ease-in-out; transition: all 50ms ease-in-out; visibility: hidden; position: absolute; color: #fff; width:100%; height: 100%; background: rgba(0, 0, 0, 0.0); display: block; text-align: center; line-height: 50px; }
.product .image-holder:hover .overlay { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; }
.product .image-holder:hover .overlay a { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; }

.lightbox-caption p{ color:#ccc; position:absolute; z-index:10002;  text-align:center; font-size:22px; width:100%; }

@media only screen and (max-width: 460px) {
.lightbox-caption p{  font-size:18px;}
}

/* paging */ /*pc*/
.bo_pagenate {text-align:center; height:28px; margin-top:50px; clear:both}
.bo_pagenate .paging { position:relative; display:inline-block;}
.bo_pagenate .paging:after {contnet:""; clear:both; display:block;}
.bo_pagenate .paging a {width:28px; height:28px; line-height:28px;}
.bo_pagenate .paging .first,.bo_pagenate .paging .prev,.bo_pagenate .paging .next,
.bo_pagenate .paging .end {float:left; vertical-align:top;  text-indent:-9999px; overflow:hidden; background:url('../img/contents/icon_paging.png') no-repeat left top; border:1px solid #dbdbdb; margin-left:2px;}
.bo_pagenate .paging .first {margin-left:0;}
.bo_pagenate .paging .prev {background-position:-28px 0;}
.bo_pagenate .paging .next {background-position:-56px 0; margin-left:0;}
.bo_pagenate .paging .end {background-position:-84px 0;}
.bo_pagenate .paging ol {float:left; margin:0 10px;}
.bo_pagenate .paging ol li {float:left; margin-left:3px; display:inline-block}
.bo_pagenate .paging ol li:first-child {margin-left:0 !important; }
.bo_pagenate .paging ol li a {color:#666; text-align:center; display:block; border:1px solid transparent;}
.bo_pagenate .paging ol li a.on,
.bo_pagenate .paging ol li a:hover {border:1px solid #183fa4; color:#285be0; font-weight:600;}


/*mobile*/
.bo_pagenate_mobile {text-align:center; }
.bo_pagenate_mobile .paging { position:relative; display:inline-block;}
.bo_pagenate_mobile .paging:after {contnet:""; clear:both; display:block;}
.bo_pagenate_mobile .paging a {width:28px; height:28px; line-height:28px;}
.bo_pagenate_mobile .paging .first,.bo_pagenate_mobile .paging .prev,.bo_pagenate_mobile .paging .next,
.bo_pagenate_mobile .paging .end {float:left; vertical-align:top;  text-indent:-9999px; overflow:hidden; background:url('../img/contents/icon_paging.png') no-repeat left top; border:1px solid #dbdbdb; margin-left:2px;}
.bo_pagenate_mobile .paging .first {margin-left:0;}
.bo_pagenate_mobile .paging .prev {background-position:-28px 0;}
.bo_pagenate_mobile .paging .next {background-position:-56px 0; margin-left:0;}
.bo_pagenate_mobile .paging .end {background-position:-84px 0;}
.bo_pagenate_mobile .paging ol {float:left; margin:0 10px;}
.bo_pagenate_mobile .paging ol li {float:left; margin-left:3px; display:inline-block; line-height:30px; color:#999; padding:0 5px}
.bo_pagenate_mobile .paging ol li:first-child {margin-left:0 !important; }
.bo_pagenate_mobile .paging ol li.on { color:#333; font-weight:600;}

.bo_pagenate{ display:block}
.bo_pagenate_mobile{ display:none}

@media only screen and (max-width: 500px) {
.bo_pagenate{display:none}
.bo_pagenate_mobile{  display:block}
.bo_pagenate_mobile .paging .first { display:none}
.bo_pagenate_mobile .paging .end { display:none}

}



.client{margin-left:-3px;  overflow: hidden;}
.client li{ float:left;width:25%; margin-bottom:20px }
.client:after{ clear:both; display:block; content:"";}

.client ul li dl{ margin: 5px 5px 5px 8px;}
.client ul li dl dt img{ width:100%; max-width:239px; max-height:167px}
.client ul li dl dd{ background:#404040; color:#fff; line-height:48px; text-align:center}



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

.client li{ width:33.3333%;}

}


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

.client li{ width:50%;}

}






/*ci*/
.ci .mark_img{ width:26.2%; float:left}
.ci .mark_text{ width:68.8%; float:right}
.ci .mark_text h4{ font-size:35px;   font-weight:600; padding-bottom:0px !important  }

.logo_type { margin:15px 0 0 0; clear:both}
.logo_type li{ float:left; width:48.3%; margin-bottom:10px; margin-right:20px  }
.logo_type li.left{ float:left; margin-right:0  }
.logo_type li.right{ float:right; margin-right:0 }
.logo_type li.w100{ width:100%; clear:both}
.logo_type li img{ display:block; margin:5px 0}
.logo_type span{ color:#fff}

.btn_ci_down{ float:right; margin-top:-28px}

@media screen and (max-width:860px){
.btn_ci_down{ clear:both; float:left; margin:5px 0 10px 0}

}

@media screen and (max-width:640px){
.ci .mark_img{ width:100%}
.ci .mark_img img{}
.ci .mark_text{ width:100%; margin-top:30px}
.ci .mark_text h4{ font-size:22px;  }


}

@media screen and (max-width:360px){
.ci .mark_img img{ width:100%;}
.logo_type li{ float:none; width:100%; padding:0%;}



}



/*계열사네트워크*/
.network{ }
.network ul.network_list{max-width:225px;} /*국내*/
.network ul.left{ float:left}
.network ul.right{ float:right}

.network ul.network_list li{  margin-bottom:30px}
.network ul.network_list dl{ position:relative}
.network ul.network_list dt img{ max-width:225px; }

.network ul.network_list dd{ position:absolute; bottom:0; height:50px; line-height:50px; background:#333 url(../img/contents/icon_click.png) 95% 50% no-repeat; width:100%; opacity:.9;filter:alpha(opacity=90); color:#FFF; text-indent:5%; font-weight:600}
.network ul.network_list li:hover dd{ background:#435ea3 url(../img/contents/icon_click.png) 95% 50% no-repeat}
.network ul.network_list dd.point{  background:#183fa4 url(../img/contents/icon_click.png) 95% 50% no-repeat; width:100%; opacity:.9;filter:alpha(opacity=90); color:#FFF; }
.network_in_map{ position:absolute; text-align:center; left:50%; margin-left:-220px;}

.network .map_display1{ display:block}
.network .map_display2{ display:none}
@media screen and (max-width:999px){
.network .map_display1{ display:none}
.network .map_display2{ display:block}
}



@media screen and (max-width:999px){
	.network_in_map img{ width:60%}

}


.network2{ min-height:430px; position:relative; padding:40px 0 90px 0}

.network2_list_box{width:100%; display:block; text-align:center; *text-align:left}

.network2 ul.network2_list{ } /*국외*/
.network2 ul.top{ top:0; position:absolute; }
.network2 ul.bottom{ bottom:0; position:absolute}
.network2 ul.network2_list { width:100%; }
.network2 ul.network2_list li{  margin-bottom:30px;  max-width:190px; margin:10px 3px; *float:left;display:inline-block;}
.network2 ul.network2_list:after{ clear:both; display:block; content:"";}
.network2 ul.network2_list dl{ position:relative;  max-width:190px;}
.network2 ul.network2_list dt img{ max-width:190px; max-height:171px }
.network2 ul.network2_list dd{ position:absolute; text-align:left; bottom:0; height:40px; line-height:40px; background:#333 url(../img/contents/icon_click.png) 95% 50% no-repeat; width:100%; opacity:.9;filter:alpha(opacity=90); color:#FFF; text-indent:5%; font-weight:600; font-size:14px}
.network2 ul.network2_list li dd.eu{background:#ee844f url(../img/contents/icon_click.png) 95% 50% no-repeat; } /*유럽*/
.network2 ul.network2_list li dd.am{background:#56adf6 url(../img/contents/icon_click.png) 95% 50% no-repeat; } /*미주*/
.network2 ul.network2_list li dd.ch{background:#1dae12 url(../img/contents/icon_click.png) 95% 50% no-repeat; } /*미주*/

.network2 ul.network2_list li:hover dd{ background:#153ca0 url(../img/contents/icon_click.png) 95% 50% no-repeat}

.network2 ul.network2_list dd.point{  background:#d71211 url(../img/contents/icon_click.png) 95% 50% no-repeat; width:100%; opacity:.9;filter:alpha(opacity=90); color:#FFF; }

.network_out_map{ position:absolute; text-align:center; width:100%;  }

.network2 .map_display1{ display:block}
.network2 .map_display2{ display:none}
@media screen and (max-width:999px){
.network2 .map_display1{ display:none}
.network2 .map_display2{ display:block}
}

@media screen and (max-width:999px){
.network2{ padding:0px 0}
.network_out_map{ position: relative; text-align:center; width:100%;  }
.network2 ul.top{ position:relative; margin-left:0}
.network2 ul.bottom{ position:relative}

}



@media screen and (max-width:780px){
.network_in_map{ position: relative; text-align:center; left:0%; margin-left:0px;}


}

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

.network ul.network_list{width:100%; max-width:100%}
.network ul.left{ float:none}
.network ul.right{ float:none}

.network ul.network_list li{  margin-bottom:30px}
.network ul.network_list dt img{ max-width:100%; }

.network_in_map{ position: relative; text-align:center; left:0%; margin-left:0px;}


.network2 ul.network2_list li{ max-width:100%; float:none; margin:10px 0; width:100%}
.network2 ul.network2_list dl{ position:relative;  max-width:100%; width:100%}
.network2 ul.network2_list dt img{ max-width:100%; max-height: auto; width:100%}

}





/*계열사상세*/
.network section .net_tit{width:20%; float:left; display:inline-block}
.network section .net_tit h3{ }
.network section .net_info{ float:right; width:73%; margin-top:10px}
.network section .net_info ul.net_info_img li{ float:left; max-width:354px; margin-left:2%; width:49%; }
.network section .net_info ul.net_info_img li:first-child{ margin-left:0}
.network section .net_info ul.net_info_img li img{ max-width:354px; max-height:233px; width:100%;}


ul.net_info_add{border-top:1px solid #333;border-bottom:1px solid #333; position:relative; clear:both }
ul.net_info_add li{  border-bottom:1px solid #ddd; padding:20px 0  ; width:100%;}
ul.net_info_add li dl{ clear:both;  width:100%; }
ul.net_info_add li dl:after{ clear:both; display:block; content:"";}
ul.net_info_add li dt{ width:16%; float:left; font-weight:600; padding:0 2%}
ul.net_info_add li dd{ width:80%; float:right; }
ul.net_info_add li dd.eng{ letter-spacing:0}

.map{ width:100%; min-height:410px; text-align:center; margin-top:40px}
#googleMapLayer{width:100%;height:410px;display:none;background:#fff; overflow:hidden;}
#map_canvas{width:100%;height:410px;}
#description{height:30px}


#select_network { position: relative; height: 28px; width: 180px; }
#select_network .select_nettit { position: relative; width: 100%; height: 28px; font-size: 13px; line-height: 28px; border: 1px solid #cacbcd;  background: #fff; cursor: pointer; z-index: 101 }
#select_network .select_nettit .tit{ padding-left: 15px }
#select_network .select_nettit .arr { position: absolute; top: 0; right: 0px; width: 29px; height: 28px;/* border-left: 1px solid #cacbcd;*/ background: url(../img/common/select_arr2.png) left -28px no-repeat; overflow: hidden }
#select_network .select_nettit .arr.on { background-position: left top }
#select_network .select_netlist { position: absolute; top: 28px; left: 0; width: 100%; overflow: hidden; border: 1px solid #cacbcd; display: block; z-index: 100; height:0 }
#select_network .select_netlist ul { }
#select_network .select_netlist li a { display: block; height: 28px;  font-size: 13px;  padding-left: 15px;   border-bottom: 0px solid #cacbcd; background: #fff }

#select_network .select_netlist li:nth-child(1){ padding-top:10px}




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

.map{ min-height:300px; }
#googleMapLayer{height:300px;}
#map_canvas{height:300px;}

.network section .net_tit{width:100%; float:none; }
.network section .net_info{width:100%; float:none;}


}


@media screen and (max-width:640px){
ul.net_info_add li dt{ width:96%; float:none;  font-weight:600;  padding:0 2% }
ul.net_info_add li dd{ width:96%; float:none; padding:0 2% }


}


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

.map{ min-height:200px; }
#googleMapLayer{height:200px;}
#map_canvas{height:200px;}
}



/*rnd*/
.rnd_pic {margin-left:-3px;  overflow: hidden;*width:100%;}
.rnd_pic li{ float:left;width:25%; }
.rnd_pic:after{ clear:both; display:block; content:"";}
.rnd_pic li p{ margin-left: 3px;  }
.rnd_pic li img{ width:100%;}

.rnd_listbox{ background:#f7f7f7; padding:2% 4%; display:inline-block; width:92%; margin:20px 0}
.rnd_listbox ul{ float:left; width:50%;}

.rnd_pic2 { margin-left:-17px;  overflow: hidden; *width:100%;}
.rnd_pic2 li{ float:left; width:25%;}
.rnd_pic2 li dl{ border:1px solid #eaeaea;display: block; margin-left: 17px; padding:10px; text-align:center }
.rnd_pic2 li dl dt{}
.rnd_pic2 li dl dt img{ width:100% }
.rnd_pic2 li dl dd{ font-weight:600; padding:10px 0}



@media screen and (max-width:640px){
.rnd_pic li{  width:50%; margin-bottom:3px }

.rnd_listbox ul{ clear:both; width:100%; margin:0}

.rnd_pic2 li{ width:50%; margin-bottom:17px}
.rnd_pic2 li dl{  padding:0px;  }
}



/*품질경영*/
.manage{}
.manage h2{ padding-top:0}
.manage ul.fl50{margin-left:-70px;  overflow: hidden;}
.manage ul.fl50 > li{ float:left;width:50%; }
.manage ul.fl50 > li div{ margin-left: 70px;}
.manage ul.fl50 li div img{ max-width:100%; width:100%;}


@media screen and (max-width:999px){
	
.manage ul.fl50 > li{ float:left;width:100%; }
.manage ul.fl50 li div img{ max-width:100%; width:100%; margin:15px 0}

}

/*채용안내*/

.recruit{}
.re_info { margin-top:30px}
.re_info:after{ clear:both; display: block; content:"";}
.re_info > li.img{ float:left; width:45%; text-align:center}
.re_info > li.text{float:right; width:42%; border:1px solid #e9e9e9; border-radius:20px; padding:2% 4%; }
.re_info > li section{ border-top:1px dashed #dbdbdb; padding:15px 0}
.re_info > li section:first-child{ border:0; padding:0 0 15px 0}

.re_call{background:#f7f7f7; padding:40px}
.re_call dt{ float:left; font-weight:600}
.re_call dd{ text-align:right}
.re_call dd span{ color:#666}

@media screen and (max-width:640px){
	
.re_info > li.img{  width:100%; }
.re_info > li.text{width:92%;  }

.re_call{background:#f7f7f7; padding:20px}
.re_call dd{ text-align:left; clear:both; font-size:13px;}

}






/*복리후생*/
.welfare{ }
.welfare_li {margin-left:-30px;  overflow: hidden; }
.welfare_li li{ float:left;width:33.3333%; margin-bottom:30px }

.welfare_li li dl{ position:relative; margin-left:30px;}
.welfare_li li dt img{ width:100%; }
.welfare_li li dd{ position:absolute; bottom:0; height:50px; line-height:50px; background:#183fa4; width:90%; padding:0 5%; opacity:.9;filter:alpha(opacity=90); color:#FFF;  font-weight:600; text-align:center}
.welfare_li li p{margin-left:30px; padding:10px 0; line-height:18px; min-height:50px; letter-spacing:-1px; font-size:14px; color:#666}



@media screen and (max-width:999px){
.welfare_li li{ width:50%;  }	

}

@media screen and (max-width:640px){
.welfare_li li{ width:100%;  }	

}



/*제품*/
.product{}
.pro_list{border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7}
.pro_list:after{ clear:both; display:block; content:"";}
.pro_list li{ float:left; width:33.3333%; *width:33%; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; box-sizing:border-box}
.pro_list li dl{ padding:30px}
.pro_list li dt{ color:#0d52ae; font-size:18px; font-weight:600}
.pro_list li dd{ color:#999; text-transform:uppercase}
.pro_list li dd.img{ margin:0 auto; text-align:center}

.pro_mainimg{ text-align:center; margin:30px 0; }



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

.pro_list li{  width:50%; }
.pro_list li dt{ font-size:16px; }
.pro_list li dd{ font-size:13px }

}



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

.pro_list li dl{ padding:10px}
.pro_list li dt{ font-size:15px; line-height:20px }
.pro_list li dd{ font-size:11px ; line-height:20px}

.pro_mainimg{padding:0px; margin:20px 0; }

}






.product .d_img{ margin:20px 0}



.proimg_list {margin-left:-29px;  overflow: hidden;} /*제품이미지리스트*/
.proimg_list li{ float:left;width:33.333%; margin-bottom:20px }
.proimg_list:after{ clear:both; display:block; content:"";}
.proimg_list dl { margin-left: 29px;  }
.proimg_list dl dt {border:1px solid #e5e5e5; text-align:center }
.proimg_list dl dt img{ max-width:100%;}
.proimg_list dl dd{ margin:10px 0; text-align:center; font-size:17px; }


.product .plant li{ clear:both; margin-bottom:30px}
.product .plant dl:after{ clear:both; display:block; content:"";}
.product .plant dl dt{ width:33%; float:left}
.product .plant dl dt img{ padding:10px; border:1px solid #ececec}
.product .plant dl dd{ width:60%; float:right}
.product .plant dl dd h4{ margin-top:50px; color:#0d52ae}

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

.proimg_list li{ float:left;width:50%;  }
.product .plant dl dd h4{ margin-top:0px;}

}


@media screen and (max-width:640px){
.proimg_list li{ float:left;width:100%; }


.product .plant li{ border-bottom:1px dashed #ccc; padding-bottom:30px}	
.product .plant dl dt{ width:100%; }
.product .plant dl dt img{ padding:0px; border:0px  }
.product .plant dl dd{ width:100%; }
.product .plant dl dd h4{ margin-top:10px;}

}

/**/
.pr{ overflow: hidden}

.video_box {width:50%;margin:0; float:left  }
.video_box iframe {width: 100%;}
.video_wrap {position: relative;width: 100%;padding-bottom: 56.25%;}
.video_wrap iframe {position: absolute; width: 100%;height: 100%;}
.video_conarea{ width:45%; float:right; font-size:14px}
.video_conarea h4{}
.video_conarea h5{ margin:20px 0 10px 0; color:#0d52ae; font-size:16px;}
.video_contents{height:281px; overflow:auto; border:1px solid #CCC; padding:15px; box-sizing:border-box}

@media screen and (max-width:640px){
.video_box {width:100%; }
.video_conarea{width:100%; clear:both }
.video_contents{ height:150px; }
}


.pr2{}
.pr2 .cada{}
.pr2 .cada .cada_text{ float:left; width:40%}
.pr2 .cada .cada_img{ float:left; width:55%; margin-left:5%; margin-top:10%; margin-bottom:5%}
.pr2 .cada .cada_img .btn_bro_down{ margin-top:20px; clear:both; display: inline-block}
.pr2 .cada .cada_img .btn_bro_down a{ background:#183fa4; color:#FFF; padding:5px 20px 7px 20px; display:inline-block; font-size:12px; text-transform:uppercase}


@media screen and (max-width:640px){
.pr2 .cada .cada_text{ float:left; width:100%; margin-bottom:10px; text-align:center}
.pr2 .cada .cada_img{ float:left; width:100%; margin-left:0%; margin-top:0%; text-align:center}
}


/**/
.privacy{ border:3px solid #CCC; padding:30px}




/**/


.sitemap {  }
.sitemap > ul {  }
.sitemap > ul:after{ clear:both; display:block; content:"";}
.sitemap > ul > li { text-align: center; letter-spacing: -0.5px; width:13%; float:left; margin:0 1% 0 0; margin-bottom:30px }
.sitemap > ul > li > a { padding: 8px 10px; display: block; font-size: 16px; font-weight: 600;  color: #1342bd; }

.sitemap ul li ul li a { font-size: 13px ; display: block; padding: 4px 5px; color: #333; line-height:20px; letter-spacing:-1px }


@media screen and (max-width:1000px){
.sitemap > ul > li {  width:23%; float:left; }
}


@media screen and (max-width:640px){
.sitemap > ul > li {  width:40%; float:left; }
}





/*제품소개 새로운 레이어*/


.layer_pop{display:none;position:fixed;top:0;left:0;z-index:10020;width:100%;height:100%;}
.layer_pop .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=70);}
.layer_pop .showh_area{position:absolute; top:1px; width:100%; }
.layer_pop .g_showh{position:relative; text-align:center;}
.g_showh img{ }
.pro_typename{color:#FFF; padding:10px; font-size:20px}
.showh_area .close_img{top:5px; right:10px; position:absolute}



@media screen and (max-width:640px){
.pro_typename{ font-size:18px}
}