@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face { font-family: 'Daum'; src: url('../font/daum_regular2.eot'); src: local('☺'), url('../font/daum_regular2.woff') format('woff'), url('../font/daum_regular2.ttf')  format('truetype') } 

body, td, th, form, input, select, textarea, input, div, p, span {
					margin: 0; padding: 0; font-size: 1em; font-family: 'Roboto','Nanum Gothic', sans-serif; font-weight: 400;color: #222; line-height: 120%; 
}
body{ 
		position:relative; background: #fff; width: 100%; height: 100%; margin: 0; padding: 0 ;	
		background: url('../img/main/mbgR.jpg') repeat-x; 
 }
a:link			{ color: #000; text-decoration: none; }
a:visited		{ color: #000; text-decoration: none; }
a:active		{ color: #000; text-decoration: none; }
a:hover		{ color: #999; text-decoration: none; }
img			{ border: none; }
table			{ border-collapse: collapse; }
ul li			{ list-style: disc;}


/*=================================[ wrap ]============================================*/
#Wrap								{ display: inline-block; width: 100%; margin: 0; padding: 0; text-align: center; }
	.bgLeft							{ position: absolute; top: 0; left: 0; width: 50%; height: 900px; background: url('../img/main/mbgL.jpg') repeat-x;  z-index:-1;}
#topWrap							{ width: 980px; height: 516px; margin: 0 auto;  background: url('../img/main/visBg.gif') no-repeat; }
#subtopWrap					{ width: 100%; margin: 0 auto;  background: url('../img/common/subVis.jpg') top center no-repeat; }
#bbsWrap							{ display: inline-block; width: 700px; margin: 50px 0 200px 0; }


/*=================================[ menu ]============================================*/
#header							{ width: 980px; height: 99px; margin: 0 auto; padding: 0; text-align: left; }
	.util								{ width: 100%; height: 24px; background: url('../img/common/util.png') top right no-repeat; }
	.util a								{ float: right; margin: 0 15px 0 0 ; padding: 0; font-size: 0.7em; } 
#gnb									{ float: right; margin: 26px 0 0 0; padding: 0; }
#gnb li								{ display: inline;  height: 15px; margin: 0 0 0 60px; padding: 0; font-family:'Nanum Gothic'; }
#gnb li a							{ font-weight: 600; height: 15px; line-height: 19px; }
#gnb li a:hover, #gnb li a:active, #gnb li a:focus, #gnb li a.hover			{ color: #ff9144; vertical-align: middle; height: 15px; line-height: 19px; border-bottom: 4px solid #ff9144; }


/*=================================[ heading ]============================================*/
h1.logo								{ float: left; margin: 19px 0 0 0; padding: 0; background: url('../img/common/logo.png') no-repeat; }
h1.logo	a							{ display: block; width: 247px; height: 38px; text-indent: -99999em; }
h1.logoFoot						{ float: left; width: 247px; height: 38px; margin: 15px 160px 0 0; padding: 0; background: url('../img/common/logofoot.png') no-repeat; }
h2.mainTit							{ display: none; }
h2.mainTit2						{ display: block; height: 19px; margin: 13px 0 0 0; padding: 0;text-indent: -9999em; background: url('../img/main/h2_tit.png') top left no-repeat; }
h2.h2tit								{ position: absolute; top: -94px; left: 0; margin: 0; padding: 0; font-size: 1.2em;font-weight: bold; color: #007cc1; text-align: center; line-height: 130%; font-family: 'Daum' }
h2.h2tit	span						{ margin: 0; padding: 0; font-size: 0.9em; color: #555; font-family: 'Daum'; }
h3										{ height: 30px; line-height: 30px; text-align: left; margin: 30px 0 0 0; padding: 0; color: #184856; font-size: 1.8em; font-family: 'Daum'; border-bottom: 2px solid #ff9144; }
h4										{ display: inline-block; float: left; margin: 0 0 25px 0; padding: 5px 8px; text-align: left;  font-size: 1.4em; background: #ff9144; color: #fff; }
h5										{ height: 30px; margin: 50px 0 15px 0; padding: 0 0 0 35px; text-align: left; color: #184856; line-height: 200%; font-family: 'Daum';  font-weight: bold; font-size: 1.2em; background: url('../img/prod/prod_bull.png') left center no-repeat; }	
h5.partTit							{ height: 30px; margin: 50px 0 15px 0; padding: 0 0 0 35px; text-align: left; color: #fff; line-height: 200%; font-family: 'Daum';  font-weight: bold; font-size: 1.2em; background: #184856 url('../img/prod/prod_bull.png') left no-repeat;}	

/*=================================[ contents ]============================================*/
#visMain							{ clear: both; width: 1020px; }
#visSub								{ clear: both; width: 980px; height: 140px; }

#contMain							{ position: relative; width: 980px;height:260px;text-align: left; margin: 0 auto; padding: 0; }
#cont_m1							{ position: absolute; top: -32px; width: 618px; height:261px; margin: 0; padding:50px 0 0 26px;background: url('../img/main/contBg.png') top left no-repeat; }
#cont_m1 span					{position: absolute; top:20px;right:50px;width:70px;height:20px;}
#cont_m1 span a					{display:block;width:70px;height:20px;text-indent:-999999em;}
#cont_m1 ul					{ float: left; margin: 0 20px 0 0; padding: 0; }
#cont_m1 ul li					{ width: 268px; height: 28px; margin:9px 0 0 0; padding: 1px 0 0 0; text-align: center; list-style: none; background: url('../img/main/cont1ListBg.png') no-repeat; }
#cont_m1 ul li	a				{ font:  0.8em 'Roboto'; color: #444; }
#cont_m1 ul li	a:hover	{color:red}

#contMain1						{ position: absolute; top: -20px; width: 587px; height: 193px; margin: 0; padding: 23px 0 0 123px; background: url('../img/main/cont1Bg.png') top left no-repeat; }
#contMain1 ul					{ float: left; margin: 0 20px 0 0; padding: 0; }
#contMain1 ul li					{ width: 268px; height: 28px; margin: 4px 0 0 0; padding: 1px 0 0 0; text-align: center; list-style: none; background: url('../img/main/cont1ListBg.png') no-repeat; }
#contMain1 ul li	a				{ font:  0.8em 'Roboto'; color: #444; }
#contMain2						{ float: right; width:339px; height: 197px; margin: 0; padding: 0; }
#contMain2 ul					{ height: 60px; margin: 3px 0 3px 0; padding: 0; }
#contMain2 ul li					{ list-style: none; margin:6px 0 0 0; padding: 0 0 0 13px; text-align: left; font-size: 0.8em; background: url('../img/main/noticeBull.png') left center no-repeat; }
#contMain2 p					{ display: block; margin: 44px 0 0 -5px; height:84px;text-indent: -99999em; background: url('../img/main/cont_btm.png') no-repeat;}
#contMain2 p a.p1					{float:left;width:106px;height:84px;margin:0 10px 0 0;}
#contMain2 p a.p2					{float:left;width:228px;height:84px;margin:0;}

#container							{ display: inline-block;  width: 100%; margin: 136px auto; padding: 0; border-top: 1px solid #ccc; text-align: center; background-color: #fff; }
#contSub							{ width: 980px; margin: 0 auto; }
#contents							{ float: left; width: 716px; margin: 0 0 0 39px; font-size: 0.8em; line-height: 160%; }
	.caption							{ clear: both; margin: 0 0 20px 0; display: block; text-align: left; font-weight: bold; color:#f27924; }
	.prod_list1						{ margin: 0; padding: 0; }
	.prod_list1 li					{ padding: 0 0 0 10px; list-style: none; text-align: left; line-height: 160%; background: url('../img/prod/list_bul.gif') left 7px no-repeat; }	
	.prod_img						{ margin: 20px 0; padding: 15px 0; text-align: center; border: 1px solid #999; }
	.prod_coment				{ text-align: justify;  line-height: 160%; }
	.prod_coment2				{ margin: 30px 0; padding: 15px;  text-align: justify;  line-height: 170%; background: #e5e8f5; }
	.prod_list2						{ margin: 10px 0 0 20px; padding: 0; }
	.prod_list2 li					{ text-align: left; }
	.prod_tab1						{ width: 710px; margin: 15px 0 0 0; padding: 0; font-family: 'arial'; border-collapse: collapse; border-spacing: 0; border-top: 4px solid #999; }
	.prod_tab1 tr th				{ padding: 8px 2px; text-align: center; color: #184856;  border: 1px solid #999; background: #bacfe1; }
	.prod_tab1 tr td				{ padding: 2px; text-align: center; border: 1px solid #999; }
	.prod_tab1 tr.sec td		{ padding: 2px; text-align: center; border: 1px solid #999; background: #eaeaea;  }
	.prod_tab1 tr.thr td, .prod_tab1 tr.thr th			{ text-align: center; border: 1px solid #999; background: #a4bcd8;  }
	.prod_tab1	 caption			{ margin: 0 0 5px 0; text-align: right; font: bold 0.9em 'Nanum Gothic'; }
	.prod_tab1 ul					{ margin: 7px 0 7px 25px; padding: 0; }
	.prod_tab1 ul	 li				{ margin: 0; text-align: left; line-height: 140%; }
	.prod_tab1 ul	 li	img		{ width: 90px; }
	.dimen							{ float: left; width: 340px; }
	.dimenR							{ float: left; width: 340px; margin: 0 0 0 20px; }
	.dimen img, .dimenR	img	{ border: 1px solid #999; }
	.part								{ float: left; width: 340px; margin: 0; text-align: center; }
	.partR							{ float: left; width: 340px; margin: 0 0 0 30px; text-align: center; }
	.part img, .partR	 img		{ margin: 0 auto; padding: 20px 0; border-bottom: 2px solid #666; }
	.compCate						{ display: inline-block; clear: both; margin: 0; border-top: 1px solid #aaa; }
	.compCate	 dt				{ float: left; width: 120px; height: 170px; margin: 0 20px 0 0; text-align: center; border-top: 2px solid #5c83d5; }
	.compCate	 dd				{ margin: 0; padding: 35px 0 0 0;  text-align: left; }
	.comp1							{ height: 490px; margin: 30px 0 0 0; padding: 0; text-align: left; font-weight: bold; color: #333; line-height: 30px; background: url('../img/comp/comp1bg.png') right bottom no-repeat; }
	.comp1 span					{ font: bold 1.6em 'daum'; color: #7ab7d4; text-decoration: underline; }
	.comp3							{ margin: 30px 0; clear: both;  text-align: left; line-height: 160%; }
	.comp3-2						{ display: block; height: 496px; margin: 0 0 120px 0; background: url('../img/comp/comp3-1.png') top left no-repeat; }
	.comp3-3						{ height: 731px; margin: 0; padding: 0; background: url('../img/comp/comp3-2.png') top left no-repeat; }
	.comp3-3 ul					{ clear: both; width: 700px; height: 40px; display: inline-block; margin: 121px 0 10px 0; padding: 0; }
	.comp3-3 ul li					{ float: left; width: 103px; margin: 0 0 0 46px; line-height: 15px; font-family: 'Roboto'; font-size: 0.9em; vertical-align: middle; padding: 1px 0; list-style: none; text-align: center; font-family: 'Roboto';color: #7580ac; }
	.comp3-3 .fir					{ margin: 0; }
	.map								{ width: 695px; height: 695px; margin: 30px 0 0 0; background: url('../img/comp/map.png') no-repeat; }
	.map	span						{ float: right; margin: 473px 103px 0 0; font-size: 1.3em; font-weight: bold; color: #d8261c; }
	.map_addr						{ text-align: left; line-height: 170%; }

/*=================================[ side ]============================================*/
#side								{ position: relative; float: left; width: 220px; margin: 0; padding: 0; border-right: 1px solid #ccc; }
#lnb									{ margin: 30px 0 0 0; padding: 0; text-align: right; }
#lnb li								{ list-style: none; margin: 0; padding: 0; }
#lnb li a								{ display: block;  padding: 4px 10px 4px 0; text-transform: uppercase; font-family: 'Roboto'; font-size: 0.75em; letter-spacing: -0.04em; }
#lnb li a:hover, #lnb li a:active, #lnb li a:focus, #lnb li a.hover{ background: #71b8ef; color: #fff; }


/*=================================[ foot ]============================================*/
#footer								{ clear: both; width: 100%; border-top: 2px solid #999;}
	.footWrap						{ width: 980px; margin: 0 auto; padding: 30px 0; text-align: left;line-height:130%;}
	address							{ font-size: 0.8em; font-style: normal; }
	.footWrap p					{ font-size: 0.8em; font-family:tahoma; color: #0f80c3; font-weight:500; }