@charset "euc-kr";


/* layout */   
body{background:#f4f4f4;}
p{
	margin:0;
	padding:0;
	}
#mainLayout{	
	width:100%; 
	background:#fff url(../images/top_repeatBg.jpg) 0 0 repeat-x;
	}  
	#topArea{
		width:100%;
		background:url(../images/top_bg.jpg) center 0 no-repeat;
		} 
		#topArea .wrap{ 
			position:relative;
			margin:0 auto;
			width:948px;
			height:126px;
			}  
	#contentArea{  
		width:100%;  
		height:610px;   
		_overflow:hidden;
		}
		#contentList{ 
			overflow:hidden;
			width:948px;
			height:184px;
			margin:0 auto;
			}	
		#mainVisualArea{
			position:relative; 
			width:100%; 
			}
	#footerArea{
		width:100%;
		height:140px; 
		background:#f4f4f4 url(../images/footer_repeatBg.gif) 0 0 repeat-x; 
		}
		#footerArea .wrap{
			position:relative;
			width:980px; 
			margin:0 auto; 
			}

/* »ó´Ü */
#topArea h1{
	position:absolute;
	top:0;
	left:360px;
	width:228px;
	height:48px;
	}
#accessibilityNav .skipContent{
	position:absolute;
	top:10px;
	right:148px;
	} 
#gnb{ 
	float:left; 
	margin-top:15px;
	}
	#gnb li{
		float:left;
		padding-left:11px;
		margin-left:7px;
		background:url(../images/gnb_liBg.gif) left 2px no-repeat;
		}
	#gnb li:first-child,
	#gnb li.first{
		margin:0;
		padding:0;
		background:none
		} 
	#gnb li a,
	#gnb li img{
		display:block; 
		}
	#fontSize{
		float:right;
		width:132px;
		margin-top:12px;
		}
		#fontSize h3{
			float:left;
			width:56px;
			margin-right:8px;
			padding-top:3px;
			}
		#fontSize ul{
			float:left;
			width:68px;
			}
		#fontSize ul li.center{
			padding:0 3px;
			}
		#fontSize ul li,
		#fontSize ul li a{
			float:left;
			}   
#mainMenu{ 
	position:absolute;
	top:62px;
	left:0;
	width:948px;
	} 
	#mainMenu img{
		display:block;
		} 

/* ÄÁÅÙÃ÷¿µ¿ª */
#yearNotice{
	position:relative;
	float:left;
	width:273px;
	height:146px;
	margin:31px 28px 0 0;
	background:url(../images/boardBg.gif) left 24px repeat-x;
	} 
	#yearNotice .objTop{
		float:left;
		height:27px;
		}	
		#year3,
		#year2,
		#year1{
			float:left;
			width:72px;
			}  
		#yearNotice .tabArea{			
			position:relative;
			float:left;
			overflow:hidden;
			height:27px;
			}
		#year3 .tabArea{		
			width:72px		
			}
		#year2 .tabArea{
			width:72px
			}
		#year1,
		#year1 .tabArea{
			width:73px
			}
		#yearNotice .tabArea a{
			position:absolute;
			display:block;
			top:0;
			height:27px;
			}
		#yearNotice .selected a{top:-27px;}

	#yearNotice .objContent ul{
		position:absolute;
		display:none;
		width:263px;
		top:40px;
		left:5px;
		}			
		#yearNotice .objContent ul.on{
			display:block;
			}
		#yearNotice .objContent ul li{ 
			float:left;
			width:255px; 
			line-height:170%;
			background:url(../images/boardBu.gif) left 6px no-repeat;
			padding-left:8px
			} 
		#yearNotice .objContent ul li a{  
			float:left;
			width:240px; 
			overflow:hidden;
			font-weight:normal;
			white-space:nowrap;
			text-overflow:ellipsis;
			color:#636363;
			font-size:1em;
			}
		#yearNotice .objContent ul li a:hover{
			color:#000; 
			} 
		#yearNotice .objContent ul li img{
			vertical-align:top;
			}
	#yearNotice .moreBtn a{
		display:none;
		}
	#yearNotice .moreBtn .on{
		display:block;
		position:absolute;
		right:6px;
		top:11px
		}	
#galleryArea{
	position:relative;
	float:left;
	width:306px; 
	height:143px;
	padding:34px 0 0 33px;
	background:url(../images/shadowBg.gif) 0 0 no-repeat;
	} 
	#galleryArea .objTop{
		width:274px;
		height:24px;
		padding-left:4px;
		background:url(../images/boardBg.gif) 0 bottom repeat-x;
		}
	#galleryArea .objContent{
		float:left;
		width:276px;
		padding:11px 1px 0;
		}
	#galleryArea .objContent li{
		display:inline;
		float:left;
		width:84px; 
		overflow:hidden; 
		margin:0 4px;
		}
	#galleryArea ul li .pic{
		float:left;
		width:78px; 
		border:3px solid #cacacb;
		}
	#galleryArea ul li .pic a{
		float:left;
		}
	#galleryArea ul li .pic img{
		width:78px;
		height:52px;
		}
	#galleryArea ul li .tit{
		display:block;
		width:79px;
		padding:7px 0 0 7px; 
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		}
	#galleryArea ul li .tit a{
		color:#535353;
		font-size:1em; 
		}
	#galleryArea ul li .tit a:hover{
		color:#000;
		}
	#galleryArea .moreBtn a{
		position:absolute;
		top:43px;
		right:34px;
		}
#noticeArea{
	float:left;
	width:275px;  
	padding:31px 0 0 33px;
	background:url(../images/shadowBg.gif) 0 0 no-repeat;
	} 
	#noticeWrap{
		position:relative;
		float:left;
		width:274px; 
		height:146px; 
		background:url(../images/boardBg.gif) left 24px repeat-x;
		}
	#noticeArea .objTop{
		float:left;
		height:27px;
		}	
		#schoolNews,
		#notice,
		#eduNotice{
			float:left;
			} 
		#noticeArea .tabArea{			
			position:relative;
			float:left;
			overflow:hidden;
			height:27px;
			} 
		#schoolNews .tabArea{		
			width:72px;
			}
		#notice,
		#notice .tabArea{
			width:77px;
			}
		#eduNotice .tabArea{
			width:78px;
			}
		#noticeArea .tabArea a{
			position:absolute;
			display:block;
			top:0;
			height:27px;
			}
		#noticeArea .selected a{top:-27px;}

	#noticeArea .objContent ul{
		position:absolute;
		display:none;
		width:263px;
		top:40px;
		left:5px;
		}			
		#noticeArea .objContent ul.on{
			display:block;
			}
		#noticeArea .objContent ul li{ 
			float:left;
			width:255px; 
			line-height:170%;
			background:url(../images/boardBu.gif) left 6px no-repeat;
			padding-left:8px
			} 
		#noticeArea .objContent ul li a{  
			float:left;
			width:240px; 
			overflow:hidden;
			font-weight:normal;
			white-space:nowrap;
			text-overflow:ellipsis;
			color:#636363;
			font-size:1em;
			}
		#noticeArea .objContent ul li a:hover{
			color:#000; 
			} 
		#noticeArea .objContent ul li img{
			vertical-align:top;
			} 
	.newIcon,
	.newIco{ 
		display:inline;
		float:left;
		margin-top:2px;
		*margin-top:3px;
		margin-left:5px;
		}
	#noticeArea .moreBtn a{
		display:none;
		}
	#noticeArea .moreBtn .on{
		display:block;
		position:absolute;
		right:6px;
		top:11px
		}	
#mainVisualArea{
	position:relative;
	width:100%;
	height:356px;
	overflow:hidden;
	}
	#mainVisual{
		position:absolute;
		left:50%;
		width:1920px;
		margin-left:-960px;
		}
#btnMenu{
	position:relative; 
	width:100%;  
	height:69px;  
	background:url(../images/btnMenu_checkBg.gif) center 0 no-repeat;
	}
	#btnMenu:after{
		content:"";
		display:block;
		clear:both;
		}
	#btnMenu .btnWrap{ 
		position:absolute; 
		top:-19px;
		z-index:11; 
		width:100%;
		}
	#btnMenu ul{  
		width:980px;
		    height: 108px;
		margin:0 auto;
		/* overflow:hidden;  */
		position: relative; 
		background:url(../images/btnMenu_repeatBg2.gif) 0 19px repeat-x;
		}
	#btnMenu ul li{
		float:left; 
		}
	#btnMenu ul li a{
		float:left;
		width:280px;
		height:89px;
		text-indent:-9999px;
		background:url(../images/btnMenu_li05.png) 0 0 no-repeat;
		} 
	#btnMenu ul .li01  a { height: 108px; }
	#btnMenu ul .li01 { 
		position: absolute;
		bottom: 18px;
		width: 265px;
		height: 108px;
		left: 0;	
	}
	
	#btnMenu ul .li02  { margin-left: 280px; }
	#btnMenu ul .li02 a{
		width:233px;
		background:url(../images/btnMenu_li02.png) 0 0 no-repeat;
		}
	#btnMenu ul .li03 a{
		width:243px;
		background:url(../images/btnMenu_li03.png) 0 0 no-repeat;
		}	
	#btnMenu ul .li04 a{
		width:224px;
		background:url(../images/btnMenu_li04.png) 0 0 no-repeat;
		} 

/* ÇÏ´Ü¿µ¿ª */
#footerMenuList{
	width:960px;
	height:23px; 
	padding:20px 0 0 20px;
	border-bottom:1px solid #c4c4c4;
	}
	#footerMenuList li{
		display:inline;
		float:left;
		padding-left:10px;
		margin-left:7px; 
		background:url(../images/footerMenu_liBg.gif) 0 4px no-repeat;
		}
	#footerMenuList li img{
		display:block; 
		}
	#footerMenuList li:first-child,
	#footerMenuList li.first{
		padding:0;
		margin:0;
		background:none;
		}
#footerBtm{
	height:71px;
	padding:15px 0 0 18px;
	}	
	#footerBtm .btmLogo{
		float:left;
		width:81px;
		margin-right:18px;
		}
	#copyright{
		float:left;
		width:660px;
		padding-top:1px;
		}
		#copyright img{
			display:block;
			} 
		#copyright .addrWrap,
		#copyright ul{
			height:18px;
			}
		#copyright .addrWrap address{
			float:left;
			margin-right:10px;
			} 
		#copyright ul li{
			display:inline;
			float:left;
			background:url(../images/telBg.gif) 0 2px no-repeat;
			padding-left:6px;
			margin-left:5px;
			}
		#copyright ul li:first-child,
		#copyright ul li.first{
			margin:0;
			padding:0;
			background:none;
			}
	#bannerZoneObj{
		position:absolute;
		top:58px;
		right:0; 
		width:178px;
		}
		#bannerZoneObj h3{
			height:15px; 
			padding:1px 0 0 15px;
			}
		#bannerZoneObj .objContent{
			width:150px;
			height:40px;
			margin-left:14px;
			overflow:hidden;
			}
			#bannerList{
				width:3000px;
				height:40px;
				}	
				#bannerList li{
					float:left;
					width:148px;
					height:38px;
					margin-right:5px;
					border:1px solid #c8c8c8;
					}
				#bannerList li a{
					float:left
					}
				#bannerList li img{
					width:148px;
					height:38px;
					}
				#bannerZoneObj .objBtn a{
					position:absolute;
					top:0;
					}
				#bannerZoneObj .objBtn .bannerStop{
					right:30px;
					}
				#bannerZoneObj .objBtn .bannerPlay{
					right:15px;
					}
				#bannerZoneObj .objBtn .bannerControlTop{
					top:31px;
					left:0;
					}
				#bannerZoneObj .objBtn .bannerControlDown{
					top:31px;
					right:0;
					} 
				#bannerZoneObj .objBtn .moreBtn{ 
					top:3px;
					right:56px;
					}
#footerBtn{
	position:absolute;
	top:15px;
	left:402px;
	}