/* =====================================

title: main.css

discript : main ÆäÀÌÁö CSS Á¤ÀÇ
author: choi kyoung ho
date: 2007.12.29
version: 0.1
email: icatess@naver.com

======================================*/
@import url(/kids/_css/header.css);

#skip-menu{
	position: absolute;	
	top:-500px;
}

#main-area{
	width: 1024px;
	background: url(/kids/images/main_body.jpg) no-repeat left top;
}

#main-area #header{	
	width: 1024px;
	height: 209px;
	background: none;
}

#main-wrapper{
	width: 1024px;
	min-height: 286px;
}

*html #main-wrapper{
	height: 280px;
}

#content-body{
	padding: 0px 0px 0px 212px;
}

#main-wrapper #content-body #notice h3{
	text-align: right;
	height: 46px;
	margin: 0px;
	padding: 0px;
}

#main-wrapper #content-body h3 span{
	display: block;
	width: 56xp;
	height: 20px;
	padding: 13px 0px;
}

#main-wrapper #content-body #news{
	float: left;
}

.hidden{
	display: none;
}

#notice{
	width: 320px;
	float: left;
	margin-right: 20px;
}

#notice ul{
	margin-bottom: 19px;
}

#notice li{
	text-align: right;
	padding:5px 0 3px 9px;
	margin-left: 5px;	
	background: url(../images/b_dot.gif) no-repeat left 11px;
}

#notice li a{
	float: left;	
}

#notice li span{
	font-size: 92%;
	color: #868F98;
}

#notice li.f_blue{
	color: #1388AB;
}

#notice li.f_blue span{
	color: #1388AB;
}

#notice li.f_blue a{	
	color: #1388AB;
	font-weight: bold;
}

#fl-notice{
	float: left;
	width: 242px;
}

#main-joy{
	width:324px;
	height:116px;
}

#main-joy h3{
	width:159px;
	height:35px !important;
	margin:9px;
	background:url(/kids/images/main_joyworld.gif) no-repeat 0px 0px;
	text-indent:-5000px;
	font-size:0px;
	text-align:left !important;
}

#main-joy ul{
	width:324px;
	height:81px;
	margin:0px;
}

#main-joy ul li{
	float:left;
	font-size:0px;
	line-height: 0px;
	height: 81px;
	margin:0px;
	padding:0px;	
}

#main-joy ul li a{
	display:block;
	height:81px;
	font-size:0px;
	line-height: 0px;
	text-align: left;
	text-indent:-5000px;
}

#main-joy #joy-01 a{
	width:87px;
	background:url(/kids/images/main_joy01.gif) no-repeat 0px 0px;
	
}

#main-joy #joy-02 a{
	width:72px;
	background:url(/kids/images/main_joy02.gif) no-repeat 0px 0px;
}

#main-joy #joy-03 a{
	width:84px;
	background:url(/kids/images/main_joy03.gif) no-repeat 0px 0px;
}

#main-joy #joy-04 a{
	width:81px;
	background:url(/kids/images/main_joy04.gif) no-repeat 0px 0px;
}


#main-footer{
	width: 100%;
	background: url(/kids/images/main_bottom_back.jpg) repeat-x 952px 0px;
	height: 455px;
}

#main-footer #addr{	
	width: 100%;
	background: url(/kids/images/main_bottom02.jpg) no-repeat 0px 0px;
	height: 455px;
	position: relative;
	color: #416205;
}

#main-footer #addr h1,
#main-footer #addr h2{
	position: absolute;
	left: -5000px;
}

#main-footer #addr div{
	position: absolute;
	top: 372px;
	left: 290px;
}

#main-footer #addr address{
	font-style: normal;
}

#main-footer #addr ul{
	position: absolute;
	top: 371px;
	left: 780px;
}

#main-footer #addr ul li{
	float: left;
	padding: 0px 5px;
	background: url(/kids/images/footer_section_line.gif) no-repeat right 6px;
}

#main-footer #addr ul li.mark-end{
	background: none;
}

/*----------  À̺¥Æ® ZONE  --------------*/
#bg-fl{
	width: 242px;
	height: 232px;
	background: url(/images/flash-img/bg_fl_img.gif) no-repeat left top;
}

#btn-fl{
	padding: 20px 9px 0px 154px;
	margin: 0px 0px 5px;
	width: 79px;
	height: 16px;			
}

#btn-fl li{			
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	float: left;			
}

#event01{
	display: block;
	width: 45px;
	height: 16px;
	font-size: 0px;
	text-indent: -5000px;
	background: url(/images/flash-img/btn_event01.gif) no-repeat left top;
}

#event01:hover{
	background: url(/images/flash-img/btn_event01_on.gif) no-repeat left top;
}

#event02{
	display: block;
	width: 14px;
	height: 16px;
	font-size: 0px;
	text-indent: -5000px;
	background: url(/images/flash-img/btn_event02.gif) no-repeat left top;
}

#event02:hover{
	background: url(/images/flash-img/btn_event02_on.gif) no-repeat left top;
}

#event03{
	display: block;
	width: 14px;
	height: 16px;
	font-size: 0px;
	text-indent: -5000px;
	background: url(/images/flash-img/btn_event03.gif) no-repeat left top;
}

#event03:hover{
	background: url(/images/flash-img/btn_event03_on.gif) no-repeat left top;
}

#btn-fl .cen-li{
	margin: 0px 3px;
	font-size: 0px;
}

#btn-fl li img{			
	margin: 0px;
	padding: 0px;
}

#cleeping-screen{
	clear: both;
	position: relative;
	width: 227px;
	height: 185px;
	overflow: hidden;
	padding: 0px 0px 0px 7px;
	/*border: 1px solid #000000;*/
}

#moveImg{		
	width: 227px;
	margin: 0px;
	top: 0px;
	padding: 0px;
	position: absolute;			
}

#moveImg li{			
	font-size: 0px;
	line-height: 0px;
}

#moveImg li img{
	vertical-align: middle;
}