@charset "utf-8";
/* CSS Document */


body,h1,h2,h3,h4,input,button{font-size:14px; font-weight:300; font-family: 'Noto Sans KR'; }

/*본고딕 웹폰트 가져오기 180124 morenvy.com*/
/*Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess*/

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
/*노토 웹폰트 사용 end*/	
	







/*header*/

#i_headerwrap{
	width:100%;
	height:140px;
	background:url(/images/headerbg.jpg) center top;
	}
#i_header{
	width:1100px;
	height:140px;
	margin:0 auto;	
	position:relative;
	}
	
#i_lnb{
	font-size:13px;
	position:absolute;
	left:0;
	top:0;
	}
#i_lnb li{
	float:left;
	padding-right:10px;
	line-height:40px;
	}

#i_lnb li a{
	color:#fff !important;
	text-decoration:none !important;
	font-weight:100 !important;
	}

#i_search{
	position:absolute;
	right:0;
	top:10px;
	}
#hd_sch #sch_submit{
	background:#fff !important;
	height:17px !important;
	}	
#hd_sch #sch_stx{
	width:120px !important;
	height:20px !important;
	}

#i_logo{
	position:absolute;
	left:0;
	bottom:20px;
	}

#i_gnb{
	position:absolute;
	right:0;
	bottom:20px;
	}

.schbox{background:#fff;}

/*visu*/

#i_visu{
	width:100%;
	height:530px;
	marbin-bottom:20px;
	}
	
/*container*/	

#i_container{
	width:1100px;
	margin:0 auto;
	}
	
.i_con01{
	width:1100px;
	min-height:400px;
	margin:0 auto;
	}
.i_con01:after{
	content:"";
	display:block;
	clear:both;
	}	
.bg01{
	background:url(/images/sgo.jpg) center top no-repeat;
	}
.bg02{
	background:url(/images/dmt.jpg) center top no-repeat;
	height:460px;
	}
.bg03{
	background:url(/images/fisnar.jpg) center top no-repeat;
	
	}	
.i_con01 h3{
	font-size:32px;
	color:#001970;
	font-weight:500;
	line-height:47px;
	}
.i_con01 h5{
	font-size:20px;
	color:#222;
	line-height:30px;
	}		
.i_con01 p{
	font-size:16px;
	color:#6a6a6a;
	line-height:25px;
	}	
.i_con01 span{
	font-size:15px;
	color:#f7941d;
	}
.i_con01 span a{
	color:#f7941d !important;
	}	
.bg01 ul li{
	flaot:left;
	}
.i_con01 .inbox{
	margin-left:174px;
	margin-top:35px;
	}
.bg01 ul{
	list-style:none;

	}
.bg01 ul li{
	width:296px;
	float:left;
	margin-right:17px;
	}
.mg0{
	margin-right:0 !important;
	}
.bg02 ul{
	list-style:none;
	margin-top:30px !important;
	}
.bg02 ul li{
	width:170px;
	float:left;
	margin-right:19px;
	}
.bg03 ul{
	list-style:none;
	margin-top:30px !important;
	}
.bg03 ul li{
	width:170px;
	float:left;
	margin-right:19px;
	}			


.i_shopbnbg{
	width:100%;
	height:250px;
	background:url(/images/shopbnbg.jpg) center top no-repeat;
	}

	
	/*footer*/


#i_fconwrap{
	width:100%;
	height:185px;
	background:url(/images/fconbg.jpg) center top no-repeat;
	overflow:hidden;
	margin-top:30px;
	}
#i_fconwrap a{
	color:#888 !important;
	text-decoration:none !important;
	}
#i_footer{
	width:1100px;
	height:100px;
	margin:0 auto;
	padding-top:20px;
	}		
#i_fcon{
	width:1100px;
	margin:0 auto;
	padding-top:20px;
	}
.i_fcon01{
	float:left;
	}
.fsize01{
	width:295px;
	margin-right:45px;
	}
.fsize01 h4{
	float:left;
	}
.fsize01 img{
	float:right;
	}
.fsize02{
	width:202px;
	margin:0 45px;
	}
.fsize03{
	width:242px;
	margin:0 45px;
	}
.fsize04{
	width:91px;
	margin-left:45px;
	}	
.i_fcon01 h4{
	font-size:18px;
	color:#001970;
	font-weight:500;
	}
.i_fcon01 h3{
	font-size:28px;
	color:#000;
	font-weight:500;
	}
.i_fcon01 h5{
	font-size:22px;
	color:#898989;
	font-weight:500;
	}
.i_fcon01 p{
	font-size:13px;
	color:#898989;
	}	
#fooulwrap{
	width:100%;
	height:35px;
	background:#fff;
	border-bottom:1px solid #dadada;
	overflow:hidden;
	}
#fooulwrap a{
	color:#888 !important}	
#fooulwrap a:hover{
	text-decoration:none;}	
#i_footer a{
	color:#888 !important;}
#fooul{
	width:1100px;
	margin:0 auto !important;
	list-style:none;
	padding-left:0;
	}
#fooul li{
	float:left;
	line-height:35px;
	color:#777;
	font-size:13px;
	margin-right:20px;
	}
#images_footer{
	width:1100px;
	height:95px;
	margin:0 auto;
	font-size:14px;
	color:#555;
	text-align:left;
	line-height:25px;
	padding:20px 0;
	}
#i_footer h4{
	font-size:16px;
	color:#19388a;
	font-weight:500;
	}		
.i_foobox{
	float:left;
	}
.btm{
	width:145px;
	float:right;
	}		


/*svisu*/

#i_svisu{
	width:100%;
	height:120px;
	background:#fff;
	border-top:1px solid #dadada;
	border-bottom:2px solid #001970;
	margin-bottom:20px;
	background:url(/images/svisu.jpg) center top no-repeat;
	}
	
	/*title*/
#container_title{
	font-size:35px;
	text-align:center;
	color:#67D8FA;
	font-family: 'Noto Sans KR'; 
	font-weight:500;
	padding-top:45px;
}
.tittxt{
	display:block;
	text-align:center;
	font-size:15px;
	color:#777;
	font-family: 'Noto Sans KR'; 
	font-weight:100;
	margin-top:10px;
	
}

/*sub container*/

#i_sub{
	width:1100px;
	margin:0 auto;
	min-height:600px;

	}

#i_lefttop{
	width:1100px;
	height:50px;
	overflow:hidden;
	margin-bottom:50px;
	}



	/*left menu*/
#left_menu_area{width:100%; margin:0 auto 50px;}	
.left_top{width:180px; height:150px; background:url(/images/left_top.jpg) center top no-repeat;}	
.left_top h2{line-height:150px; text-align:center; font-size:30px; color:#001970; font-weight:300; text-shadow:1px 1px 1px #001970;}
	
/*top menu*/	

.leftmenu{margin:0 auto;}
.leftmenu li{float:left; width:180px; height:45px; box-sizing:border-box; text-align:center; line-height:45px; color:#444 !important; font-size:16px; font-weight:500; border-bottom:1px solid #dadada;}
.leftmenu li a{color:#444 !important;}
.leftmenu li:hover {background:#001A71;  color:#fff !important;}
.leftmenu li:hover a{color:#fff !important;}

.leftmenu .lion {background:#001A71; color:#fff !important; width:180px; height:45px; display:block;}	
	
	/*con*/
	

.i_intro{
	width:1100px;
	height:600px;
	}
.i_introbox{
	width:650px;
	margin-left:20px;
	padding-top:20px;
	}
.i_intro h3{
	font-size:28px;
	color:#001A71;
	line-height:50px;
	font-weight:400;
	border-bottom:1px solid #dadada;
	margin-bottom:40px;
	}
.i_intro h5{
	font-size:16px;
	color:#001a71;
	line-height:25px;
	}
	
.i_intro p{
	font-size:14px;
	color:#444;
	line-height:30px;
	margin:10px 0;
	}
.i_pend{
	font-size:16px !important;
	color:#444 !important;
	font-weight:500;
	text-align:right;
	}	
	
.Stained{
	background:url(/images/greet_bg01.jpg) center top no-repeat;
	}
.tool{
	background:url(/images/greet_bg02.jpg) center top no-repeat;
	}
.elec{
	background:url(/images/greet_bg03.jpg) center top no-repeat;
	}			
	
	/* sub 사업분야*/

.i_busi{
	width:900px;
	overflow:hidden;
	}
.i_busibox{
	min-height:300px;
	}
.i_busibox h3{
	height:30px;
	font-size:20px;
	color:#001A71;
	background:url(/images/bullet.jpg) left top no-repeat;
	padding-left:35px;
	font-weight:500;
	margin-bottom:20px;
	line-height:30px;
	}	
.i_busibox ul{
	list-style:none;
	padding:0;
	}	
.i_busibox ul li{
	width:274px;
	height:230px;
	float:left;
	margin-right:19px;
	}	
.none{margin-right:0 !important;}	

/*제품소개*/

.i_titbox{
	width:900px;
	height:150px;
	margin:0 auto;
	text-align:center;
	}
.i_titbox h3{
	font-size:25px;
	color:#222;
	margin-bottom:10px;
	font-weight:500;
	}
.i_titbox p{
	font-size:16px;
	color:#777;
	line-height:25px;
	}	
.i_conbox{
	width:1100px;
	min-height:300px;
	overflow:hidden;
	margin-bottom:40px;
	text-align:center;
	}
.i_conbox h3{
	height:30px;
	font-size:20px;
	color:#333;
	font-weight:300;
	margin-bottom:20px;
	line-height:30px;
	}		
.i_conul{
	list-style:none;
	overflow:hidden;
	}
.i_conul li{
	width:242px;
 	height:205px;
	text-align:center;
	font-size:16px;
	color:#444;
	float:left;
	margin-right:44px;
	line-height:10px;
	border:1px solid #dadada;
	box-sizing:border-box;
	margin-bottom:20px;
	}	
.i_conul li img{
	width:210px;
	margin:15px;
	}	
.i_titbar{
	width:25px;
	height:4px;
	background:#67D8FA;
	margin:10px auto 10px;
	}	



/*location*/
.i_loca{
	width:1100px;
	min-height:400px;
	margin-bottom:20px;
	margin-left:75px;
	}
.i_loca01{
	width:315px;
	height:400px;
	float:left;
	margin-right:40px !important;
	padding-top:30px;
	}
.i_loca01 li{
	width:315px;
	line-height:25px;
	margin-bottom:10px;
	}
.none{
	margin-right:0 !important;
	}	
.locabg01{
	background:url(/images/locacon_01.jpg) center top no-repeat;
	}
.locabg02{
	background:url(/images/locacon_02.jpg) center top no-repeat;
	}
.locabg03{
	background:url(/images/locacon_03.jpg) center top no-repeat;
	}

.i_locatit{
	font-size:18px !important;
	color:#555 !important;
	font-weight:400 !important;
	margin-bottom:20px !important;
	padding-top:20px;
	}
.i_loca01 .i_bar{
	width:50px !important;
	height:3px;
	background:#001A71;
	margin:20px 0 40px !important;
	}
.i_loca01 li{
	font-size:15px;
	color:#777;
	}
.i_loca01 li span{
	font-weight:400;
	display:block;
	}			
	
/*product*/

.i_pro{
	width:1100px;
	min-height:150px;
	margin:20px 0;
	}
.i_pro h3{
	width:1100px;
	height:30px;
	background:url(/images/tit_bar.jpg) left top no-repeat;
	font-size:18px;
	color:#276FD8;
	line-height:30px;
	padding-left:30px;
	margin-bottom:10px;
	}
.i_pro p, .i_pro ul{
	font-size:16px;
	}
.i_tg{
	
	}
.i_tg th{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#ECF1FC;
	padding:10px !important;
	}
.i_tg td{
	border-bottom:1px solid #ccc;
	padding:10px !important;
	}	
.i_tg01 {
	border:1px solid #ccc;
	margin-left:35px;
	}		
.i_tg01 td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:8px !important;
	text-align:center;
	}
	

.i_shop01{
	width:1100px;
	min-height:400px;
	margin-bottom:20px;
	}
.i_shoptit{
	width:1100px;
	height:110px;
	text-align:center;
	margin:20px 0 30px;
	padding-top:20px;
	}
.i_shoptit p{
	color:#888;
	font-size:14px;
	letter-spacing:-1px;
	}
.i_shoptit h3{
	font-size:40px;
	color:#222;
	font-weight:bold;
	}
.i_shoptit .i_bar{
	width:40px;
	height:3px;
	background:#001A71;
	margin:20px auto;
	}
.i_bannertb{
	width:1100px;
	height:250px;
	margin:20px auto;
	}		



	
.menutab { margin:0; padding:0; height:100px; margin-bottom:50px;}

.menutab li { list-style:none; float:left; width:20%; height:50px; line-height:47px;  border-top:1px solid #001A71; border-left:1px solid #001A71; border-bottom:1px solid #001A71; text-align:center;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box;
margin-bottom:20px;}
.menutab li a { text-decoration:none; color:#001A71; font-size:15px; font-weight:500;margin-bottom:20px;}
.menutab li:last-child { border-right:1px solid #001A71}

.menutab .on {list-style:none; float:left; width:20%; height:50px; line-height:47px;  border-top:1px solid #001A71; border-left:1px solid #001A71; border-bottom:1px solid #001A71; text-align:center; background:#001A71; }
.menutab .on a { text-decoration:none; color:#fff !important; font-size:15px;}

.menutab li:hover {list-style:none; float:left; width:20%; height:50px; line-height:47px;  border-top:1px solid #001A71; border-left:1px solid #001A71; border-bottom:1px solid #001A71; text-align:center; background:#001A71}
.menutab li:hover a { text-decoration:none; color:#fff !important; font-size:15px;}

.rightnone{border-right:1px solid #001A71;}



.i_greet{
	width:1200px;
	min-height:600px;
	background:url(/images/greet.jpg) center top no-repeat;
	}
.greetbox{
	width:500px;
	padding-top:50px;
	}	
.greetbox h3{
	font-size:30px;
	font-weight:700;
	color:#0508a4;
	margin-bottom:20px;
	line-height:38px;
	}	
.greetbox p{
	font-size:16px;
	line-height:30px;
	color:#444;
	margin-bottom:16px;
	word-break:keep-all;
	}	
.greetbox p:last-child{
	font-size:18px;
	text-align:right;
	color:#222;
	font-weight:500;
	}