html{overflow:auto;}
body{background:#f5f5f5 url('/images/common/body_top.gif') repeat-x left top;}
#wrap {position:relative;}
#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.cols{display:inline-block}
.col1, .col2, .col3, .col4{float:left; position:relative;}
/*header*/
#header{height:120px; z-index:100;}
.headerWrap {width:1000px; margin:0 auto; position:relative;}
.headerWrap h1{width:150px; padding-top:55px;}
.headerWrap .util {width:1000px; height:44px; padding-right:0px; position:absolute; top:0px; right:0; z-index:10; font-size:11px;}
.headerWrap .util ul{margin-top:10px; overflow:hidden; float:right}
.headerWrap .util li {float:left; margin-left:10px;}
.headerWrap .util .f{background:none}
/* 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:376px; background:#3791b8 url('/images/main/visual_bg.jpg') no-repeat center top; z-index:1; border-top:1px solid #6c94a1; border-bottom:1px solid #6c94a1; position:relative;}
#subWrap {background-color:#3292b8; border-top:1px solid #8faeba;}
.subVisual{width:1400px; margin:0 auto; height:162px; position:relative}
.machin {position:absolute; right:270px; top:0}
/*main contents*/
.main #contents {height:246px; background:url('/images/main/con_bg.jpg') repeat-x left top;}
.mainConWrap {width:1000px; margin:0 auto;}
.mainConWrap .cols{width:1000px; margin-top:50px}
.mainConWrap .col1{width:270px; margin-right:35px; padding-right:25px; background:url('/images/main/con_bar.gif') no-repeat top right;}
.mainConWrap .col2{width:350px; height:150px; margin-right:35px; padding-right:15px; background:url('/images/main/con_bar.gif') no-repeat top right; position:relative;}
.mainConWrap .col2 ul {margin:0; padding:0;overflow:hidden}
.mainConWrap .col2 ul li {float:left;}
.mainConWrap .col2 li {padding:0; margin-right:2px;}
.mainConWrap .col2 li .no {cursor:pointer;}
.mainConWrap .col2 .text {display:none; width:187px; height:50px; position:absolute; left:0px; top:80px; background:url('/images/main/more.gif') no-repeat right 20px;}
.mainConWrap .col2 .view {display:none; position:absolute; right:10px; top:0px;}
.mainConWrap .col3{width:270px; height:150px;}
.mainConWrap .col3 .blue_t {color:#1091c1; font-size:20px; }
.mainConWrap .cols h3{margin-bottom:15px; font-size:14px; color:#333;}
.mainConWrap .col1 .more{position:absolute; top:0; right:0}
.mainConWrap .col2 .product{position:relative}
.mainConWrap .col2 h3{}
.mainConWrap .col2 .more{position:absolute; top:0; right:0px}
.mainConWrap .col2 .product .left{text-align:left; float:left; padding-right:5px;}
.mainConWrap .col2 .product .right{text-align:right; position:absolute; top:0; right:0; padding-left:5px;}
.mainConWrap .col2 .product #gallery{width:338px; height:70px; vertical-align:top}
/*sub contents*/
#containerWrap {background:#fff;}
#container {width:1000px; overflow:hidden; margin:0 auto; padding:50px 0;}
.sub #contents{width:771px; float:right; min-height:400px; text-align:left; margin-left:29px;}
.sub #contents .titleArea{height:40px; margin-bottom:50px; position:relative; background:url('/images/common/title_bar.jpg') no-repeat left bottom;}
.sub #contents .titleArea h3{padding:0px; color:#333; font-size:30px; font-family: 'Nanum GothicEB';}
.sub #contents .titleArea .location {padding-left:15px; position:absolute; right:0px; top:46px; font-size:12px; background:url(/images/common/icon/icon_location.gif) left 3px no-repeat}
.sub #contents .titleArea .location .strong{color:#555}
/*contents*/
.contentsArea{padding:0px}
.type1{font-size:12px!important; border-top:2px solid #0f8ebf}
.type1 td{padding:8px 0px 8px 8px; border-bottom:1px solid #CCCCCC; border-left:1px solid #ccc}
.type1 th{background:url('/images/common/tablethbg.jpg') left bottom repeat-x; border-bottom:1px solid #CCCCCC; padding-top:8px; padding-bottom:8px; border-left:1px solid #ccc; text-align:center}
.type1 .product_name{background:#F7F7F7; text-align:center; padding-top:8px; padding-bottom:8px; padding-left:0; padding-right:0}
.type1 .firstth{border-left:0; text-align:center;}
.type1 .taC{text-align:center; padding-top:8px; padding-bottom:8px; padding-left:0; padding-right:0}
.type2{font-size:12px!important; border-top:2px solid #0f8ebf}
.type2 td{padding:8px 0px 8px 8px; border-bottom:1px solid #CCCCCC; border-left:1px solid #ccc}
.type2 th{background:url('/images/common/table_th_T2.jpg') right bottom no-repeat; border-bottom:1px solid #CCCCCC; padding-top:8px; padding-bottom:8px; border-left:1px solid #ccc; text-align:center}
.type2 .product_name{text-align:center; padding-top:8px; padding-bottom:8px; padding-left:0; padding-right:0}
.type2 .firstth{border-left:0}
.type2 .taC{text-align:center; padding-top:8px; padding-bottom:8px; padding-left:0; padding-right:0}
/*product메뉴*/
.sub #contents .titleArea.product_p{margin-bottom:0px;}
.product_menu{margin-top:50px;}
.product_m {margin-bottom:30px; height:180px;}
.product_m li {width:148px; float:left; text-align:center; margin-right:5px; border:1px solid #dfdfdf; border-bottom:none;}
.product_m .m_last {margin-right:0px;}
.product_m li a {display:block;}
.product_m li a:hover span.pr_name {background:#0e89bb;}
.product_m li img {display:block; margin:0 auto;}
.product_m li span.pr_name {display:block; height:40px; background:#888888; color:#fff; line-height:40px; font-family:"나눔고딕", "Nanum Gothic"; font-weight:bold;}
/*연마재*/
.dottedline{border-bottom:1px dotted #666; padding-bottom:70px;}
.smallNO{font-size:8px;}
/*제품소개 서브인덱스*/
.mgB{margin-bottom:30px; display:inline-block;}
.pl_img{float:left; border:1px solid #dfdfdf;}
.pl_text{float:left; border:1px solid #dfdfdf; border-left:none; background:#f7f7f7; height:339px; width:440px;}
.pl_text img{padding:60px 0 0 60px; float:left;}
.pl_text a{display:inline-block; margin:20px 0 0 60px; background:#666; color:#fff; padding:10px 40px; font-size:15px; font-weight:bold; }
.pl_text a:hover{background:#0e89bb;}
/*sub navigation bar*/
#SNB {width:181px; float:left;}
.SNBWrap {margin-top:0px}
.SNBWrap h3{height:42px; font-weight:bold; color:#000; font-size:20px; padding-left:10px; font-family: 'Nanum GothicB'; background:url('/images/common/title_bg.gif') no-repeat top right;}
.SNBWrap .menu {padding-bottom:27px; background:url('/images/common/left_end.gif') no-repeat right bottom;}
.SNBWrap .menu li{text-indent:14px; width:100%; margin:0px; font-family:'Verdana', 'Nanum GothicB', '돋움', Dotum;}
.SNBWrap .menu .snb_off{font-size:14px; color:#000; width:100%; background:url('/images/common/left_off.jpg') no-repeat left top; height:30px; padding:0px; line-height:30px;}
.SNBWrap .menu .snb_on{font-size:14px; color:#fff; width:100%; background:url('/images/common/left_on.jpg') no-repeat left top; height:30px; padding:0px; line-height:30px;}
.SNBWrap .menu .snb_off a, .SNBWrap .menu .snb_off a:hover, .SNBWrap .menu .snb_off a:link {color:#555555; width:100%; display:block; font-family:'Verdana', 'Nanum GothicB', '돋움', Dotum;}
.SNBWrap .menu .snb_on a, .SNBWrap .menu .snb_on a:hover, .SNBWrap .menu .snb_on a:link {color:#fff; width:100%; display:block; font-family:'Verdana', 'Nanum GothicB', '돋움', Dotum;}
/* 제품소개 snb */
.SNBWrap .menu li.pro {text-indent:14px; width:100%; margin:0px;font-size:13px;}
.SNBWrap .menu .pro_snb_off{font-size:14px; color:#000; width:100%; background:url('/images/common/left_off.jpg') no-repeat left top; height:30px; padding:0px; line-height:30px;}
.SNBWrap .menu .pro_snb_on{font-size:14px; color:#fff; width:100%; background:url('/images/common/left_on.jpg') no-repeat left top; height:30px; padding:0px; line-height:30px;}
.SNBWrap .menu .pro_snb_off a, .SNBWrap .menu .pro_snb_off a:hover, .SNBWrap .menu .pro_snb_off a:link {color:#555555; width:100%; display:block; font-family:'Verdana', 'Nanum GothicB', '돋움', Dotum;}
.SNBWrap .menu .pro_snb_on a, .SNBWrap .menu .pro_snb_on a:hover, .SNBWrap .menu .pro_snb_on a:link {color:#fff; width:100%; display:block; font-family:'Verdana', 'Nanum GothicB', '돋움', Dotum;}
/* banner */
.SNBWrap .banner{margin-top:25px; width:100%;}
.SNBWrap .banner li{width:181px; text-align:center; margin-bottom:5px; }
/*somo*/
.somo_img img{padding-bottom:50px;}
/*foot*/
#foot{}
.bottom {width:1000px; height:50px; margin:0 auto; background:url('/images/common/bottom_bar.gif') repeat-x left top; position:relative; }
.bottom .bottom_text a {float:left; height:20px; width:90px; z-index:9999; cursor:pointer; padding-top:18px;}
.bottom .bottom_text a.top {width:28px; z-index:9999; padding:10px 0;}
.bottom .bottom_text a:hover {color:#444;}
.footWrap { height:100px; background:url('/images/common/foot_bg.gif') repeat-x left top;}
.footWrap .footCnt{width:1000px; margin:0 auto; position:relative; font-size:11px; padding-top:18px;}
.footWrap .footCnt address{padding-bottom:3px;}
.footWrap .footCnt address span{padding-right:10px; margin-right:10px; background:url(/images/common/util_gap.gif) right 2px no-repeat}
.footWrap .footCnt .way21{position:absolute; right:0; top:18px}
.footWrap .footCnt .way21 a, .footWrap .footCnt .way21 a:hover, .footWrap .footCnt .way21 a:active, .footWrap .footCnt .way21 a:visit, .footWrap .footCnt .way21 a:link{color:#ccc !important;}