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

/* 레이아웃 */
html{overflow-y:scroll; scrollbar-face-color:#ffffff; 
scrollbar-shadow-color:#B1C7FA; 
scrollbar-highlight-color:#B1C7FA;
scrollbar-3dlight-color:#B1C7FA; 
scrollbar-darkshadow-color:#B1C7FA; 
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#ffffff;}
*{margin:0;padding:0}
ul,ol,li{list-style:none}
img{border:0}
a{color:#333;text-decoration:none}
a:hover{color:#333;text-decoration:none !important}
a,img {outline:none; selector-dummy: expression(this.hideFocus=true);}
body{font:12px "malgun gothic", "맑은고딕", NanumGothic, "나눔고딕", Dotum, "돋움", gulim, "굴림", verdana, sans-serif; color:#333;}
caption{display:none}


#wrap{width:100%}
#header_wrap{width:100%;height:75px;margin:0 auto;}
#header{width:970px;margin:0 auto;padding:5px 0 5px 0}
#container{width:100%;margin:0 auto 60px auto;clear:both;}
#footer_wrap{width:100%;height:252px;margin:0 auto; background-color:#f3f3f3;clear:both}
#footer{width:970px;height:152px;margin:0 auto;padding-top:0px;text-align:left;clear:both;}

#Link{width:80px;margin-left:5px;font-size:10px;font-weight:bold}
.selectlayer { display:block; position:relative; height:20px; background:none; border:none; cursor:pointer; }
.selectlayer a.default { height:20px;line-height:20px; display:block; color:#ffffff;  text-decoration:none; background-color:#77aed9; text-align:center}
.selectlayer a.default:hover { text-decoration:none; }
.selectlayer ul { top:20px; position:absolute; display:none; width:100%; background-color:#A8DAFB; border:0px solid #dddddd;  }
.selectlayer ul li { height:20px; display:block; width:100%; }
.selectlayer ul li a { display:block; color:#010101;line-height:line-height:20px; text-decoration:none;text-align:center }
.selectlayer ul li a:hover { background-color:#A8DAFB; color:#ffffff; text-decoration:none; }
.selectlayer ul li a.selected { background-color:#A8DAFB; color:#ffffff; }



/* 헤더 */
.tnb{float:right}
.tnb li{float:left}
.gnb{clear:both;height:42px}
.gnb .logo{float:left;margin-right:54px}
.gnb ul{float:left}
.gnb ul li{float:left;margin-right:21px}
.gnb ul li.mr0{;margin-right:0px}

/* 컨테이너 */
.top_img1{width:100%;height:162px;margin:0 auto;background:url(../images/main/top_img1_bg.jpg) no-repeat 0 0;}
.top_img2{width:100%;height:162px;margin:0 auto;background:url(../images/main/top_img2_bg.jpg) no-repeat 0 0}
.top_img3{width:100%;height:162px;margin:0 auto;background:url(../images/main/top_img3_bg.jpg) no-repeat 0 0}
.top_img4{width:100%;height:162px;margin:0 auto;background:url(../images/main/top_img4_bg.jpg) no-repeat 0 0}
.top_img5{width:100%;height:162px;margin:0 auto;background:url(../images/main/top_img5_bg.jpg) no-repeat 0 0}
.t_img{width:970px;margin:0 auto;}
.cate{width:970px;margin:0 auto;;height:60px;line-height:60px}
.cate ul{float:right}
.cate ul li{float:left;color:#ababab;font-size:12px;}
.content{width:970px;margin:0 auto}
.content .lnb{width:169px;float:left}
.content .lnb ul li img{vertical-align:top}
.content  .contents{width:758px;padding-left:42px;border-left:1px dashed #d9d9d9;height:100%;float:left}
.fwb{font-weight:bold}


/* 푸터 */
#footer ul{}
.main_footer_div{margin:20px auto 0 auto;height:133px}
.main_footer_div div{float:left;width:178px;height:123px;border-right:1px solid #dbdbdb;padding-left:15px;}
.footer_div_ul li{float:none;margin-bottom:8px}
.footer_div_ul li b{color:#888888}
.footer_div_ul li a{color:#8d959c}
.footer_ul2{}
.footer_ul2 li{float:left}
.sitemap{ width:970px; height:163px;background:url(images/main/footer_menu_bg.gif) no-repeat}
.sitemap ul li{list-style:none;width:194px; float:left; margin:0 !important} 
.sitemap ul li dl{ margin:18px 0 0 5px} 
.sitemap ul li dl dt{margin:0 0 13px 0; font-weight:bold; color:#828282 !important }
.sitemap ul li dl dd{margin-bottom:3px; font-size:11px;color:#868e95 !important}
.sitemap ul li dl dd a{margin-bottom:3px; font-size:11px;color:#868e95 !important}
.copylight ul li {float: none !important; color:#999999; font-size:11px}

/* 메인 */
.main01{width:585px;margin:0 auto;}
.main02{width:970px;margin:0 auto;}
.main02 li{margin:0}

#main{width:970px; margin:0 auto;}
#main .top {width:970px;height:370px}
#main .top .main_visual{width:710px;height:370px; float:left}
#main .top .right_menu{width:258px;height:370px; float:right}
#main .top .right_menu ul li{list-style:none; font-size:0; margin:0 !important}

#main .middle {width:970px;height:204px;margin-top:10px}
#main .middle .changhae_ethanol_news {width:485px;height:204px; float:left}
#main .middle .changhae_ethanol_news .title{width:184px; height:204px; float:left}
#main .middle .changhae_ethanol_news .contents{width:301px;height:204px;background-color:#02c072; float:left}

#main .middle .jengineering_news {width:485px;height:204px; float:left}
#main .middle .jengineering_news .title{width:189px; height:204px; float:left}
#main .middle .jengineering_news .contents{width:296px;height:204px;background-color:#0268c0; float:left}


/* 창해 */
.changhae3_table{margin-top:50px;width:758px;border-top:1px solid #000;border-collapse:collapse}
.changhae3_table td{border-bottom:1px solid #dedede}
.changhae3_table td.td1{padding:16px 0;}
.changhae3_table td.td2{padding:0 0 0 20px;}
.changhae3_table td.td2 b{font-size:14px}
.changhae3_table td.td2 span{font-size:12px;color:#8d959c}
.changhae3_table td.td3{padding:70px 0 0 2px;}
.changhae3_table td.td4{padding:16px 0 16px 20px;border-bottom:0 !important;}
.changhae3_table td.td4 b{font-size:14px}

.changhae4_table{margin-top:50px;width:758px;border-top:1px solid #000;border-collapse:collapse}
.changhae4_table td{border-bottom:1px solid #dedede}
.changhae4_table td.td1{padding:16px 0;text-align:right}
.changhae4_table td.td2{padding:0 0 0 20px;border-bottom:0 !important;}
.changhae4_table td.td2 b{font-size:14px}
.changhae4_table td.td2 span{font-size:12px;color:#788183;line-height:20px}
.changhae4_table td.td3{padding:70px 0 0 2px;}
.changhae4_table td.td4{padding:16px 0 16px 20px;border-bottom:0 !important;}
.changhae4_table td.td4 b{font-size:14px}

/* 창해 에탄올*/
#TabMenu{ width:100%;display:block;margin-top:50px}
#TabMenu img { border:none}
#TabMenuSub { width:758px;float:left}
#TabMenuSub ul {width:100%;border-bottom:2px solid #0077d3;height:29px}
#TabMenuSub ul,li{list-style:none; float:left; margin-right:3px; padding:0}
.TabNoticeStyle{clear:both;margin-top:30px}

.changhae_e4_table{margin-top:0px;margin-bottom:30px;width:758px;border-top:1px solid #000;border-collapse:collapse}
.changhae_e4_table th{padding:10px 0 10px 15px;font-size:12px;color:#333;background:#f7f7f7;border-bottom:1px solid #e4e4e4 ;text-align:left}
.changhae_e4_table td{padding:10px 0 10px 15px;font-size:12px;color:#788183;border-bottom:1px solid #e4e4e4}

.e5{font-size:12px;color:#8d959c;margin:20px 0 10px 0}

.changhae_e5_table{width:758px;margin-bottom:30px;border-collapse:collapse}
.changhae_e5_table thead th{padding:10px 0;background:#dfedf8;border:1px solid #cccccc ;}
.changhae_e5_table tbody th{background:#f9f9f9;font-size:12px;color:#697178;padding:15px 0 15px 10px;text-align:left;border:1px solid #cccccc ;vertical-align:middle;text-align:center;}
.changhae_e5_table tbody td{padding:15px 15px 15px 22px;font-size:12px;color:#8d959c;border:1px solid #cccccc ;line-height:18px}

/* 창해 종합기술원*/
.changhae_a12_table{width:758px;border-collapse:collapse}
.changhae_a12_table th{padding:12px 0;background:#f6f6f6;border:1px solid #d8d8d8;}
.changhae_a12_table td{padding:10px 0;text-align:center;color:#555;border:1px solid #d8d8d8}
.changhae_a12_table .bl0{border-left:0px !important}
.changhae_a12_table .br0{border-right:0px !important}
.changhae_a12_table td.td1{padding:10px 0;text-align:center;color:#555;border-bottom:1px dashed #d8d8d8 !important}
.changhae_a12_table td.td2{padding:10px 0;text-align:center;color:#555;border-top:0px !important}
.changhae_a12_table td span{color:#999}