@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('http://fonts.googleapis.com/css?family=Roboto:100,300,400,500');
@import url('http://fonts.googleapis.com/css?family=Oswald:400');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

body {margin:0;padding:0;font-family:Arial, Dotum;font-size:9pt;color:#333;}
table {border:none;border-collapse:collapse;}
img {border:none;vertical-align:top;}
p, li {line-height:1.5em;}

/* intro */
#intro {display:block;position:relative;width:700px;margin:50px auto;text-align:center;}
	#intro div {display:block;position:relative;width:700px;margin:0 auto;text-align:center;}
	#intro .hd {}
	#intro .intro {background:url('../img/bg_main.gif') repeat-y;}
	#intro .ft {}

#hd {width:830px;height:200px;}
	#hd.hd_co {background:url('../img/company/top.jpg') no-repeat top right;}
	#hd.hd_shaft {background:url('../img/shaft/top.jpg') no-repeat top right;}
	#hd.hd_prod {background:url('../img/product/top.jpg') no-repeat top right;}
	#hd.hd_pds {background:url('../img/pds/top.jpg') no-repeat top right;}
	#hd.hd_bbs {background:url('./img/board/top.jpg') no-repeat top right;}
	#hd #logo {width:200px;height:60px;margin:0;padding:0;}
	#hd #menu {width:200px;height:140px;}
#wrap {width:830px;background:url('../img/left_bgimg.gif') repeat-y;zoom:1;}
	#wrap:after {display:block;clear:both;content:"";}
#aside {float:left;width:200px;padding-bottom:30px;}
	#aside h2 {margin:0;padding:0;}
	#lnb {list-style:none;margin:20px 0 0;padding:0;}
	#lnb li {text-align:right;vertical-align:top;}
	#ban {margin-top:50px;text-align:right;}
#container {float:left;width:630px;padding-bottom:30px;}
.container {position:relative;width:600px;margin-left:30px;}
#pg_tit {margin:20px 0;padding:0;text-align:center;}
.h3_tit {margin:30px 0 10px 0;padding:0;}
#co_greet {width:600px;margin:0 auto;zoom:1;}
	#co_greet:after {display:block;clear:both;content:"";}
	#co_greet #txt {float:left;width:420px;}
	#co_greet #txt p {font-family:Gulim,'굴림';font-size:9pt;line-height:20px;color:#666;text-align:justify;}
	#co_greet #txt p.sign {margin:30px 0;text-align:center;font-weight:bold;}
	#co_greet #img {float:right;width:160px;}
	#co_greet #img ul {list-style:none;margin:0;padding:0;}
	#co_greet #img ul li {margin-bottom:20px;}
#co_map {}
	#co_map p {margin:0;text-align:center;}
.sha_img {margin:20px 0;text-align:center;}
	.sha_img img {}
	.sha_img span.tit {display:block;font-weight:bold;}
.sha2_fea {padding-left:10px;border-left:5px solid #ccc;}
	.sha2_fea ul {list-style:none;margin:0;padding:10px 0;}
	.sha2_fea ul li {margin-bottom:10px;}
	.sha2_fea ul li h2 {margin:0 0 5px;padding:0;font-family:'Noto Sans Kr',Gulim,'굴림';font-size:1.5em;font-weight:500;font-style:italic;}
	.sha2_fea ul li h2.tit1 {color:#5c87fa;}
	.sha2_fea ul li h2.tit2 {color:#fd7100;}
	.sha2_fea ul li h2.tit3 {color:#f9c911;}
.sha_tbl {width:100%;margin:20px 0;border-bottom:3px solid #999;}
	.sha_tbl caption {padding-bottom:5px;text-align:left;}
	.sha_tbl caption:before {content:"*";margin-right:5px;}
	.sha_tbl th, .sha_tbl td {padding:10px 0;font-weight:normal;text-align:center;}
	.sha_tbl th {color:#000;border:1px solid #666;background-color:#999;}
	.sha_tbl td {border:1px solid #ccc;background-color:#f3f3f3;}
.sha4_tbl {width:100%;border-collapse:separate;border-spacing:10px !important;}
	.sha4_tbl th, .sha4_tbl td {font-weight:normal;text-align:center;}
	.sha4_tbl th {padding:5px 0;background-color:#f2f2f2;}
	.sha4_tbl td.last {padding-bottom:15px;}
h3.h3_tit {margin:50px 0 15px;padding:5px;font-family:'Noto Sans Kr',Gulim,'굴림';font-size:2.2em;font-weight:700;font-style:italic;line-height:1em;color:#0099cb;background-color:#99d6eb;}
h3.h3_tit2 {margin:20px 0;padding:0;font-family:'Noto Sans Kr',Gulim,'굴림';font-size:1.4em;font-weight:500;color:#4e7090;}
h3.h3_tit2:before {content:"\f0c8";margin-right:10px;font-family:"FontAwesome";}
h4.h4_tit {margin:30px 0 10px;padding:0;font-size:1.2em;line-height:1em;font-weight:bold;}
	h4.h4_tit:before {content:"*";margin-right:5px;}
#prod_ov {border:1px solid #000;zoom:1;}
	#prod_ov:after {display:block;clear:both;content:"";}
	#prod_ov .img {float:left;width:201px;border-right:1px solid #000;}
	#prod_ov .txt {float:right;width:320px;margin:20px 10px 0 0;}
	#prod_ov .txt h2 {margin:0 0 20px 0;padding:0 0 10px 0;border-bottom:2px solid #ccc;font-size:1em;font-weight:bold;color:#000;text-align:right;}
	#prod_ov .txt ul {list-style:square;margin:10px 0 0;padding:0 0 0 20px;}
.fea {}
	.fea ul {list-style:square;margin:30px 0;padding-left:20px;font-weight:bold;color:#666;}
.code {margin:30px 0;border:1px solid #000;text-align:center;}
.prod_tbl {width:100%;}
	.prod_tbl caption {padding-bottom:5px;text-align:right;}
	.prod_tbl th, .prod_tbl td {padding:5px 0;border:1px solid #ccc;font-weight:normal;text-align:center;}
	.prod_tbl th {color:#000;background-color:#cde0f6;}
	.prod_tbl thead th {background-color:#6d97ca;}
	.prod_tbl .em1 {color:#03f;}
	.prod_tbl .em2 {color:#f00;}
.prod_list {list-style:square;margin:10px 0 0;padding-left:20px;}
	.prod_list li {line-height:1.4em;}
#ft {width:830px;height:30px;text-align:center;background:url('../img/main_bg03.gif') repeat-x;}



.com01 {	font-family: "굴림체";	font-size: 9pt;	text-decoration: none;	text-align: justify;	word-spacing: normal;	line-height: 20px;	color: #666666;}
.pro01 {	font-family: "돋움체";	font-size: 9pt;	text-decoration: none;	text-align: left;	padding-left: 10px;	line-height: 20px;}
.pro-table {	font-family: "굴림체";	font-size: 9pt;	text-align: center;	padding-top: 5px;	padding-bottom: 5px;}
.pro02 {	font-family: "굴림체";	font-size: 9pt;	line-height: 18px;	font-weight: bold;	color: #666666;	text-decoration: none;	padding-right: 5px;}
.shaft01 {	font-family: "굴림체";	font-size: 9pt;	line-height: 20px;	color: #666666;	text-decoration: none;	text-align: justify;	padding-right: 10px;	padding-left: 10px;}
.pds-table {	font-family: "돋움체";	font-size: 9pt;	text-align: center;	line-height: 20px;}
.pds-left {	font-family: "굴림체";	font-size: 9pt;	line-height: 20px;	text-decoration: none;	padding-left: 15px;	word-spacing: 5px;}
.pds-bold {	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";	font-size: 10pt;	font-weight: bold;	text-decoration: none;	text-align: left;	padding-left: 15px;	padding-bottom: 5px;	color: #333333;}
.pro-title {	font-family: "굴림체";	font-size: 9pt;	font-weight: bold;	text-decoration: none;	text-align: right;}
.shaft-table {	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";	font-size: 9pt;	text-decoration: none;	text-align: center;	padding-top: 5px;	padding-bottom: 5px;}
.shaft-bold {	font-family: "굴림체";	font-size: 10pt;	font-weight: bold;	text-decoration: none;	padding-top: 3px;	padding-bottom: 5px;	padding-left: 3px;}