@charset "utf-8";
/* CSS Document */

*{}

body {font:12px '돋움', dotum, verdana; margin:0; padding:0; color:#636363; text-align:center; background:url(/image/menu_bg.gif) repeat-x top left;}
img {margin:0; padding:0; border:0}
table {border-collapse:collapse; font:12px '돋움', dotum, verdana;}
caption {display:none;}

a:link {text-decoration: none;	color:#636363;}
a:visited {text-decoration: none; color:#636363;}
a:hover, a:active, a:focus {text-decoration: none; color:#167f92;}

#header, #Mbody, #footer, #subVisual {width:100%; margin:0; padding:0; display:inline-block; clear:both;}

P {margin-top:2px;margin-bottom:2px;}


/************************** global Menu ***********************************************/
#header #menu {width:1000px; margin:0 auto; background:url(/image/menu_topbg.gif) no-repeat right top;}
#header #menu .top {text-align:right; padding:17px 0 18px 0; margin:0; clear:both;}
#header #menu .global {width:100%;}
#header #menu .global .logo {float:left; width:192px; background:#fff; text-align:center;}
#header #menu .global .menu {float:right; width:808px; background:url(/image/global_menu_bg.gif) no-repeat left top;}



/************************** Main Body ********************************************/
#footer {background:url(/image/footer_bg.gif) repeat-x left top; height:92px; position:relative;}
#footer .img {width:1000px; margin:0 auto; padding:28px 0 0 0; text-align:left;}



/************************** Main Body ********************************************/
#Mbody {background:url(/image/mbody_bg.jpg) repeat-x left top;}
#Mbody .visual {width:1000px; margin:0 auto; padding:0; clear:both;}
#Mbody #contents {width:100%; background:url(/image/mbody_cbg.gif) repeat-x left bottom #55737b; color:#d8e7ea;}
#Mbody #contents a {text-decoration:none; color:#d8e7ea;}
#Mbody #contents a:hover, #Mbody #contents a:active {text-decoration:none; color:#fff;}

#Mbody #contents .text {width:1000px; margin:0 auto; padding:0; text-align:left;}
#Mbody #contents .text .notice {width:349px; float:left; margin:0 31px 0 23px; padding:0;}
#Mbody #contents .text .notice p {margin:0; padding:0;}

#Mbody #contents .text .notice table {width:100%; border:0; border-collapse:collapse;}
#Mbody #contents .text .notice table th {padding:6px 6px 5px 0; font-weight:normal; text-align:left;}

#Mbody #contents .text .notice table td {padding:6px; font-size:11px; color:#bfd5d9;}

#Mbody #contents .text .notice .title {padding:22px 0 0 0; margin:0 0 8px 0; width:100%; background:url(/image/main_title_dot.gif) repeat-x 34px left;}
#Mbody #contents .text .notice .title .img {float:left;}
#Mbody #contents .text .notice .title .more {float:right; margin-top:5px;}




#Mbody #contents .text .product {width:349px; float:left; margin:0 36px 0 0; padding:0}
#Mbody #contents .text .product p {margin:0; padding:0;}

#Mbody #contents .text .product table {width:100%; border:0; border-collapse:collapse; height:91px;}
#Mbody #contents .text .product table th {padding:0; border:1px solid #7ba2ac; background:#fff; width:91px;}
#Mbody #contents .text .product table th img {border:0; margin:0; padding:0;}
#Mbody #contents .text .product table td .title1 {color:#fff; font-weight:bold; font-size:14px;}
#Mbody #contents .text .product table td {padding:0 0 0 13px; color:#b0cace; line-height:18px;}

#Mbody #contents .text .product .title {padding:22px 0 0 0; margin:0 0 8px 0; width:100%; background:url(/image/main_title_dot.gif) repeat-x 34px left;}
#Mbody #contents .text .product .title .img {float:left;}
#Mbody #contents .text .product .title .more {float:right; margin-top:5px;}

		   
#Mbody #contents .text .benner {float:right; margin:0; padding:0; border:0;}
#Mbody #contents .text .benner img {border:0; margin:0; padding:0;}


/************************** Sub Body ********************************************/

#subVisual {background:url(/image/svisual_bg.gif) repeat-x left top; height:172px;}
#subVisual .swf {width:1000px; margin:0 auto;}

#Sbody {position:absolute; left:0; top:334px; z-index:3000; width:100%; margin:0; padding:0; clear:both;}
#Sbody #contents {width:1000px; margin:0 auto; padding:0; clear:both;}

#Sbody #contents .leftMenu {width:240px; float:left; text-align:left;}

#Sbody #contents .leftMenu ul, #Sbody #contents .leftMenu ul li {margin:0; padding:0; list-style:none; border:0;}
#Sbody #contents .leftMenu ul li img {padding:0; margin:0; border:0;}
#Sbody #contents .leftMenu p {margin:0; padding:0;}

#Sbody #contents .leftMenu .benner {width:100%; margin:40px 0 50px 0; padding:0;}
#Sbody #contents .leftMenu .benner ul, #Sbody #contents .leftMenu .benner ul li {margin:0; padding:0; list-style:none;}



#Sbody #contents .subCon {width:760px; float:right;}
#Sbody #contents .subCon .title, #Sbody #contents .subCon .subTxt {clear:both; width:100%; display:inline-block;}

#Sbody #contents .subCon .title .img {float:left;}
#Sbody #contents .subCon .title .nav {float:right; color:#b7b7b7; margin:17px 3px 0 0;}
#Sbody #contents .subCon .title .nav .point {color:#149cb9;}

#Sbody #contents .subCon .subTxt {margin:20px 0 40px 0;}
#Sbody #contents .subCon .subTxt .con {float:left; width:719px; text-align:left}
#Sbody #contents .subCon .subTxt .top {float:right; width:41px;}
#Sbody #contents .subCon .subTxt .top img {margin:20px 0 0 0; padding:0; border:0;}



/************************** 02_Product ********************************************/

.subTxt .con .Protitle {width:704px; clear:both; display:inline-block;}
.subTxt .con .Protitle .info {width:340px; float:left;}

.subTxt .con .Protitle .info .subject {width:100%; height:43px; clear:both; border-bottom:2px solid #65a5bf;}
.subTxt .con .Protitle .info .subject .productName {color:#b70000; font-size:20px; font-weight:bold;}
.subTxt .con .Protitle .info .subject .productnav {color:#9c9c9c; font:10px Tahoma, Arial bold;}

.subTxt .con .Protitle .info .infoTex {width:100%; clear:both; height:150px; line-height:18px;}
.subTxt .con .Protitle .info .infoTex img {margin:13px 0 13px 0; padding:0; border:0; clear:both;}
.subTxt .con .Protitle .info .infoTex p {margin:0; padding:0;}

.subTxt .con .Protitle .info .benner {width:100%;}
.subTxt .con .Protitle .info .benner .benner1 {width:163px; float:left; padding:12px 0 12px 0; margin:0; border-bottom:1px solid #65a5bf; border-top:1px solid #65a5bf;}
.subTxt .con .Protitle .info .benner .benner2 {width:163px; float:right; padding:12px 0 12px 0; margin:0; border-bottom:1px solid #65a5bf; border-top:1px solid #65a5bf;}


.subTxt .con .Protitle .proImg {width:349px; float:right; text-align:center;}
.subTxt .con .Protitle .proImg .big {clear:both; width:100%; height:245px;}
.subTxt .con .Protitle .proImg .small {width:270px; padding:7px 0 0 0; margin:0 auto;}
.subTxt .con .Protitle .proImg .small .imgBox {border:1px solid #ccc; width:40px; height:40px; float:left; margin:0 15px 0 0;}
.subTxt .con .Protitle .proImg .small .imgBox_noM {border:1px solid #ccc; width:40px; height:40px; float:left; margin:0 0 0 0;}

.subTxt .con .ProCon {width:704px; clear:both; margin:45px 0 0 0;}
.subTxt .con .ProCon .tab {background:url(/image/02_product/sub_tab_bg.gif) repeat-x top left; width:100%; clear:both;}
.subTxt .con .ProCon .tab img {margin:0; padding:0;}
.subTxt .con .ProCon .proTex {width:100%; padding:10px;}

#Sbody #contents .leftMenu .subMenuOn {width:177px; clear:both;}
#Sbody #contents .leftMenu .subMenuOn .subMenu {background:#ebebeb; width:100%; border-bottom:1px dashed #d1d1d1; padding:8px 0 8px 0; clear:both; margin:0; line-height:;}
#Sbody #contents .leftMenu .subMenuOn .subMenu a {color:#797979; text-decoration:none;}
#Sbody #contents .leftMenu .subMenuOn .subMenu a:hover, #Sbody #contents .leftMenu .subMenuOn .subMenu a:active {color:#0b7696;}
#Sbody #contents .leftMenu .subMenuOn .subMenu .visit {color:#0b7696;}
#Sbody #contents .leftMenu .subMenuOn .subMenu img {vertical-align:middle; margin:0; padding:0;}



/************************** 01_company ********************************************/


.subTxt .con .cer {width:689px; margin:0 auto;}
.subTxt .con .cer p {text-align:center; margin:0; padding:0;}
.subTxt .con .cer .cerCon {width:100%; text-align:left; clear:both; margin:20px 0 0 0; display:inline-block;}
.subTxt .con .cer .cerCon .cerTex {float:left; width:135px; margin:0 0 0 1px;}
.subTxt .con .cer .cerCon .cerTex .img {width:100%; height:184px; border:1px solid #d3d3d3;}
.subTxt .con .cer .cerCon .cerTex .tex {width:100%; margin:12px 0 12px 0; text-align:center; font-weight:bold;}

.subTxt .con .cer .cerCon .cerTex1 {float:left; width:135px; margin:0 0 0 49px;}
.subTxt .con .cer .cerCon .cerTex1 .img {width:100%; height:184px; border:1px solid #d3d3d3;}
.subTxt .con .cer .cerCon .cerTex1 .tex {width:100%; margin:12px 0 12px 0; text-align:center; font-weight:bold;}



/************************** 04_customer ********************************************/

.subTxt .con .benner {width:690px; margin:0 auto; clear:both;}
.subTxt .con .benner p {margin:0 15px 0 0; float:left; width:220px;}
.subTxt .con .benner .noStyleben {margin:0 0 0 0; float:right; width:220px;}


.subTxt .con .ebook {width:690px; margin:0 auto; clear:both; padding:20px 0 0 0;}
.subTxt .con .ebook .ebook1 {margin:0 15px 0 0; float:left; width:220px; border-bottom:1px dashed #dedede; text-align:center;}
.subTxt .con .ebook .ebook1 .img {width:176px; height:241px; border:1px solid #d3d3d3; margin:0 auto;}
.subTxt .con .ebook .ebook1 .tex {width:100%; margin:12px 0 12px 0; text-align:center; font-weight:bold;}

.subTxt .con .ebook .ebook2 {margin:0 0 0 0; float:right; width:220px; border-bottom:1px dashed #dedede;}
.subTxt .con .ebook .ebook2 .img {width:176px; height:241px; border:1px solid #d3d3d3; margin:0 auto;}
.subTxt .con .ebook .ebook2 .tex {width:100%; margin:12px 0 12px 0; text-align:center; font-weight:bold;}


/************************** 00_sitemap ********************************************/

.subTxt .con .sitemap {width:689px; margin:0 auto;}
.subTxt .con .sitemap .title {margin:0 0 15px 0; padding:0;}
.subTxt .con .sitemap p {margin:0; padding:0;}