@import url("common.css");

/* 메인비주얼 */
@charset "utf-8";

.main_visual {position:relative; padding:20px 0px 20px 20px;}

#main_container {position:relative; width:100%;}

/***** 배너들 *****/
#main_container .main_bann01 {position:relative; overflow:hidden; clear:both; *zoom:1; margin:0 0 20px 20px;}
	.main_bann01 .big_banner {float:left; width:645px;}
	.main_bann01 .slide_banner {position:relative; float:left; width:195px;}
		
	div.slide-wrap {position:relative; height:270px; margin:0px;}
	div.slide {overflow:hidden; position:relative; top:21px; height:228px !important; border-right:1px solid #ddd; border-left:1px solid #ddd;}
	div.slide div.cycle-carousel-wrap {width:auto !important;}
	div.slide a {display:block; width:195px; color:#555555; font-size:.9em; letter-spacing:-0.5pt;}
	div.slide a strong {display:block; font-size:1.2em; letter-spacing:-0.5pt; color:#333333; padding-top:5px;}
	div.slide a dl {width:170px; border-bottom:1px dotted #ddd; margin:0px auto; padding:10px 0px; overflow:hidden; clear:both; *zoom:1;}
	div.slide a dt {float:left; height:35px; width:107px; padding:8px 0px; line-height:140%; font-size:11px; letter-spacing:-0.5pt;}
	div.slide a dd {float:left; width:63px; height:53px; text-align:right;} 
	div.slide-wrap button {position:absolute; width:195px;height:21px;	background:url('/eng/img/slide_arrow.gif') no-repeat left top;	 text-indent:-9999px;}
	div.slide-wrap button.prev {top:0;	right:0px; background-position:left top;}
	div.slide-wrap button.next {bottom:0; right:0px; background-position:left bottom;}
	


#main_container .main_bann02 {position:relative; overflow:hidden; clear:both; *zoom:1; margin:0 0 40px 20px;}
	.main_bann02 p:nth-child(1) {float:left; width:425px; margin-bottom:10px;}
	.main_bann02 p:nth-child(2) {float:left; width:415px; margin-bottom:10px;}
	.main_bann02 p:nth-child(3) {float:left; width:425px;}
	.main_bann02 p:nth-child(4) {float:left; width:415px;}
	.main_bann02 p:nth-child(4) a.bn_form {display:block; float:left; background:url('/eng/img/bn_form.gif') top left no-repeat; width:80px; height:52px; margin-right:10px; color:#fff; padding:34px 0px 34px 120px; line-height:140%;}
	.main_bann02 p:nth-child(4) a.bn_lastexpo {display:block; float:left; background:url('/eng/img/bn_lastexpo.gif') top left no-repeat; width:85px; height:52px; color:#fff; padding:34px 0px 34px 120px; line-height:140%;}
	.main_bann02 p:nth-child(4) span {display:block; color:#96989b; margin-top:6px; font-size:.9em;}


/***** FOCUS ON *****/
#main_container .focus_on {position:relative; width:100%; margin-bottom:40px;}
	.focus_on h2 {padding:0px 0px 13px 30px; font-size:1.3em;}
	.focus_on ul {width:836px; border-top:1px solid #dddddd; border-left:1px solid #dddddd; margin-left:22px; overflow:hidden; clear:both; *zoom:1;}
	.focus_on li {float:left; width:200px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:4px; }

/***** 시공실적 *****/
/*#main_container .result_area {position:relative; width:980px; background:#fff ; padding:30px;}
	.result_area ul {width:980px; overflow:hidden; clear:both; *zoom:1;}
	.result_area li {float:left; width:20%;}
	.result_area dl {width:140px; margin:0 auto;}
	.result_area dt {text-align:center; padding-bottom:17px;}
	.result_area dt img {border:1px solid #dfdfdf;}
	.result_area dd p {overflow:hidden; clear:both; *zoom:1; padding-bottom:7px;}
	.result_area dd p strong {float:left; width:40px; color:#333; font-size:.9em;}
	.result_area dd p span {float:left; width:100px; color:#666;}
	.result_area dd p span.subject {color:#f44734;letter-spacing:-1px;}
	.result_area dd a.more {font-size:.9em; display:block; padding-top:2px; color:#888;}

	.bx-wrapper {width:926px; margin:0 auto; }
	.bxslider {width:100%; margin:0 auto; overflow:hidden; clear:both; *zoom:1;}
	.bxslider li {float:left; width:20%;}
	.bxslider dl {width:140px; margin:0 auto;}
	.bxslider dt {text-align:center; padding-bottom:17px;}
	.bxslider dd p {overflow:hidden; clear:both; *zoom:1; padding-bottom:7px;}
	.bxslider dd p strong {float:left; width:40px; color:#333; font-size:.9em;}
	.bxslider dd p span {float:left; width:100px; color:#666;}
	.bxslider dd p span.subject {color:#f44734;}
	.bxslider dd a.more {font-size:.9em; display:block; padding-top:2px; color:#888;}

	.btnLeftM {position:absolute; right:30px; top:71px; width:20px; height:30px; z-index:10;}
	.btnLeftM img {margin-top:30px;}
	.btnRightM {position:absolute; left:30px; top:71px; width:20px; height:30px; text-align:right; z-index:10;}
	.btnRightM img {margin-top:30px;}*/


/***** 메인 내용 *****/
#main_container .main_content {position:relative; width:840px; margin:0 0 50px 20px; overflow:hidden; clear:both; *zoom:1;}
	.notice_area {position:relative; float:left; width:380px; height:170px; margin-right:45px;}
	.notice_area .mtab_news {background:#f3f3f3; width:378px; height:35px; margin-bottom:23px; border:1px solid #ddd;}
	.notice_area .mtab_news li {float:left;}
	.notice_area .mtab_news li a {display:inline-block; width:99px; text-align:center; font-weight:bold; color:#757575; background:#f3f3f3; height:35px; line-height:35px; border-right:1px solid #ddd; font-size:1.1em;}
	.notice_area .mtab_news li a.on, .notice_area .mtab_news li a:hover {color:#333; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #fff;}
	.notice_area .list_area {}
	.notice_area .list_area li {position:relative; padding-left:13px;margin-bottom:8px; background:url('/eng/img/notice_dot.gif') no-repeat 5px 7px;}
	.notice_area .list_area p {width:80%;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#444444;}
	.notice_area .list_area li a:hover {text-decoration:none;}
	.notice_area .list_area li span {position:absolute;top:0px;right:5px; color:#b4b4b4; font-size:.9em;}
	.notice_area .more {position:absolute; top:10px; right:10px; background:url('/eng/img/more.gif') right 5px no-repeat; padding-right:15px; font-size:.88em; color:#888;}

	.event_bn {float:left; background:url('/eng/img/event_bg.jpg') top left no-repeat; width:363px; height:104px; padding:33px 26px; color:#fff;}
	.event_bn a:link, .event_bn a:visited {display:block; color:#fff;}
	.event_bn div { line-height:140%; padding-bottom:8px;}
	.event_bn p.big {font-size:1.4em;}
	.event_bn span {color:#c1c2c4; font-size:.85em; line-height:150%;}