@import url('global.css');
@import url('layout.css');
*html {background-color:#fff}

body#main	 {background:url('/web/kem_home/images/main/bg_body.jpg') no-repeat center -14px;}
#header	{height:64px; position:relative;margin:0 auto; }
#header	.utility	.tx_tsize	{float:left; background:url('/web/kem_home/images/main/box_text.gif') 0 2px no-repeat;}
#header	.utility	.search	.input_search	{background:url('/web/kem_home/images/main/bg_search.gif') 0 0 no-repeat;}

#header	#gnbwrap	{height:35px;background:url('/web/kem_home/images/main/bg_navi.gif') 0 0 no-repeat;}
#index_wrap	{position:relative;width:993px;margin:0 auto;}
#index_wrap	div, #index_wrap	 li	{line-height:100%;}

/* 기본 링크 스타일 보정 */
a:visited	{color:#000;text-decoration:none;}
/* //기본 링크 스타일 보정 */

hr	{display:none;}
h2.display_n	{display:none;}

#index_wrap	.top_area	{height:280px;}

/* 팝업존 */
div#banner_roll1 {
	position:relative;
	width: 230px;
	height: 149px;
	background:url('') 0 0 no-repeat;
	float:left;
	margin:46px 0 0 0;
}
div#banner_roll1	h2	{ text-align:left; height:14px; margin:5px 0 0 10px; padding:0; float:left}
div#banner_roll1 .spot1_item {
	float:right;
	margin:5px 5px 0 0px;
}
.spot1_item ul li img{vertical-align:middle;}
.spot1_item ul li{float:left;margin-right:1px;}
.spot1_item ul li.popupZonebt01{margin:0px;}
.spot1_item ul li.popupZonebt02{margin:0 15px 0 0;}
.spot1_item ul li.popupZonebt01 a img,
.spot1_item ul li.popupZonebt02 a img{vertical-align:top;}
.spot1_flash_banner{
	clear:both;
	position:absolute;
	left:2px;
	top:24px;
}

div#kpx { 
margin:160px 0 0 3px; text-align:left; padding-top:40px;padding-left:9px; position:relative; width:220px;height:139px; background:url('http://www.kemco.or.kr/web/kem_home/images/main/kpx_bg.gif') no-repeat;
}


/* //팝업존 */

.visual	{ margin:0; padding:0; position:absolute; top:0; right:20px; }

#index_wrap	.middle_area	{float:left;padding:0 0 0 0; background:url('/web/kem_home/images/main/bg_index_wrap.gif') center top no-repeat;width:993px; margin:0;}

/* left menu */
.middle_area	#leftmenu	{padding:0;background:url('/web/kem_home/images/front/main/bg_index_left.gif') no-repeat left bottom; margin:0; width:222px;}
.middle_area	#leftmenu	ul	{
	padding:0;
}
.middle_area	#leftmenu	ul	li	{
	padding:0 0 7px 0;
	border-top:none;
	border-bottom:none;
	display:block; font-size:0;
}
.middle_area	#leftmenu	p.other1	{position:absolute; left:-3px; top:241px;}
* html .middle_area	#leftmenu	p.other1	{position:absolute; left:-3px; top:240px;}
.middle_area	#leftmenu	ul {margin-top:80px;}
.middle_area	#leftmenu	ul	li	img	{vertical-align:middle;}
/* //left menu */

#index_wrap	.middle_area	#center_area	{float:left;width:340px;margin:24px 0 0 25px;}
#index_wrap	.middle_area	#center_area	h2	{ height:12px; padding:0 0 8px 0; text-align:left;}

/* 공지사항 */
#tabcontainer	{position:relative;margin:0 0 0 0;}
#tabcontainer	ul	{margin:0;}
#tabcontainer	#tab	{
	height:20px;
	background: url('/web/kem_home/images/main/bg_tab.gif') repeat-x left 0;
}
#tabcontainer	#tab	li	{float:left;display:block;margin:0;height:20px;}
#tabcontainer	#tab	li	img	{vertical-align:top;margin:0;}
/*#tabcontainer	li	span	{float:right;font-size:0.9em;}*/
#tabcontainer	li	span	{float:right;}
#index_wrap	#content1, #index_wrap	#content2, #index_wrap	#content3, #index_wrap	#content4 {margin:9px 0 0 0;}
#index_wrap	#content1	li,
#index_wrap	#content2	li,
#index_wrap	#content3	li,
#index_wrap	#content4	li	{
	margin:0;
	padding:4px 0 4px 8px;
	background:url('/web/kem_home/images/main/blt_dot_gray.gif') no-repeat 2px center;
	text-align:left;
}
#tabcontainer	#content1	li.btn,
#tabcontainer	#content2	li.btn,
#tabcontainer	#content3	li.btn,
#tabcontainer	#content4	li.btn	{position:absolute;top:1px;right:1px;background:none;} /* 오른쪽 더보기버튼 */
/* //공지사항 */

#index_wrap	.middle_area	#right_area	{float:left;width:332px;margin:24px 0 0 27px;}
#index_wrap	.middle_area	#right_area	h2	{ height:12px; padding:0 0 8px 0; text-align:left;}

/* KEMCO SITE */
.kemcosite	{ width:332px; height:136px; text-align:left; margin:0 0 5px 0;}
.kemcosite	li	{ margin:0; width:332px; height:30px; border-bottom:#e2e2e2 1px solid;}
.kemcosite	li.nobrd	{ border:none;}
.kemcosite	li	dl	dt	{ float:left; padding:6px 0 0 0;}
.kemcosite	li	dl	dd	{ float:left; padding:9px 0 0 16px;}
.kemcosite	li	dl	dd.first	{ width:50px;padding:9px 0 0 12px;}
.kemcosite	li	dl	dd.second	{ width:77px;padding:9px 0 0 23px;}
.kemcosite	li	dl	dd.third	{padding:9px 0 0 13px;}
/* //KEMCO SITE */
h2.energy_guide	{ height:32px; padding:0; margin:0;}



#index_wrap	.bottom_area	{clear:both; margin:0; padding:0;}

div.banerTab1{clear:both; height:42px;margin:0 0 30px 0;padding:25px 0 0 0;}
div.banerTab1 ul{float:left;display:inline; padding-top:0; width:862px;}
div.banerTab1 ul li{float:left;display:inline; padding:0 0 0 5px; font-size:0;}
div.banerTab1 ul li.first{background:none; padding:0;}
div.banerTab1 p{float:right;margin:5px 0 0 0;width:120px; text-align:left;}
div.banerTab1	ul li	img	{ width:114px; height:34px}

div.banerTab2{clear:both; height:42px;margin:0 0 30px 0;padding:25px 0 0 0;}
div.banerTab2 ul{float:left;display:inline; padding-top:0;width:862px;}
div.banerTab2 ul li{float:left;display:inline; padding:0 0 0 5px; font-size:0;}
div.banerTab2 ul li.first{background:none; padding:0;}
div.banerTab2 p{float:right;margin:5px 0 0 0;width:120px; text-align:left;}
div.banerTab2	ul li	img	{ width:114px; height:34px}

div.banerTab3{clear:both; height:42px;margin:0 0 30px 0;padding:25px 0 0 0;}
div.banerTab3 ul{float:left;display:inline; padding-top:0;width:862px;}
div.banerTab3 ul li{float:left;display:inline; padding:0 0 0 5px; font-size:0;}
div.banerTab3 ul li.first{background:none; padding:0;}
div.banerTab3 p{float:right;margin:5px 0 0 0;width:120px; text-align:left;}
div.banerTab3	ul li	img	{ width:114px; height:34px}

div.banerTab4{clear:both; height:110px;margin:0 0 30px 0;padding:25px 0 0 0;}
div.banerTab4 ul{float:left;display:inline; padding-top:0;width:862px;}
div.banerTab4 ul li{float:left;display:inline; padding:0 0 5px 5px;font-size:0;}
div.banerTab4 ul li.first{background:none; padding:0;}
div.banerTab4 p{float:right;margin:5px 0 0 0;width:120px; text-align:left;}
div.banerTab4	ul li	img	{ width:114px; height:34px}


div.banerTab5{clear:both; height:110px;margin:0 0 15px 0;padding:25px 0 0 0;}
div.banerTab5 ul{float:left;display:inline; padding-top:0;width:862px;}
div.banerTab5 ul li{float:left;display:inline; padding:0 0 5px 2px; font-size:0;}
div.banerTab5 ul li.first{background:none; padding:0 0 5px 0;}
div.banerTab5 p{float:right;margin:5px 0 0 0;width:120px; text-align:left;}

.openBtn	{cursor:pointer; padding-top:1px;}


/* quickmenu */
body#main	#right_float	{ 
	background:url('/web/kem_home/images/common/bg_right_float.gif') 0 0 no-repeat;
	width:23px;
	height:240px;
	display:block;
	position:absolute;
	top:300px;right:0;
	z-index:5;
	margin:0;
	padding:50px 0 0 0;
}
/* //quickmenu */

/* 바로가기 */
#quickGo {top: 270px; left: 550px;z-index: 11; }

/* 공단사업소개 */
#bizGo { top: 320px; left: 589px;z-index: 12;}