@charset "utf-8";

.wrap{ max-width:1000px; margin:0 auto}

/* header */
#header_wrap { width: 100%; z-index: 1200 !important; position: relative; height:90px; }
#header { width: 100%; margin: 0 auto; height: 90px; position:fixed; background:#FFF; border-bottom:1px solid #CCC }
#header h1 { padding: 22px 0px 0px; left: 50%; top: 0px; margin-left: -500px; position: absolute; z-index: 1 }
.gnb { width: 1000px; margin: 0 auto; }
.gnb ul { float: right; margin-top: 7px; }
.gnb li { float: left; margin-left: 0px; font-size: 11px; font-family: "맑은고딕", Malgun Gothic; background: url(../img/common/gnb_vline.gif) no-repeat left 6px; padding: 0 10px; }
.gnb li:first-child { background: none }
.gnb li a.allmenu { padding-right: 20px; background: url(../img/common/icon_all_pc.gif) no-repeat right 3px; }
.gnb li a { display: block; font-weight: bold }
.lnb { left: 50%; top: 30px; width: 850px; margin-left: -250px; position: absolute; z-index: 11 !important; }
.lnb > ul { margin-left: 0px }
.lnb > ul > li { text-align: center; letter-spacing: -0.5px }
.lnb > ul > li > a { padding: 8px 10px; display: block; font-size: 17px; font-weight: 600 }
.lnb > ul > li > a:hover, .lnb > ul > li > a.on { color: #1342bd; }
.lnb ul li.lnb_1 { float: left; position: relative; }
.lnb ul li.lnb_1 ul { position: relative; top: 30px; height: 248px; clear: both; display: none; /*position: absolute;*/ }
.lnb ul li.lnb_1 ul li a { font-size: 13px; display: block; padding: 4px 5px; color: #333; }
.lnb li.on ul li a { color: #019a30; }
.lnb li.on ul li a:hover { color: #1342bd; text-decoration: underline }
.lnb li.lnb1 { width: 110px; text-align: center }
.lnb li.lnb2 { width: 120px; text-align: center }
.lnb li.lnb3 { width: 100px; text-align: center }
.lnb li.lnb4 { width: 110px; text-align: center }
.lnb li.lnb5 { width: 100px; text-align: center }
.lnb li.lnb6 { width: 100px; text-align: center }
.lnb li.lnb7 { width: 110px; text-align: center }
.lnb ul li ul { border-left: 1px solid #f4f4f4 }



ul.bg_navi { background: #fff; top: 90px; width: 100%; height: 0px; overflow: hidden; position: absolute; z-index: 10; opacity:.95;filter:alpha(opacity=95);}
ul.bg_navi li.bgn { left: 50%; top: 0px; width: 1000px; padding-top: 10px; margin-left: -500px; position: absolute; z-index: 10000; }
ul.bg_navi li.bgn p.lnb_tit { font-size: 14px; font-weight:600; margin-bottom:10px }
ul.bg_navi li.bgn p.lnb_img {  padding-top: 0px; width: 250px; font-size: 12px; letter-spacing: -1px; }
ul.bg_navi li.bgn p.lnb_img img { margin-bottom: 10px; }
ul.bg_navi li.bgn p.text { float: left; letter-spacing: -1px; color: #666; }


.mobile_lnb { display: none }

 @media screen and (max-width:999px) {
#header_wrap { height: 60px}
#header { width: 100%; margin: 0 auto; height: 60px; }
#header h1 { padding: 9px 0px 0px; left: 2%; top: 0px; margin-left: 0; position: absolute; z-index: 1 ; max-width:190px }
.gnb { display: none;  }
.lnb{ display:none}
.mobile_lnb { display: block; position: absolute; top: 0px;  width:100%; text-align:right ; }
.mobile_lnb a.menu_btn{  }
.mobile_lnb a.menu_btn img{ margin:17px 0;margin-right:2%;}
.mobile_lnb > ul{ position:absolute; top:60px; z-index:3000 !important ; width:100%;  left:0; text-align:left; }
.mobile_lnb > ul > li{ display:block;width:100%; opacity:.95;filter:alpha(opacity=95);}
.mobile_lnb > ul > li > a{ height:auto;background:#e9e9e9;border-bottom:1px solid #d5d4cf; width:100%; display:block; padding:15px 0; text-indent:2%; font-size:16px;}    
.mobile_lnb > ul li > ul{ margin:0; }
.mobile_lnb > ul li > ul > li{ border-top:1px solid #616265; }
.mobile_lnb > ul li > ul > li:first-child{ border-top:none; }    
.mobile_lnb > ul li > ul > li > a{ background:#757679;color:#fff;font-size:14px; display:block; padding:10px 0;  text-indent:2%}
.mobile_lnb > ul li > ul > li > a:hover, nav li > ul > li.on > a{ color:#fff; }

.mobile_lnb > ul.mobile_menu_area{}
.mobile_lnb > ul > li > a.depth1{}
.mobile_lnb > ul li > ul.depth2{overflow:hidden; height:0px;}
.mobile_lnb > ul > li > a.menu_close{ text-align:right;  display:block; }
.mobile_lnb > ul > li > a.menu_close img{ margin:0 10px}
.mobile_lnb > ul > li > a.point{background:#183fa4; color:#fff}

}






/* footer */
#footer { position: relative; padding: 0 0 20px 0; background: #5a5a5a; clear:both }
#footer > section > div { position: relative; max-width: 1000px; margin: 0 auto }
#footer .footer_link { border-bottom: 1px solid #858585}
#footer .footer_link h1 { position: absolute; top: 11px; left: 0 }
#footer .footer_bottom { padding: 20px 0 0 0;  }
#footer .footer_link > div > ul { padding: 20px 0 20px 180px }
#footer .footer_link > div > ul > li { display: inline; line-height: 0; line-height: 14px; }
#footer .footer_link > div > ul > li a { font-size: 13px; color: #e8e8e8; line-height: 14px; padding: 0 6px; border-left: 1px solid #ababab }
#footer .footer_link > div > ul > li:first-child a { border-left: none }
#footer .footer_bottom ul { position: absolute; top: 0; right: 0; overflow: hidden; z-index: 20 }
#footer .footer_bottom ul li { float: left; margin-left: 10px }
#footer address { font-size: 11px; line-height: 18px; color: #e8e8e8; padding-right:60px; letter-spacing:0; letter-spacing:-0.5px }


#footer .family_area { position: absolute; top: 50%; right: 0; margin-top: -14px }
#footer .copy{ font-size:10px; line-height:normal; letter-spacing:0; color:#999; letter-spacing:-0.5px}

#select_family { position: relative; height: 28px; width: 160px; }
#select_family .select_tit { position: relative; width: 100%; height: 28px; font-size: 12px; line-height: 25px; color: #b0b0b0;  background: #333333; cursor: pointer; z-index: 100 }
#select_family .select_tit .tit{ padding-left: 15px }
#select_family .select_tit .arr { position: absolute; top: 0; right: 0px; width: 29px; height: 28px; background: url(../img/common/select_arr.png) left -28px no-repeat; overflow: hidden }
#select_family .select_tit .arr.on { background-position: left top }
#select_family .select_list { position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 26px; overflow: hidden; border-bottom: none; display: block; z-index: 0; height:0 }
#select_family .select_list ul { }
#select_family .select_list li a { display: block; height: 28px; font-size: 12px; color: #ccc; padding-left: 15px; line-height: 28px;  background: #333333 }




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

#footer { position: relative; padding: 0 4% 20px 4%; background: #444; }
	 
 }
 
  @media screen and (max-width:640px) {
#footer .footer_link h1 { display:none }
#footer .footer_link > div > ul { padding-left: 0px }


#footer address { margin-bottom:5px }

 }


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

#footer .footer_bottom span{ display:block}
#footer .footer_link { border-bottom: 0px solid #858585}
#footer .family_area { position: inherit; top: 0%; left: 0; margin-top: 0px }
#select_family { position: relative; height: 28px; width: 100%; }

 }



.btn_top{position: absolute; bottom:120px; right:-100px}

 @media screen and (max-width:999px) {
.btn_top{ display:none}
 }





/*서브*/

.sub_visual{  color:#fff; height:291px; background-repeat:no-repeat; background-position:top center; background:##e5e5e5}
.sub_visual .wrap{ position:relative}
.sub_visual .wrap .path{  position:absolute; right:2%; top:20px}
.sub_visual h2{ font-size:40px; line-height:40px; padding:120px 0 10px 0 ;/* font-family:"나눔바른고딕", NanumBarunGothic; font-weight:400;*/ letter-spacing:-2px; font-weight:400   }
.sub_visual p{ font-size:15px;}



.sub_0101{background: url(../img/sub/visual_intro.jpg) no-repeat top center ;/* background-attachment:fixed*/} /*회사개요*/
.sub_0102{background:#e5e5e5 url(../img/sub/visual_ceo.jpg) no-repeat top center; } /*ceo*/
.sub_0103{background:#e5e5e5 url(../img/sub/visual_history.jpg) no-repeat top center;  } /*연혁*/
.sub_0104{background:#e5e5e5 url(../img/sub/visual_organize.jpg) no-repeat top center;  } /*조직안내*/
.sub_0105{background:#e5e5e5 url(../img/sub/visual_business.jpg) no-repeat top center; } /*사업분야*/
.sub_0106{background:#e5e5e5 url(../img/sub/visual_award.jpg) no-repeat top center; } /*주요상훈*/
.sub_0107{background:#e5e5e5 url(../img/sub/visual_ci.jpg) no-repeat top center; } /*CI*/
.sub_0108{background:#e5e5e5 url(../img/sub/visual_client.jpg) no-repeat top center;} /*주요고객*/


.sub_0200{background:#e5e5e5 url(../img/sub/visual_product.jpg) no-repeat top center; } /*제품소개*/
/*.sub_0201{background:#e5e5e5 url(../img/sub/visual_product_01.jpg) no-repeat top center;} /*도어인너어셈블리*/
/*.sub_0202{background:#e5e5e5 url(../img/sub/visual_product_02.jpg) no-repeat top center; } /*도어프레임*/
/*.sub_0203{background:#e5e5e5 url(../img/sub/visual_product_03.jpg) no-repeat top center; } /*범퍼빔*/
/*.sub_0204{background:#e5e5e5 url(../img/sub/visual_product_04.jpg) no-repeat top center; } /*임팩트빔*/
/*.sub_0205{background:#e5e5e5 url(../img/sub/visual_product_05.jpg) no-repeat top center;}/*카울크로스*/
/*.sub_0206{background:#e5e5e5 url(../img/sub/visual_product_06.jpg) no-repeat top center;}/*에프이엠캐리어*/
/*.sub_0207{background:#e5e5e5 url(../img/sub/visual_product_07.jpg) no-repeat top center;} /*롤포밍*/
/*.sub_0208{background:#e5e5e5 url(../img/sub/visual_product_08.jpg) no-repeat top center;} /*프레스*/
/*.sub_0209{background:#e5e5e5 url(../img/sub/visual_product_09.jpg) no-repeat top center;} /*강관*/
/*.sub_02010{background:#e5e5e5 url(../img/sub/visual_product_10.jpg) no-repeat top center;} /*설비plant*/

.sub_0301{background:#e5e5e5 url(../img/sub/visual_network.jpg) no-repeat top center;} /*계열사현황_국내*/
.sub_0302{background:#e5e5e5 url(../img/sub/visual_network2.jpg) no-repeat top center;} /*계열사현황_국외*/

.sub_0401{background:#e5e5e5 url(../img/sub/visual_rnd.jpg) no-repeat top center;} /*연구개발*/
.sub_0402{background:#e5e5e5 url(../img/sub/visual_property.jpg) no-repeat top center; } /*산업재산권현황*/

.sub_0501{background:#e5e5e5 url(../img/sub/visual_manage.jpg) no-repeat top center; } /*품질경영*/
.sub_0502{background:#e5e5e5 url(../img/sub/visual_certify.jpg) no-repeat top center; } /*품질인증현황*/

.sub_0601{background:#e5e5e5 url(../img/sub/visual_recruit.jpg) no-repeat top center;} /*채용안내*/
.sub_0602{background:#e5e5e5 url(../img/sub/visual_welfare.jpg) no-repeat top center;} /*복리후생*/


.sub_0701{background:#e5e5e5 url(../img/sub/visual_notice.jpg) no-repeat top center;} /*공지사항*/
.sub_0702{background:#e5e5e5 url(../img/sub/visual_capital.jpg) no-repeat top center;} /*공시정보*/
.sub_0703{background:#e5e5e5 url(../img/sub/visual_stock.jpg) no-repeat top center;} /*실시간 주가*/
.sub_0704{background:#e5e5e5 url(../img/sub/visual_summary.jpg) no-repeat top center;} /*요약감사보고서*/
.sub_0705{background:#e5e5e5 url(../img/sub/visual_pr.jpg) no-repeat top center;} /*pr*/


.sub_0801{background:#e5e5e5 url(../img/sub/visual_pr.jpg) no-repeat top center;} /*개인정보취급방침*/

.sub_0802{background:#e5e5e5 url(../img/sub/visual_sitemap.jpg) no-repeat top center;} /*사이트맵*/



@media screen and (max-width:999px){
	
	.sub_visual{ color:#fff; background:#666; height:auto}
	.sub_visual .wrap .path{  position:absolute; right:2%; top:20px; display:none}
	.sub_visual h2{ font-size:20px; line-height:20px;  padding:15px 0; text-align:center  }
	.sub_visual p{ display:none}
	
}