﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:155%;letter-spacing:normal} /* delete vertical-align,font:inherit; */


ol,ul,li{list-style:none;}

blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0; font-size:13px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:13px;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
.input_search {border:0; background-color:#fff; height:30px; width:150px; font-size:13px; color:#666; padding-left:5px; }


body {font-size:13px; line-height:150%; font-family:나눔고딕, NG, NGEN, '돋움', sans-serif; color:#666; }

a {border:0px}


/* 레이아웃 */
#wrap {width:100%; height:100%;  min-width:1200px;}

.menubg {width: 100%; height: 100px;min-width:1200px;  background:url(../images/topbg.jpg) repeat-x top }
.menu {width: 1030px; margin: 0 auto;height: 80px;}



#maintop {width: 100%; min-width:1200px;	height: 490x; background: url(../images/img_banner5.jpg) repeat-x center;}
.mainfla{position:relative;height:490px;width:1100px;margin:0 auto;}

.main_slider_txt {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 1050px
}
.main_slider_txt A IMG {
	Z-INDEX: 10; POSITION: absolute; TOP: 0px; LEFT: 0px
}

.main_slider .btn {
	POSITION: relative; WIDTH: 100px
}
.main_slider {
	Z-INDEX: 1; WIDTH: 100%; HEIGHT: 460px
}
.slideImg1 IMG {
	WIDTH: 1920px; HEIGHT: 960px
}
.main_slider .pos {
	Z-INDEX: 9999; POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; TOP: 0px; LEFT: 0px
}
.main_slider .prev {
	POSITION: absolute; TOP: 200px; LEFT: 15px
}
.main_slider .next {
	POSITION: absolute; TOP: 200px; RIGHT: 15px
}



	.contents1{position:relative; overflow:hidden; padding:30px 0 20px 0; width:1024px; height:180px; margin:0 auto; }
	.pmain{float:left;  width:410px; height:170px; border:2px solid #e1e1e1;   margin-right:10px}
	.pmain2{float:left;  width:590px; height:170px; border:2px solid #e1e1e1;  }
	
	#contents{position:relative; overflow:hidden; padding:50px 0 15px 0;}
	.contents2{position:relative; overflow:hidden; padding:20px 0 20px 0; width:1024px; margin:0 auto; }
	
	.m_company{position:relative; overflow:hidden; float:left; width:238px; border:1px solid #e1e1e1; height:182px; background:#ff9900 url('../../images/quality_bg.png') 125px 100px no-repeat; margin-right:12px}
	.m_company p.stit2{font-size:12px; color:#fff; line-height:16px; font-weight:700; padding:15px 0 0 20px;}
		.m_company h2{font-size:14px; color:#fff; font-weight:700; letter-spacing:-0.7pt; padding:8px 0 0 20px;}
		.m_company p.stit{font-size:12px; color:#fff; line-height:16px; padding:8px 0 0 20px;}
		.m_company p.more_btn{padding:20px 0 0 20px;}
	
	.quickCon{position:relative; float:left;  width:238px; height:182px; margin-right:12px;  border:1px solid #e1e1e1;}
		.quickCon p.stit2{font-size:12px; color:#888; line-height:16px; padding:15px 0 0 20px; font-weight:700; }
			.quickCon  h2{font-size:14px; color:#333; font-weight:700; letter-spacing:-0.7pt; padding:8px 0 0 20px;}
			.quickCon p.stit{font-size:12px; color:#888; line-height:16px; padding:8px 0 0 20px;}
			.quickCon dl{position:relative;}
			.quickCon dd{float:left;}
			.quickCon dd a:hover{text-decoration:none; color:#2365a8}
			.quickCon dd.inquiry a:link, .quickCon dd.inquiry a:visited{display:block; width:62px; text-align:center; font-weight:600; color:#333; padding-top:60px; background:url('../../images/quick_bn02.gif') 8px 15px no-repeat; margin:0 30px 0 40px;}
			.quickCon dd.data a:link, .quickCon dd.data a:visited{display:block; width:62px; text-align:center; font-weight:600; color:#333; padding-top:60px; background:url('../../images/quick_bn02.gif') center 15px no-repeat; margin-right:30px}

			
	
	.m_product{position:relative; overflow:hidden; float:left; width:260px; border:1px solid #e1e1e1; height:182px;  background:#eeeeee url('../../images/quality_bg2.png') 75px 70px no-repeat; margin-right:12px}
	.m_product p.stit2{font-size:12px; color:#888; line-height:16px; padding:10px 0 0 20px; font-weight:700; }
		.m_product h2{font-size:14px; color:#333; font-weight:700; letter-spacing:-0.7pt; padding:8px 0 0 20px;}
		.m_product p.stit{font-size:12px; color:#888; line-height:16px; padding:8px 0 0 20px;}
		.m_product p.more_btn{padding:40px 0 0 20px;}
	
	
			.cs{position:relative; overflow:hidden; float:left; width:236px; height:180px; border:1px solid #ddd}
			.cs p.stit2{font-size:12px; color:#888; line-height:16px; font-weight:700; padding:10px 0 0 20px;}
		.cs h2{font-size:14px; color:#333; font-weight:700; letter-spacing:-0.7pt; padding:8px 0 0 20px;}
		.cs p.stit{font-size:12px; color:#888; line-height:16px; padding:8px 0 0 20px;}
		.cs p.num{padding:5px 0 0 20px;}
		.cs p.email{padding:5px 0 0 20px;}
		

	
	
	
	
	
	
	/** 서브 */




/* 서브플래시 */
.subtop {position:relative; width: 100%;  height: 120px; background: url(../images/img_banner4.jpg) center center no-repeat}
.subfla { position:relative; width: 1020px; height: 120px;   margin: 0px auto; padding-top:20px}
.move_img2{opacity:0;margin-top:-25px;position:absolute;top:10px;left:5px}
.move_txt2{opacity:0;margin-left:-25px;position:absolute;top:10px;left:660px}
		

			

/* 서브플래시 */

.subcontents {position:relative;	width: 1024px; margin:0 auto; }


	#subcontents{position:relative; overflow:hidden; padding:10px 0 15px 0; }

			
			

/* 좌측메뉴 */
.lnb { float:left; width:210px }
.lnb h3 { padding:35px 0 35px 15px; font-size:24px; color:#0085ca; border:1px solid #ccc;  font-weight:600 }
.lnb h3 p.stit{color:#b1d3f5; font-weight:100; font-size:14px; letter-spacing:0.3pt;  margin-bottom:7px;  }
.lnb ul {  margin-bottom:20px }
.lnb li { border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; position:relative;    }

/* 텍스트 메뉴 */
.lnb li a {  padding:14px 20px; background-color:#ececec;  display:block; color:#666; font-size:14px; font-weight:600; background:url(../../images/arrow2.png) no-repeat right 15px top 15px;  }
.lnb li:hover a, .lnb li.active a { color:#fff; padding:14px 20px; font-size:14px;   background:#45a3d4 url(../images/arrow.png) no-repeat right 20px top 15px;}




.lnb_common dl{border:1px solid #e7e7e7;background:url(../images/i_call.png) no-repeat right 12px top 12px;padding:8px;color:#666}
.lnb_common dl dt{  position:relative; color:#33302e; font-size:14px; font-weight:800;line-height:30px;padding:5px 0px;letter-spacing:-0.5px;}
.lnb_common dl dd.tel{ font-weight:600;font-size:24px; color:#0c77ca;line-height:25px;}
.lnb_common dl dd.tel2{ font-weight:600;font-size:15px; color:#666; line-height:25px;}
.lnb_common dl dd.fax{font-size:16px; font-weight:600; color:#666}
.lnb_common dl dd.email{font-size:13px;color:#666}



	/*depth_3*/
	.lnb ol.depth_3{border-left:1px solid #ccc; color:#666; font-weight:500 !important; background: #f5f5f5; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:11px 0 8px 15px;}
		.depth_3 dd a:link, .depth_3 dd a:visited{display:block; color:#666; font-size:13px; height:25px; background: #f5f5f5 url('../../images/dot.gif') 0 8px no-repeat !important; padding-left:8px;}
		.depth_3 dd a:hover{display:block; color:#0085ca; font-weight:bold;}
		.depth_linktop{color:#fff !important; font-weight:bold !important; }
		.depth_linktop:hover{text-decoration:none}
	
	
.table_style{border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th{color:#333; text-align:left; padding:13px 0 10px 15px; border-bottom:1px solid #ccc; background-color:#f9f9f9;}
.table_style td{border-bottom:1px solid #ddd; padding:13px 0 10px 15px; text-align:left;}


.greeting_con{width:770px; position:relative; overflow:hidden; background:url('../../images/greeting.jpg') right bottom no-repeat;}
	.greeting_con h4{padding:8px 0 18px; font-size:25px; color:#21489c; letter-spacing:-1pt; font-weight:700; line-height:36px;}
	.greeting_con h5{font-family:PT Sans; font-size:24px; color:#777; font-weight:100; line-height:20px; padding-bottom:5px}
	.greeting_stit{font-weight:700; color:#333; font-size:14px; letter-spacing:-0.5pt; padding-bottom:16px;}
	.greeting_txt{}
	.greeting_ceo{position:absolute; top:345px; right:58px; font-size:14px; font-weight:600; letter-spacing:-0.5pt; color:#888}
	p.ceo_name{padding-top:5px}
	

.pro_txt0{font-size:13px; font-weight:600;}
.pro_txt{font-size:25px; font-weight:600; padding:0px 0px 7px 0px}
.pro_txt2{font-size:15px; font-weight:600; padding:7px 0px 10px 0; color:#F60}
.pro_txt3{font-size:14px; font-weight:600; padding:5px 0px 5px 10px; background-color:#f98e10; color:#fff}
.pro_txt4{line-height:25px;  padding:7px 0px 20px 0; }

	
	
	.foot {width: 100%; min-width:1200px; color: #333; background:#e0e3e4;  height: 100px;  padding:10px 0 0 0}
	.footer{width: 1020px; margin:0 auto }

.footer table tr td p {color: #333;font-size: 12px; margin: 0px auto;}

A:link {color:#000; text-decoration:none} 
A:visited {color:#000;  text-decoration:none} 
A:active {color:#000; text-decoration:none} 
A:hover     {color:#000; font-weight : bold; text-decoration:none}








.panel {
	background: #fbfafa;border: 1px solid #edecec;padding: 20px 25px 20px 25px;height:30px;}

.panel h2 {float: left;color: #868686;font-size: 16px;}

.panel a.button {
	display: inline-block;
	background: #fe8a02;
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px 30px;
	text-decoration: none;
	float: right;
	margin: 0px 0px 0px 30px;
}