﻿/* layout */
#wrapper {width:100%; }
#headerWrap {height:56px; margin-top:30px; background:url(/html/i_images/i_common/sitemenu_bg.png) repeat-X; }
#headerWrapSub {height:156px; margin-top:30px; background:url(/html/i_images/i_common/sitemenu_bg.png) repeat-X; }
#header {margin:0 auto; width:1024px; height:79px;  }
#contents, #slogan, .footerInner{margin:0 auto; width:1024px;}

/* 메인 콘텐츠 layout */
#visual{width:100%; height:513px; margin:0 auto; background:url(/jsp/kcga/eng/img/eng_visual_bg.gif) repeat-x 0 0;}
#visual span{background:url(/jsp/kcga/eng/img/eng_main_visual.png) no-repeat top center; height:513px; width:100%; padding:0; margin-top:-39px; *margin-top:0; display:inline-block; }

#contents {min-height:400px; width:1024px;}
.section1 {float:left; width:341px; display:inline; /* ie6 더블해결 */;}
.section2 {float:left; width:341px; }
.section3 {float:left; width:342px; }

#mainBox1 {position:relative; height:200px; margin:0px 0 0 1px; background:url(/jsp/kcga/eng/img/main_banner2.png) no-repeat top center;}
#mainBox1 h2 {padding:15px 0 0 0; padding:16px 0 0 23px; color:#fff; font-weight:bold; font-size:20px; font-family:'돋움',dotum;}
#mainBox1 ul {overflow:hidden; padding:7px 0 0 18px; }
#mainBox1 ul li {display:block;width:100px; float:left; padding:30px 0; text-align:center;} 
#mainBox1 ul li a{display:block; color:#fff; font-weight:bold; font-size:13px; font-family:'돋움',dotum; line-height: 35px;}
#mainBox1 ul li a img {display:block; margin:0 auto 5px; overflow:hidden;}
#mainBox1 ul li a:hover {color:#fb1a03}

#mainBox2 {position:relative; height:200px; margin:0px 0 0 1px; background:url(/jsp/kcga/eng/img/main_banner3.png) no-repeat top center;}
#mainBox2 ul {overflow:hidden; padding:4px 0 0 18px; }
#mainBox2 ul li {display:block; width:300px; float:left; padding:35px 0; text-align:center;} 
#mainBox2 ul li a{display:block; color:#fff; font-weight:bold; font-size:18px; font-family:'돋움',dotum; line-height: 20px;}
#mainBox2 ul li a img {display:block; margin:0 auto 5px; overflow:hidden;}
#mainBox2 ul li a:hover {color:#fb1a03}

#mainBox3 {position:relative; height:200px; margin:0px 0 0 1px; no-repeat top center;}

#mainBox4 {position:relative; height:200px; margin:0px 0 0 1px; no-repeat top center;}

#mainBox5 {position:relative; height:200px; margin:0px 0 0 1px; background:url(/jsp/kcga/eng/img/main_banner4.png) no-repeat top center;}
#mainBox5 ul {overflow:hidden;margin:63px 0 0 13px;}
#mainBox5 ul li {position:relative;width:100%;font-family:'돋움',dotum;l; line-height:22px; font-size:13px; overflow:hidden;}
#mainBox5 ul li a {display:block; width:85%; padding-left:11px; float:left; color: #fff;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; background: url("/jsp/kcga/eng/img/news_dot.png") no-repeat 0 9px;}
#mainBox5 ul li a:hover {text-decoration:underline;}
#mainBox5 ul li span.date {display:block;width:25%;float:right;text-align:right;color: #fff;font-size: 14px;}
#mainBox5 .btn_more{position:absolute; width:18px; height:18px; right:25px; top:25px; text-indent: -9999em; line-height: 0; font-size: 0;  background:url("/jsp/kcga/eng/img/btn_more.png") no-repeat right center;}
#mainBox5 .btn_more:hover{-ms-transform:rotate(720deg);}

#mainBox6 {position:relative; height:200px; margin:0px 0 0 1px; no-repeat top center;}

#footer {height:110px; background:url(/jsp/kcga/eng/img/eng_footerbg.gif) repeat-x 0 0;}
















