@charset "utf-8";
@font-face {  
					font-family: NGothic; src: url('../font/NanumGothic.eot'); 
					src:local('?'), url('../font/NanumGothic.woff') format('woff');  
				  }
body, td, th, a form, input, select, textarea, input, div, p, span, dt, dd {
					font-family: NanumGothic,NGothic; margin: 0; padding: 0; font-size: 1.1em; font-weight: 500; color: #333; line-height: 150%;
					}				
body				{
					background: #f5fdfc;
					text-align: center;
					scrollbar-face-color: #E9E9E9;
					scrollbar-shadow-color: #E5E5E5;
					scrollbar-highlight-color: #FFF;
					scrollbar-3dlight-color: #CCC;
					scrollbar-darkshadow-color: #E5E5E5;
					scrollbar-track-color: #FFF;
					scrollbar-arrow-color: #AAA;
					}

a:link			{ color: #444; text-decoration: none; }
a:visited		{ color: #444; text-decoration: none; }
a:active		{ color: #ff8459; text-decoration: none; }
a:hover		{ color: #ff8459; text-decoration: none; }

img				{ border: none; }
table				{ border-collapse: collapse; }
ul					{ margin: 0; padding: 0;}
ul li				{ list-style: none; }
 
h1.logo						{ float: left; margin: 16px 0 0 0; padding: 0; }
h1.foot_logo				{ float: left; width: 69px; height: 66px; margin: 8px 0 0 0; padding: 0; }
h2.Mcont					{ float: left; margin: 0; padding: 0; letter-spacing: -0.1em;  font-size: 0.7em; font-weight: 600; color: #6ca0cc; }
h2.subTit					{  width: 232px; height: 35px; margin: 0; padding: 18px 0 13px 0; letter-spacing: -1px; font-size: 1.4em; font-weight: 800; color: #ff8459; background: url('../img/common/sideTbg.png') no-repeat; }
h3.prodTit					{ width: 100%; height: 50px; text-align: left; margin: 0; letter-spacing: -1px; font-size: 0.8em; font-weight: 800; color: #ff8459; }
h4.subject					{ width: 100%; margin: 0; padding: 0 0 0 20px; text-align: left; letter-spacing: -1px; font-size: 0.6em; font-weight: 600; color: #6ca0cc; background: url('../img/common/h4bull.png') no-repeat center left; }

 #wrap						{ width: 100%; margin: 0 auto; background: url('../img/common/menu_bg.gif') repeat-x; }
 #head						{ width: 995px; height: 100px; text-align: left; margin: 0 auto; }
 #menu						{ float: right;  width: 690px; margin: 30px 0 0 0;  }
 #menu	li					{ float: left; margin: 0 0 0 75px;  letter-spacing: -1px; font-size: 0.8em; font-weight: 600; }

#main_con					{ width: 995px; height: 700px; margin: 0 auto; text-align: center; }
.vis							{ position: relative; width: 995px; height: 460px; margin: 0 auto;  }
.arrowL						{ position: absolute; left: 0; top: 150px; width: 35px; height: 68px; }
.arrowR						{ position: absolute; right: 0; top: 150px;  }
.main_group				{ clear: both; height: 240px; margin: 0 auto; padding: 0; text-align: left; }
.mainTit						{ width: 85%; height: 43px; margin: 13px 25px 0 25px; padding: 0; background: url('../img/main/boardTit.png')  repeat-x bottom;  }
.Mnot						{ float: left; width: 372px; height: 228px; margin: 0; text-align: left; background: url('../img/main/Mnot_bg.png') no-repeat; }
.Mlist							{ margin: 17px 0 0 28px; }
.Mlist li						{ margin: -15px 0 0 0; padding: 0 0 0 20px; font-size: 0.6em; font-weight: 500; color: #777; background: url('../img/main/main_bull.png') no-repeat center left; }

#slides_sub .slides_container { width: 995px; height: 410px; overflow: hidden; }
#pro_Slide					{ width: 9500px; float: left; }
#pro_Slide	 a				{ float: left; margin: 0; padding: 0; }
.prod_slide_container { float: left; display: inline; width: 995px; }
#prod_menu				{ clear: both; width: 995px; height: 30px; margin: 0 auto; padding: 0 0 0 20px; }
#prod_menu				{ #padding: 0 0 0 50px;}
#prod_menu ul			{ width: 100%; height: 30px; margin: 0 auto; padding: 0; }
#prod_menu ul li		{ float: left; margin: 0 25px 0 0; padding: 0 0 0 16px; font-size: 0.45em; letter-spacing: -1px; font-weight: 600; color: #222; text-align: center; cursor: pointer; background: url('../img/main/vis_bull.png') left center no-repeat ; }
#prod_menu ul li:hover	{ color: #ff605f; background: url('../img/main/vis_bull_ov.png') left center no-repeat }

.pagination				{ list-style: none; margin: 25px; padding: 0; }
.pagination li				{ float: left; display: inline; }
.pagination li a			{ display: block; margin-right: 5px; padding: 15px; border: 1px solid #e5e5e5; background: #f3f3f3; }

.Mmov						{ float: left; width: 335px; height: 228px; margin: 0 2px; background: url('../img/main/Mmov.png') no-repeat; }
.Mcs		    				{ float: right;  width: 283px; height: 228px;  margin: 0; padding: 0; background: url('../img/main/Mcsbg.png') no-repeat; }
.Mcs ul						{ float: right; width: 200px; margin: 14px 53px 0 0; text-align: center; }
.Mcs ul li					{ width: 225px; height: 40px; font-size: 0.7em; letter-spacing: -0.1em; font-weight: 600; background: url('../img/main/boardTit.png')  repeat-x bottom ; }
.Mcs ul li img				{ float: left; vertical-align: bottom; margin: 10px 0 0 0; }
.mor							{ float: right; margin: 13px 0 0 0; font-size: 0.45em; letter-spacing: 0; font-weight: 800; }
.mor	a						{ color: #999; }
.blue a, .blue				{ font-size: bold; color: #6ca0cc; }
.gray, .gray a				{ color: #444; }
.mv							{ float: left; width:  85%; height: 135px; margin: 14px 0 0 25px; padding: 0; background: #000;}

#sub_group				{ width: 995px; height: 100%; margin: 20px auto; display: inline-block; }
#side						{ float: left; width: 232px; margin: 22px 0 0 0; }
.sideMenu					{ margin: 0; padding: 20px 0 0 10px; text-align: left; background: url('../img/common/sidebg.png') repeat-y; }
.sideMenu li				{ width: 175px; height: 38px; padding: 0 0 0 35px; font-size: 0.7em; letter-spacing: -2px; font-weight: 600; color: #444; background: url('../img/common/sidebull.png') 20px 50% no-repeat;  }
.sideMenu li:hover		{ width: 175px; height: 38px; padding: 0 0 0 35px; color: #fff; background: #ff8459 url('../img/common/sidebull_ov.png') 20px 50% no-repeat; } 
.sideMenu li a			{ display: block; width: 175px; height: 38px; }
.sideMenu li a:hover   { width: 175px; height: 38px; color: #fff; background: #ff8459;  }
.sideMenu li a:active   { width: 175px; height: 38px; color: #fff; background: #ff8459;  }

.sideMenuB	{ margin: 0; padding: 20px 0 0 10px; text-align: left; background: url('../img/common/sidebg.png') repeat-y; }
.sideMenuB li				{ width: 175px; height: 38px; padding: 0 0 0 35px; font-size: 0.85em; letter-spacing: -2px; font-weight: 600; color: #444; background: url('../img/common/sidebull.png') 20px 50% no-repeat;  }
.sideMenuB li:hover	{ width: 175px; height: 38px; padding: 0 0 0 35px; color: #fff; background: #ff8459 url('../img/common/sidebull_ov.png') 20px 50% no-repeat; } 
.sideMenuB li a			{ display: block; width: 175px; height: 38px; }
.sideMenuB li a:hover   { width: 175px; height: 38px;  padding: 0 0 0 37px; margin: 0 0 0 -40px; color: #fff; background: #ff8459 url('../img/common/sidebull_ov.png') 25px 50% no-repeat; }
*html .sideMenuB li a:hover   { width: 215px; height: 38px; }

.sideCs						{ height: 241px; margin: 0; padding: 50px 0 0 0;  text-align: left; background: url('../img/common/sideBbg.png') no-repeat; }
.sideCs li					{ margin: 0 0 0 25px; font-size: 0.7em; letter-spacing: -1px; font-weight: 600; color: #fff;  }
.sideCs li .sideCs li a:link, .sideCs li a, .sideCs a:visited	{ color: #fff; }
.sideCs li a:hover,		{ color: #666; }
.sideCs li img				{ float: left; vertical-align: bottom; margin: 10px 8px 0 0; }
#contents					{ display: inline-block; height: 100%; float: right; width: 730px; margin: 0; padding: 0;}
.navi							{ vertical-align: bottom; height: 22px; margin: 0; text-align: right; font-size: 0.55em; letter-spacing: -1px; font-weight: 500; color: #777; }
.navi	a						{ color: #777;  }
.cont							{ width: 100%; display: inline-block; margin: 0 0 70px 0; padding: 12px 0 70px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.subTxt						{ margin: 0 0 50px 0; text-align: left; font-size: 0.5em; font-weight: 600; }
.prodPic					{ width: 700px; margin: 0 0 70px 0; text-align: center; padding: 28px 15px; border: 1px solid #444; background: #fff; }
.prodbox					{ float: left; width: 200px; height: 230px; margin: 0 43px 20px 0; text-align: center; }		
.prodbox1					{ float: left; width: 200px; height: 230px; margin: 0 43px 20px 0; text-align: center; }
.prodbox img, .prodbox1 img			{ border: 1px solid #444;}
.prodbox span, .prodbox1 span			{ text-align: center; font-size: 0.55em;  font-weight: 400; color: #444; }
.prodTb						{ width: 100%; border: 1px solid #444; text-align: left;  }
.prodTb td					{ padding: 10px; font-size: 0.5em; letter-spacing: -1px; font-weight: 300; color: #777; border: 1px solid #999;  }
.prodLi						{ margin: 0 0 30px 0; text-align: left; font-size: 0.5em; letter-spacing: -1px; font-weight: 500; color: #444; list-style-type: disc;}
.prodLi li					{ line-height: 150%; margin: 0; padding: 0;}
.comTxt						{ width: 100%; margin: 60px; text-align: center; line-height: 180%; font-size: 0.65em; font-weight: 600; letter-spacing: -1px;  }
.comTxt span		    	{ color: #6dc290; font-weight: 600; }
.comTxt	img			    { width: 250px; height: 344px; margin: 0 30px 30px 0;  border: 2px solid #aaa; }
.nut_tit						{ margin: 0; padding: 0; font: bold 0.7em 'NGothic'; text-align: center; }

#foot						{ clear: both; width: 100%; height: 137px; background: #fff; }
#tel							{ background: #e0fafa; font-size: 0.7em; letter-spacing: -1px; font-weight: 600; color: #666; border-top: 2px solid #999; border-bottom: 4px solid #999; }
#foot p						{ text-align: left; font-size: 0.7em; font-weight: 600; letter-spacing: -1px; margin: 0 0 0 275px; color: #666;  }
.foot_con					{ font-weight: 500; width: 995px; margin: 20px auto; }