@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic', sans-serif;}



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

/* ¼­ºê */

#topimg {
	width:100%;
	height:px;
	height:157px;
	background-color: #F7F7F7;
}



	
#topimg div {margin:0 auto; 	width: 1200px; height:157px;}
.company_img {background:url('../images/subbg01.jpg') top center no-repeat;}


/* ³»¿ë */



#Visual{position:relative; overflow:hidden; width:1200px; margin:0 auto; clear:both; padding:0px 0}
.con01{position:relative; overflow:hidden; padding-bottom:30px;}

	
	.con01 .proList{position:relative; overflow:hidden; float:left; width:1160px;}
		.proList h2{position:relative; font-size:16px; color:#333; font-weight:700; letter-spacing:-0.7pt; padding:10px 25px 10px 22px;}
		.proList h2 span.more_btn{position:absolute; right:15px; bottom:20px;}
		.proList .proList_in{position:relative; overflow:hidden;}
			.proList_in dl{position:relative; overflow:hidden; float:left; width:140px; margin-right:2px;}
			.proList_in dd.img{}
			.proList_in dd.img img{border:1px solid #ddd;}
			.proList_in dt{ text-align:center; padding:3px 0 0 0; line-height:17px}
			.proList_in dt a:link, .proList_in dt a:visited{font-size:12px; color:#333; font-weight:600; letter-spacing:-0.5pt; line-height:17px}
			.proList_in dd.txt{font-size:13px; text-align:center; line-height:17px}
		
			.gallery_rolling {position:relative; z-index:100 !important; width:1120px; height:130px; }
			.gallery_rolling .arrow_prev {position:absolute;top:40px; left:0;width:15px;height:20px;cursor:pointer;}
			.gallery_rolling .arrow_next {position:absolute;top:40px; right:0;width:15px;height:20px;cursor:pointer;}
			 
			.gallery_rolling div.carrousel_box {position:absolute; top:0; left:22px; overflow:hidden; width:1000px;height:130px;}
			.gallery_rolling div.carrousel_box ul{position:absolute;top:0px;margin-left:1px;overflow:hidden; }
			.gallery_rolling li {float:left; width:134px; height:130px;}
			
			.business{
	position:relative;
	overflow:hidden;
	float:left;
	width:238px;
	height:182px;
	margin-right:9px;
	background-image: url(../images/mainbg01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #FFF;
}
		.business h2{font-size:14px; color:#333; font-weight:700; letter-spacing:-0.7pt; padding:30px 0 0 20px; color: #FFF;}
		.business p.stit{font-size:12px; color:#fff; line-height:16px; padding:13px 0 0 20px;}
		.business p.more_btn{padding:20px 0 0 20px;}
			
			
						.mokup{
	position:relative;
	overflow:hidden;
	float:left;
	width:238px;
	height:182px;
	margin-right:9px;
	background-image: url(../images/mainbg02.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
		.mokup h2{font-size:14px; color:#fff; font-weight:700; letter-spacing:-0.7pt; padding:30px 0 0 20px;}
		.mokup p.stit{font-size:12px; color:#fff; line-height:16px; padding:13px 0 0 20px;}
		.mokup p.more_btn{padding:20px 0 0 20px;}
		
/* ù°ÁÙ ³»¿ë */
/* µÎ¤ŠÁÙ ³»¿ä */






.con02{position:relative; overflow:hidden; padding-bottom:30px;}


		.cs{position:relative; overflow:hidden; float:left; width:236px; height:180px; border:1px solid #ddd; margin-right:15px}
		.cs h2{font-size:14px; color:#333; font-weight:700; letter-spacing:-0.7pt; padding:20px 0 0 20px;  }
		.cs p.num{padding:13px 0 0 10px;}
		.cs p.email{padding:13px 0 0 20px;}
			

.con02 .board{position:relative; overflow:hidden; float:left; width:330px; margin-right:20px}
			.board_tab{position:relative; overflow:hidden; border-bottom-color: #1b60a1; border-bottom-style: solid; border-bottom-width: 3px; }
			.board_tab li{float:left; margin-right:1px; font-color:#005cc3}
			.board_tab li a:link, .board_tab li a:visited{display:block; text-align:left; width:101px; height:29px; padding-top:6px; font-size:16px; color:#949494; font-weight:700; letter-spacing:-0.7pt; background-color:#fff;}
			.board_tab li a:hover{text-decoration:none font-color:#005cc3;}
			.noti_up{color:#1b60a1 !important;  !important;}
			span.more_btn{position:absolute; right:0; bottom:5px;}
			.board dl{position:relative; overflow:hidden; padding-top:10px; }
			.board dd{height:145px; line-height: 21px; font-size:13px; }
			.board span.date{position:absolute; right:0; bottom:5px;}



.quick{position:relative; overflow:hidden; float:left; width:230px; height:180px; border:1px solid #ddd; margin-right:10px}

		
			
			

	

/* ÇÏ´Ü */
#footer {
	position:relative;
	width:100%;
	clear:both;

*zoom:1; 		overflow:hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	background-image: url(images/bg_footer.png);
}
#footer .footer_in{
	position:relative;
	margin:0 auto;
	width:1200px;
	clear:both;
	overflow:hidden;
	padding:30px 0 0 0;

}
		.footer_in ul{float:right;}
	.footer_in h2{float:left; padding-bottom: 0px; margin-bottom: 0px;}
	.footer_in li{padding-bottom:10px; font-size:11px; color:#333}
	.footer_in li.copy{color:#999}
	.footer_in li.copy a:link, .footer_in li.copy a:visited, .footer_in li.copy a:hover{color:#999}