*{margin:0;padding:0;}
html, 
body {height: 100%;background:url(/images/main/bg_main.gif) left 330px repeat-x;}
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
body{font-size:12px;font-family:dotum,Verdana, Geneva, sans-serif;color:#7a7a7a}
/* PARAGRAPHS */

ul, ol { list-style:none; }
p {}
h1{font-size:0; line-height:0;}/*·Î°í*/
a {text-decoration:none;color:#888;}
a:link,
a:visited,
a:active {color: #888;}

a:hover, a:focus {
  /* ... */
}
/* Remove dotted outline clicked links - Keeps outline on focus */
a:active, a:hover { outline: none;}
/* No border around images in links */
a img { border: none;}
img{vertical-align:middle;}

fieldset { margin: 0; padding: 0; border: none;}
input, button, select {vertical-align: middle;}
textarea {
	color:#575757;
	border:1px solid #CBCBCB;
	font-size: 12px;
	vertical-align: middle;
	scrollbar-face-color: #F0F0F0; 
	scrollbar-shadow-color: #414141; 
	scrollbar-highlight-color: #F0F0F0; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #F0F0F0; 
	scrollbar-track-color: #F5F5F5; 
	scrollbar-arrow-color: #414141;

}
.input {
	font-size:12px;
	color:#575757;
	height:16px;
	background-color:#FFFFFF;
	border:1px solid #DBDBD7;
	padding:2px 0 0 5px;
}
h2{clear:both;}

/* TABLES */


/*layout*/
.head {background: #ddd;position: relative;z-index: 1;height:117px;background:url(/images/common/bg_head.gif) left top;}
.head .bg{width:920px; margin:0 auto;}
.head .logo{float:left;width:260px;}
.head .logo h1{padding:26px 0 25px 0;}
.head .logo .time{padding:8px 0 0 24px;height:18px;font-size:11px;color:#e4798a; letter-spacing:-1px;background:url(/images/common/bg_time.gif) left top no-repeat;}
.head .logo .time span{color:#ffccd4;}
.topArea{float:right;width:700px;margin-left:-40px;padding-top:5px; text-align:right;}
.topArea .topNavi{clear:both;float:right;padding-top:8px;_padding-top:5px;}
.topArea .util{display:inline-block;height:20px;padding-top:5px;}
.topArea .util p{float:right;}
.topArea .util ul{float:right;padding-top:3px;}
.topArea .util strong{padding:0 64px 0 17px;background:url(/images/common/txt_nim.gif) right 2px no-repeat;}
.topArea .util li{float:left;padding-left:7px;}

.body {min-height: 100%;margin: -117px 0 -205px 0;}
* html .body {height: 100%;}

.contents {position:relative;margin:0 auto;padding:117px 0 205px 0;width:920px;}
.contents h1{padding-bottom:9px;}

#footer{clear:both;width:100%;height:150px;background:url(/images/common/bg_foot.gif) left 52px repeat-x;}
#footer div{width:920px; margin:0 auto 0 auto;}

#lineMap{float:right;margin:0 0 -10px 0;padding:0 0 0 16px;text-align:right;font-size:11px;background:url(/images/common/icon_home.gif) left 1px no-repeat;}
#lineMap span{font-weight:bold;}
#quick{right:-140px;}
#quick li{padding-bottom:6px;}

.section01{clear:both;padding-top:38px;height:175px;}
.notice{float:left;padding-right:50px;width:260px;}
.notice h1{float:left;padding-bottom:10px;}
.notice h1 img{float:left;}
.notice h1 a{float:right;}
.notice dl{ clear:both;float:left;margin-bottom:3px;padding:8px 0;width:260px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.notice dl dt{float:left;margin-right:10px;width:79;height:59px;}
.notice dd img{width:79px;height:59px;}
.notice ul{clear:both;}
.notice ul li{ display:inline-block;width:250px;padding:4px 0 0 10px;background:url(/images/common/icon_dot.gif) left 9px no-repeat;}
.notice ul li a{float:left;font-size:11px;}
.notice ul li span{float:right;}

.program{float:left;width:335px;padding-right:50px;}
.program h1{float:left;width:335px;padding-bottom:10px;}
.program h1 img{float:left;}
.program h1 a{float:right;}
.program ul{clear:both;float:left;width:120px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.program div{float:left;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.school{float:left;width:225px;}

.section02{padding-top:30px;}
.section02 li{float:left;}