@import url(style.css);
/* CSS Document */

/* 레이아웃 */
html{background:url(/images/bg_header.gif)  repeat-x;}
body{background:url(/images/bg_footer.gif)  left bottom repeat-x;}
#header{position:relative; margin:0 auto; width:1116px; height:109px; }
#container{margin:0 auto; width:1116px; z-index:1;}
#con_box{float:left; position:relative;width:1116px; min-height:600px; background:url(/images/bg_subleft.gif)  left top repeat-y;  z-index:1; }
.left_menu{float:left;  width:294px; min-height:600px;/* background:url(/images/bg_sub_simbol.png) right 15px no-repeat;*/}
.left_menu01{width:180px; height:180px; padding-left:90px; }
.sub_content{float:left; width:762px; min-height:600px;}
#footer{clear:both; position:relative; margin:0 auto; width:1116px; height:116px;}
.con_end{width:722px; height:50px; clear:both;}

/*  왼쪽메뉴 시작 */
.left_menu h2{padding:89px 0 10px 0;}
.sub_menu01{padding:3px 0 3px 0; font:13px/2.5 "NanumGothic","나눔고딕",sans-serif; 
						border-top:2px solid #83a0ba;  border-bottom:2px solid #83a0ba;}
.sub_menu01 li{display:block; text-indent:20px; width:230px; height:35px;}
.sub_menu01 li a{display:block;  width:230px; height:35px;}
.sub_menu01 li.on{background:url(/images/left_on.gif) no-repeat;}
.sub_menu01 li.on a{color:black; }
.sub_menu01 li.off{background:url(/images/left_off.gif) no-repeat;}

.sub_menu02{padding-top:15px;}

.sub_contitle{position:relative; margin-top:43px; width:762px; height:88px; background:url(/images/bg_subtitle.gif) no-repeat;}
.contitle01{background:url(/images/bg_sub_r1.gif) right bottom no-repeat;}
.contitle02{background:url(/images/bg_sub_r2.gif) right bottom no-repeat;}
.contitle03{background:url(/images/bg_sub_r3.gif) right bottom no-repeat;}
.contitle04{background:url(/images/bg_sub_r4.gif) right bottom no-repeat;}
.contitle05{background:url(/images/bg_sub_r4.gif) right bottom no-repeat;}
.sub_contitle .route{position:absolute; left:38px; top:0px; padding-left:15px; background:url(/images/home.gif) 0 2px no-repeat;}
.sub_contitle h3{position:absolute; left:38px; top:44px;}
.sub_field{width:722px; padding:35px 0 0 40px; min-height:500px; font:12px/1.6 "NanumGothic","나눔고딕",sans-serif;}

/* 레이아웃 완료 */
.dotted{clear:both; height:50px; background:url(/images/bg_dotted.gif) 0 10px repeat-x;}
.dotted2{clear:both; height:30px; background:url(/images/bg_dotted.gif) 0 0 repeat-x;}

.clear{clear:both;}
.fl_li li{float:left;}
.fr{float:right;}
.blue01{color:#578cc3;}/*로고색상*/
.color999{color:#999;}

.hidden{display:none;}
.bold{font-weight:bold;}
.txt_ct{text-align:center;}
.txt_r{text-align:right;}
.font13{font-size:13px;}
.font16{font-size:16px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pl10{padding-left:10px;}
.pl16{padding-left:16px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mr12{margin-right:12px;}

h4{font-size:15px; color:#333; padding-left:18px; background:url(/images/Bullet_2.gif) 0 2px no-repeat;}
h5{font-size:13px; color:#333; padding-left:12px; background:url(/images/Bullet_3.gif) 0 8px no-repeat;}
.bullet_4 li{font-size:13px; color:#333; padding-left:12px; background:url(/images/Bullet_4.gif) 0 8px no-repeat;}
.title_1{font-size:20px; color:#333;}
.title_1 span{font-size:12px; color:#999;}


/* header 시작 */
table td,table th{border:none;}

.table01{font-size:12px; width:100%; border-top:2px solid #578cc3;}
.table01 caption{display:none;}
.table01 td,.table01 th{padding:7px; text-indent:10px; border:1px solid #ededed;}
.table01 th{background-color:#f8f8f8;}

.box01{padding:10px; background-color:#f8f8f8;  border:1px solid #ededed;}

/* 사이트맵용 */
.table02{border:none; font-size:12px; width:100%; border-top:2px solid #578cc3;}
.table02 caption{display:none;}
.table02 td{padding:5px 7px 5px 7px; text-indent:80px; border-bottom:1px solid #ededed; background:url(/images/icon_menu2.gif) 74px 15px no-repeat;}
.table02 th{padding:10px 7px 10px 7px; text-align:center; font-size:15px; font-weight:bold;  color:#578cc3;
					border-bottom:1px solid #d4d4d4; background-color:#f8f8f8;}

/*  컨텐츠 시작 */

/* A02 CEO인사말 */
.A02_01{float:left; width:260px; min-height:420px; background:url(/images/sub_A2_01.jpg) no-repeat;}
.A02_02{float:left; width:462px; min-height:420px;}
.naver_map{width:720px; height:400px; border:1px solid #ededed;}

/* A04 CI소개 */
.A04_01{float:left; width:333px; height:200px;}
.A04_02{float:left; margin-left:44px; width:333px; height:200px;}

/* C01 제품소개 - BEARING  */
.C01_01{float:left; width:710px; min-height:190px;}
.C01_02{float:left; width:300px; min-height:190px;}
.C01_03{float:left; width:410px; min-height:190px;}

/* E01 사이트맵 */
.E01_01{float:left; width:230px; height:220px;}
.E01_02{float:left; width:230px; height:220px;  margin-left:16px;}
.E01_03{float:left; width:230px; height:220px;  margin-left:16px;  background:url(/images/sub_E1_01.gif) 0 50px no-repeat;}
/*
background:#ededed; padding:3px 0 0 42px;  background:yellow;font-weight:bold; 
*/

/* 공통style */


/* Blue list */
.tbl_blue{width:100%;border:0;border-bottom:2px solid #4ca0d1;color:#666;font:1.0em Dotum;}
.tbl_blue caption, label{display:none}
.tbl_blue a{color:#666;}
.tbl_blue a:hover{text-decoration:underline;color:#4ca0d1}
.tbl_blue th{padding:7px 5px 4px;border:0;border-top:solid 2px #4ca0d1;border-bottom:solid 1px #4ca0d1;color:#296892;font-weight:bold;line-height:19px;vertical-align:top;background-color:#e7f3f7}
.tbl_blue td{padding:7px 5px 5px;border:0;border-bottom:solid 1px #d4d4d4;text-align:center;line-height:18px;}
.tbl_blue .title{text-align:left; text-indent:15px;}
.tbl_blue .new{margin-left:4px;background-color:#4ca0d1; font-size:0.9em; font-weight:bold;color:#fff;padding:1px 2px}
.tbl_blue .thline{background:url(../images/img_bar_blue.gif) no-repeat right bottom;background-color:#e7f3f7}
/* //Blue list */
/* Blue paginate */
.pag_blue{padding:20px 0;text-align:center;font:1.0em Dotum;}
.pag_blue a img{border:none;vertical-align:middle;_vertical-align:top}
.pag_blue a,.pag_blue strong{display:inline-block;position:relative;_width:18px;margin-left:-6px;padding:5px 10px;color:#666;line-height:normal;text-decoration:none;vertical-align:middle}
.pag_blue a:hover{text-decoration:underline}
.pag_blue strong{color:#065991 !important;font-weight:bold}
.pag_blue .frst{background:none}
.pag_blue .line{background:url(../images/line_pg2.gif) no-repeat 0 50%;}
.pag_blue a.pre,.pag_blue a.next{padding:0;background:none !important}
.pag_blue a.pre{margin:0 2px}
.pag_blue a.next{margin:0 2px}
/* //Blue paginate */