/* CSS Document utf-8 */

body {background:url(../images/include/sub_bg.jpg) repeat-x center 0px;}

/*******************상단 영역**********************/
.top_wrap{ position:relative;z-index:100; height:170px; min-width:1100px;}

.gnb{ width:1100px; margin:0 auto; /*height:10px;*/position:relative;z-index:500;/* border:1px solid blue;*/ }
.gnb .logo{ position:absolute; left:0px; top:0px;}
.gnb_info{ float:right; padding:16px 0px 0 0;}
.gnb_info li{ float:left; font-size:11px;color:#cccccc; line-height:13px;font-family:"tahoma","돋움", sans-serif;}
.gnb_info li.lang {padding:0 0 0 20px; background:url(../images/include/gnb_line.jpg) no-repeat 10px 2px;}
.gnb_info li:first-child {margin-right:5px;}
.gnb_info li:nth-child(2) {margin-right:10px;}
.gnb_info li:first-child a, .gnb_info li:nth-child(2) a {border:1px solid #ddd; padding:1px 5px 2px; border-radius:3px;}
.gnb_info li:first-child a:hover, .gnb_info li:nth-child(2) a:hover {background:#4ba921; border:1px solid #4ba921; border-radius:3px; color:#fff;}
.gnb_info li:nth-child(3) {background:none;}
.gnb_info li a{ letter-spacing:0px;}
.gnb_info li a:link, .gnb_info li a:visited { color:#333333; text-decoration:none;   }
.gnb_info li a:hover, .gnb_info li a:active { color:#000000;  text-decoration:none;  }
.gnb_info li.on a{ color:#dd1919;}


/*탑메뉴*/
.top_menu_wrap { position:absolute; background:url(../images/include/top_hidden_bg_01.png) no-repeat 50% bottom; top:0px;left:0px; z-index:300; width:100%; height:81px; overflow:hidden;  }


.top_line_x{ background:url(../images/include/top_line_x.png) repeat-x center bottom; height:81px;}

/*탑 메뉴*/
.top_menu_wrap .top_menu{ width:1100px; margin:0 auto; height:81px; position:relative; }

/*메뉴왼쪽 txt*/
.top_menu_wrap .top_menu .menu_left_txt{ position:absolute; top:141px; left:0px; }


.top_menu_wrap .top_menu { background:url(../images/include/top_view_bg.jpg) no-repeat 0px bottom; padding:0px;  }
.top_menu_wrap .top_menu .depth_01 { height:81px; /*overflow:hidden;*/ /*float:left;*/ position:absolute; top:15px; left:292px; }
.top_menu_wrap .top_menu .depth_01 li { float:left; /*margin:0 auto 0 -35px;*/ width:190px; padding:0 0 0 10px;/*text-align:center;*/ text-align:left; cursor:default; }
.top_menu_wrap .top_menu .depth_01 li:first-child{}
.top_menu_wrap .top_menu .depth_01 li a { display: inline-block; margin:30px 0px 30px 6px; padding:0 0 0 0px;}

/*상단 중메뉴 시작*/
.top_menu_wrap .top_menu .depth_01 li ul{margin:21px 0 0 0; padding:0;/*height:200px;*/  }
.top_menu_wrap .top_menu .depth_01 li ul li{text-align:left; width:170px; padding:0 0 0 0px; margin:0px;  }
.top_menu_wrap .top_menu .depth_01 li ul li:first-child{ }
.top_menu_wrap .top_menu .depth_01 li ul li a {margin:1px 0 1px 0px; padding:3px 5px 3px 8px; font-family:"NanumGothic", "돋움", sans-serif; font-size:13px; line-height:16px; }
.top_menu_wrap .top_menu .depth_01 li ul li a:link,
.top_menu_wrap .top_menu .depth_01 li ul li a:visited { color:#333333;text-decoration:none;}
.top_menu_wrap .top_menu .depth_01 li ul li a:hover,
.top_menu_wrap .top_menu .depth_01 li ul li a:active { color:#006cda;text-decoration:none;background:url(../images/include/top_depth_02_arrow.gif) no-repeat 0px 8px;}

/*대메뉴 on일때 */
.top_menu_wrap .top_menu .depth_01 a.on{/*제이쿼리에서 컨트롤*/}

/*중메뉴 on일때 */
.top_menu_wrap .top_menu .depth_01 li ul li a.on{ color:#006cda;text-decoration:none;background:url(../images/include/top_depth_02_arrow.gif) no-repeat 0px 8px;}




/*******************가운데 영역**********************/
/*가운데 컨텐츠 랩*/

.contenstswrapper{width:1100px; margin:0 auto; position:relative; top:0px; left:0px; padding:0px 0 50px 0 ; clear:both; min-height:600px; height:auto !important; height:600px; background:url(../images/include/left_menu_bg_y.png) repeat-y 0px 0px;}

/*왼쪽서브 메뉴*/
#snb {/*position:absolute; top:0px; left:0px; z-index:10;*/margin:0; padding:0 0 14px 0; padding:0px; width:200px; float:left; background:url(../images/include/left_menu_bg_y.png) repeat-y 0px 0px; }


#snb .left_title{ width:180px;padding:70px 20px 0 0px;  height:73px; background:url(../images/include/left_title_bg.jpg) no-repeat 0px bottom; /*text-align:center; */}

#snb .left_title span{ display:block;font-family:"NanumGothic", "돋움", sans-serif; font-size:20px;  color:#010101; line-height:24px; font-weight:normal;}
#snb .left_title span{/*border:1px solid red;*/ height:25px; overflow:hidden;}

#snb .left_title .left_eng_txt{ font-size:14px; color:#999999;font-weight:normal; letter-spacing:0px; }


.left_menu{ width:200px; margin:0px;/* word-break:break-all; word-wrap:break-word; overflow:auto; white-space:normal; */  }


.left_menu li{line-height:15px;width:200px; background:url(../images/include/leftmenu_menu_bullet_01.gif) no-repeat 0px 0px;position:relative; }
.left_menu li:first-child{ /*margin:40px 0 0 0;*/ }
.left_menu li:hover{background:url(../images/include/leftmenu_menu_bullet_01_hover.gif) no-repeat 0px 0px;}

.left_menu li a{display:block;padding:12px 18px 10px 22px; margin:0px;font-size:14px; line-height:16px;width:160px; border-bottom:1px solid #ececec;  font-family:"NanumGothic", "돋움", sans-serif;  letter-spacing:0px; }


.left_menu li a:link,
.left_menu li a:visited{text-decoration:none; color:#666666; }
.left_menu li a:active,
.left_menu li a:focus,
.left_menu li a:hover{text-decoration:none; color:#333333; }


/*소메뉴 있는 중메뉴 표시*/
.left_menu li a .arrow_01{ background:url(../images/include/leftmenu_menu_arrow_02.gif) no-repeat 100% 0px;  height:5px; width:7px; position:absolute; right:10px; top:18px; }



/*중메뉴 올렸을때*/
.left_menu li.on{background:url(../images/include/leftmenu_menu_bullet_01_hover.gif) no-repeat 0px 0px;}
.left_menu li.on a{ text-decoration:none; color:#3f6fc5; font-family:"NanumGothicBold", "돋움", sans-serif; }

.left_menu li.on ul li a{font-family:"NanumGothic", "돋움", sans-serif; font-weight:normal;}


.left_menu li ul{ padding:8px 0 13px 0; *padding:12px 0 13px 0; background:#fafafa;border-bottom:1px solid #ececec; width:196px;  }
.left_menu li ul li{font-size:11px;line-height:13px; border:none; background:none;}
.left_menu li ul li:first-child{margin:4px 0 0 0; }
.left_menu li ul li:hover{ background:none;}

.left_menu li ul li a{ margin:2px 0px 1px 18px;padding:2px 7px 1px 10px;font-size:11px; border:none;line-height:13px;font-family:"NanumGothic", "돋움", sans-serif; display:inline-block; width:auto; height:auto; max-width:150px; font-weight:normal; letter-spacing:0px;word-spacing:-1px;}
.left_menu li ul li a:link,
.left_menu li ul li a:visited{ text-decoration:none; color:#666666;background:url(../images/include/leftmenu_menu_bullet_02.gif) no-repeat 4px 6px;}
.left_menu li ul li a:active,
.left_menu li ul li a:focus,
.left_menu li ul li a:hover{text-decoration:none; color:#303030;/*background:url(../images/include/leftmenu_menu_bullet_02_on.gif) no-repeat 4px 6px;*/}

/*소메뉴 올렸을때*/
.left_menu li.on ul{ /*border:1px solid #292929;border-top:none;*/}
.left_menu li ul li.on{ background:none;}
.left_menu li ul li.on a{ color:#3f6fc5; font-weight:normal; background:url(../images/include/leftmenu_menu_bullet_02_on.gif) no-repeat 4px 6px; letter-spacing:0px;word-spacing:-1px;}

/*소메뉴 올렸을때*/
.left_submenu {display:none;}



/*왼쪽 하단 정보*/
.left_bottom_info{margin:39px 0 0px 0; }
.left_bottom_info li{font:0/0 arial; margin:0 0 100px 0;}



	
/*가운데 컨텐츠*/
.container{/*position:relative;*//*min-height:400px; height:auto !important; height:400px;*/ padding:0 0px 40px 250px; }
.sub_title{ padding:70px 0 0 0px; height:60px; }
.sub_title h1{ float:left; width:450px;font-family:"NanumGothic", "돋움", sans-serif; font-size:20px; line-height:23px; letter-spacing:-1px; word-spacing:-1px; color:#3f6fc5; font-weight:normal; padding:0px;} 
	/* 제품소개 - 활성탄재생시스템 부분 타이블만 변경 */
	.product_tit .sub_title h1 p {color:#999; margin-top:2px;}

.sub_title .location{float:right; font-size:11px; line-height:12px; padding:1px 0px 0 0; color:#999999;font-family:"NanumGothic", "돋움", sans-serif;}
.sub_title .location span{ padding:0 0 0 20px;background:url(../images/include/location_arrow.gif) no-repeat 4px 0px; letter-spacing:-1px;}

.sub_title .location .home_location{ background:none; display:inline-block; position:relative; top:4px;}
.sub_title .location .location_depth_02{ background:none;padding:0 0 0 10px;}

.contents_title{float:left; width:850px; height:40px; background:url(../images/product/contents_title_img.jpg) no-repeat 0px -2px; padding:0 0 0 10px;} 


.container .contents{padding:0; margin-top:10px;background:#FFF;  /*width:850px; 서브 내용 가로길이*/word-break:break-all; word-wrap:break-word; /*overflow: auto; white-space:normal;*/}





/*오른쪽 퀵*/
.quick_position{ position:absolute; top:0px; right:-15px; width:0px; _display:none;}
#quick_top{ font:0/0 arial;text-align:center; margin:0; display:none;}



/*******************하단 영역**********************//*******************하단 영역**********************/
.bottom_wrap{width:100%; min-width:1100px; clear:both; height:60px;  border-top:1px solid #cccccc; padding:30px 0 0 0;}

/*하단 로고, 주소*/
.bottom_copyright{width:1100px; margin:0 auto; padding:20px 0 40px 0; }
.bottom_copyright {font-style:normal;color:#999999; font-size:11px; line-height:14px; padding:0;letter-spacing:0px; }
.bottom_copyright .logo_01{font:0/0 airal; float:left; width:160px;}


.bottom_txt_group{ float:left; width:900px; padding-top: 5px;}
.bottom_link_01{ width:900px;height:22px; margin:14px 0 0 0;}

.bottom_link_01 li{ float:left;background:url(../images/include/bottom_link_gab.jpg) no-repeat 0px 2px; padding:0 0 0 12px; margin:0px 0 0 12px;font-family:"돋움", sans-serif; font-size:11px; letter-spacing:-1px; line-height:16px;}
.bottom_link_01 li:first-child{ background:none; padding-left:0px; margin-left:0px;}
.bottom_link_01 li a{ color:#333333; /*display:inline-block; padding:3px 2px 0 2px; *padding:3px 1px 0 1px;*/}
.bottom_link_01 li a:link, .bottom_link_01 li a:visited { color:#333333; text-decoration:none; }
.bottom_link_01 li a:hover, .bottom_link_01 li a:active { color:#000000; text-decoration:underline; }

.bottom_copyright .txt_01{padding:0; margin:0 40px 25px 0; clear:both; float:left;}
.bottom_copyright .txt_01 p {margin-bottom:5px;}
.bottom_copyright .txt_01 span{ padding:0 8px;}
.bottom_copyright .txt_01 cite{color:#999999; display:block; font-style:normal; font-size:11px; line-height:18px; font-family:Tahoma; margin:0px; letter-spacing:0px;}
.bottom_copyright .bottom_privacy {float:right; font-weight:bold;}
.bottom_copyright .bottom_privacy a {color:#3f6fc5;}
.bottom_copyright .bottom_privacy a:hover {color:red;}