html{overflow:auto}
body{background:#fff}
#wrap {width:100%; position:relative;}
#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.col1, .col2, .col3, .col4{float:left; position:relative;}
.blue {color:#0052ac;}
.inner {width:1000px; margin:0 auto; position:relative;}
/*header*/
#header{width:100%; z-index:100;}
.utilWrap {background:url('/images/common/util_bg.gif') repeat-x left top; height:26px; }
.utilWrap ul {float:right; overflow:hidden;}
.utilWrap ul li {float:left;}
.headerWrap {padding:20px 0;}
.headerWrap h1 {width:260px; padding-top:10px;}
/* quick menu */
#quick{width:50px; height:153px; position:absolute; right:-70px;}
#quick ul{width:50px;}
#quick ul li{width:50px; height:50px; margin-bottom:1px; background:#333; text-align:center; color:#fff; vertical-align:middle;}
/*visual*/
#mainVisual {height:415px; background:url('/images/main/visual_bg.gif') repeat-x left top;}
#mainVisual .slideWrap {width:960px; margin:0 auto; position:relative;}
#mainVisual .slideWrap .bx-pager {position:absolute; right:0; bottom:35px; z-index:50}
#mainVisual .slideWrap .bx-pager-link {background:url('/images/main/visual_bull.png') no-repeat left bottom; width:16px; height:16px; font-size:0; line-height:0; display:inline-block; margin:3px 0}
#mainVisual .slideWrap .bx-pager-link.active {background-position:left top;}
#subVisual {height:198px; position:relative; text-align:center; background:url(/images/common/subvisual_bg.gif) repeat left top;}
#subVisual .inner {background:url(/images/common/sub_visual.jpg) no-repeat center top; height:234px; }
#subVisual .inner .sub_visual_img {position:absolute; right:0; top:0px;}
/*main contents*/
.main #contents {}
.mainConWrap {}
.mainConWrap .productWrap {height:183px; background:url('/images/main/product_bg.gif') repeat-x left top; overflow:hidden; padding-top:40px;}
.mainConWrap .productWrap .cenn{ text-align:center;}
.mainConWrap .productWrap dl { display:inline-block; border-right:1px solid #cccccc; padding-right:25px; margin-right:25px; text-align:left; }
.mainConWrap .productWrap dl.last {margin:0; padding:0; border:0;}
.mainConWrap .productWrap dl dt {font-size:16px; font-family:'Nanum GothicB'; position:relative; margin-bottom:10px; }
.mainConWrap .productWrap dl dt .more {position:absolute; right:0; top:0; }
.mainConWrap .productWrap dl dt a {display:block; color:#004da7; }
.mainConWrap .productWrap dl dd {font-size:12px; line-height:16px; margin-bottom:5px;}
.mainConWrap .cols {width:960px; height:130px; margin:0 auto; overflow:hidden; padding:40px 0;}
.mainConWrap .cols > div {height:140px; }
.mainConWrap .cols h3 {font-size:17px; color:#000000; margin-bottom:20px; font-weight:normal }
.mainConWrap .col1 {width:240px; margin-right:40px}
.mainConWrap .col1 .more{position:absolute; top:0; right:0}
.mainConWrap .col1 .latest.basic {padding-top:5px;}
.mainConWrap .col1 .latest.basic li {background:url('/images/main/board_bull.gif') no-repeat left center; font-size:12px; margin-bottom:10px;}
.mainConWrap .col1 li a {font-size:12px; color:#666666; }
.mainConWrap .col1 li .date {float:right}
.mainConWrap .col2 {width:380px; margin-right:40px}
.mainConWrap .col2 ul {overflow:hidden; margin-top:10px;}
.mainConWrap .col2 li {float:left; text-align:center; background:url('/images/main/quick_bar.gif') no-repeat right top; padding-right:25px; margin-right:25px; font-family: 'Nanum Gothic'; }
.mainConWrap .col2 li img {margin-bottom:8px;}
.mainConWrap .col2 li.last {margin:0; padding:0; background:none;}
.mainConWrap .col2 li a {font-size:12px; color:#444;}
.mainConWrap .col3 {width:260px; background:url('/images/main/customer_bg.jpg') no-repeat right bottom;}
.mainConWrap .col3 p {font-size:12px; margin-bottom:3px; line-height:18px;}
.mainConWrap .col3 .num {font-size:30px; color:#004ca6; font-family:'Century Gothic'; font-weight:bold; letter-spacing:-1px;}
/*sub contents*/
#container {width:960px; overflow:hidden; margin:40px auto;}
.sub #contents{width:730px; float:right; min-height:400px; text-align:left;}
.sub #contents .titleArea {height:45px; margin-bottom:40px; position:relative; background:url('/images/common/title_line.gif') no-repeat left bottom;}
.sub #contents .titleArea h3{padding:0px; color:#000; font-size:27px; font-family: 'Nanum GothicB';}
.sub #contents .titleArea .location {padding-left:20px; position:absolute; right:0px; top:16px; font-size:11px; color:#999999; line-height:16px; background:url(/images/common/home.gif) left center no-repeat}
.sub #contents .titleArea .location .strong {font-weight:normal;}
/*contents*/
.contentsArea {padding:0px}
.contentsArea h4 {width:100%; height:auto; margin-bottom:30px; padding:0;}
.contentsArea p {line-height:20px; font-size:14px;}
.contentsArea p .blue {font-family:'Nanum GothicB';}
.section {margin-bottom:40px;}
/* 회사소개 */
.company {background:url('/images/company/company01_bg.jpg') no-repeat right bottom; padding-bottom:30px; }
.location {background:url('/images/company/company02_bg.jpg') no-repeat right top; }
.location .info span {background:url('/images/company/icon_arrow.gif') no-repeat left 1px; display:inline-block; padding:0 45px 5px 15px;}
/* 제품소개 */
.product .title {background:url('/images/product/product_bull.gif') no-repeat left center; padding-left:20px; font-size:16px; color:#333333; font-family:'Nanum GothicB'; margin-bottom:10px;}
.product .feature li {background:url('/images/common/snb_off.png') repeat-x left bottom; padding:15px 0; overflow:hidden; font-size:13px; line-height:18px;}
.product .feature li img {float:left; margin-right:15px;}
.product .feature li .title {background:none; font-size:15px; color:#004da7; padding:0; margin:5px 0 10px 0;}
.product .type1 {width:100%; overflow:hidden; border-top:2px solid #333; margin-right:-1px;}
.product .type1 table{width:100%; margin-top:-1px; border-bottom:1px solid #dadada; font-size:11px}
.product .type1 th, .product .type1 td{ padding:5px; text-align:center; font-size:13px; border-right:1px solid #dadada;}
.product .type1 th {vertical-align:top; background-color:#f5f5f5; padding:15px 0;}
.product .type1 th:last-child,.product .type1 td:last-child {border-right:0;}
.product .type2 {width:100%; overflow:hidden; border-top:2px solid #333; margin-right:-1px;}
.product .type2 table{width:100%; margin-top:-1px; border-bottom:1px solid #dadada; font-size:11px}
.product .type2 th, .product .type2 td{ padding:5px; text-align:center; font-size:13px; border-right:1px solid #dadada;}
.product .type2 th {vertical-align:middle; background-color:#f5f5f5; padding:15px 0;}
.product .type2 th:last-child,.product .type2 td:last-child {border-right:0;}
.product .type2 tbody th {padding:10px 0;}
.product .type2 th.bdb {border-bottom:1px solid #dadada;}
/*sub navigation bar*/
#SNB {width:181px; float:left;}
.SNBWrap {margin-top:0px; overflow:hidden;}
.SNBWrap h3 {color:#0049a3; font-size:27px; padding:15px 0 15px 10px; font-family:'Nanum GothicB'; background:url('/images/common/snb_top.gif') no-repeat right bottom}
.SNBWrap .menu {background:url('/images/common/snb_bg.gif') repeat-y right top; padding-right:1px;}
.SNBWrap .menu li {text-indent:14px; font-size:14px; width:100%; font-family: 'Nanum GothicB'; }
.SNBWrap .menu .snb_off {color:#555555; width:100%; background:url('/images/common/snb_off.png') no-repeat left bottom; height:30px; padding:0px; line-height:30px; }
.SNBWrap .menu .snb_on {color:#fff; width:100%; background:url('/images/common/snb_on.jpg') no-repeat left top; height:30px; padding:0px; line-height:30px;}
.SNBWrap .menu .snb_2dep{font-size:12px; color:#666; width:100%; background:#ffffff !important; height:15px; padding:0px; line-height:15px;}
.SNBWrap .menu .snb_2dep_on{font-size:12px; color:#339fd3; width:100%; background:#f5f5f5 !important; height:15px; padding:0px; line-height:15px;}
.SNBWrap .menu .snb_off a, .SNBWrap .menu .snb_off a:link {color:#555555; width:100%; display:block}
.SNBWrap .menu .snb_on a, .SNBWrap .menu .snb_on a:hover, .SNBWrap .menu .snb_off a:hover, .SNBWrap .menu .snb_on a:link {color:#fff; width:100%; display:block}
.SNBWrap .menu .snb_2dep a{color:#666; width:100%; display:block}
.SNBWrap .menu .snb_2dep a:hover, .SNBWrap .menu .snb_2dep_on a, .SNBWrap .menu .snb_2dep_on a:hover{color:#dd0000; width:100%; display:block}
/* banner */
.SNBWrap .banner {padding-top:30px; width:100%; clear:both}
.SNBWrap .banner li {text-align:left; margin:10px 0px; background:url('/images/common/banner.jpg') no-repeat left top; font-size:12px; color:#696969; line-height:15px;}
.SNBWrap .banner li a {display:block; height:85px; padding:17px;}
.SNBWrap .banner li a:hover {color:#444}
.SNBWrap .banner li .title {color:#003270; font-size:15px; font-family:'Century Gothic'; font-weight:bold; display:inline-block; padding-bottom:8px;}
/*foot*/
#foot{z-index:99999 !important; background-color:#eeeeee;}
.footWrap {width:1000px; padding:28px 0; margin:0 auto; position:relative; font-size:11px; overflow:hidden;}
.footWrap h3{padding-right:30px; float:left}
.footWrap .footCnt {float:left; color:#666666;}
.footWrap .footCnt address {padding-bottom:3px; margin-bottom:2px;}
.footWrap .footCnt .copy {font-size:10px; }
.footWrap .footCnt .way21 {padding-top:3px; color:#999;}