
@import "base.css";
@import "common.css";
body {
background:url("../images/main_bg.jpg") no-repeat scroll center top transparent;
margin:0 auto;
}
div.wrap {
margin:0 auto;
position:relative;
width:980px;
}
div.mainContent {
width:980px;
}
/* 1026 Ãß°¡ <-- */
div.mainimg{
width:980px;
height:186px;
margin-top:10px;
padding-top:20px;
padding-left:20px;
background:url("../images/main_bg1.gif") no-repeat top left;
float:left;
}
div.mainBanner{
position:relative;
width:248px;
float:left;
}
div.mainBanner p{
padding-top:10px;
}
div.Notice{
float:left;
left:10px;
width:320px;
position:relative;
}
div.Select{
float:left;
left:40px;
width:320px;
position:relative;
}
div.tit{
width:300px;
height:10px;
padding:10px 0 10px 20px;
background:url("../images/main_line.gif") no-repeat bottom left;
}
div.tit span{
float:right;
padding-right:10px;
}


ul.noList{
width:320px;
padding-top:10px;
}
ul.noList li{
background:url("../images/main_dot.gif") no-repeat left 50%;
padding-left:10px;
margin-left:10px;
padding-top:5px;
}
ul.noList li span{
float:right;
padding-right:10px;
color:#999999;
}
ul.noList li p{
float:right;
padding-right:30px;
}
/* -->d ¿©±â±îÁö */
div.mainContent p#visual {
left:0;
position:absolute;
top:131px;
}
div#noticeWrap {
background:url("../images/bg_notice.gif") no-repeat scroll 0 0 transparent;
height:110px;
padding:0 20px;
position:relative;
width:427px;
}
div#noticeWrap h2 {
left:10px;
position:absolute;
top:10px;
}
div#noticeWrap ul {
padding:20px 0 0 120px;
}
div#noticeWrap ul li {
background:url("../images/icon_notice.gif") no-repeat scroll 0 4px transparent;
font-size:11px;
padding-left:10px;
}
div#noticeWrap p.more {
position:absolute;
right:15px;
top:25px;
}
ul.event {
padding:25px 0;
}
ul.event li {
display:inline;
}
ul.banner {
background:url("../images/bg_banner_site.gif") no-repeat scroll 0 0 transparent;
margin:25px 0 30px;
padding:5px;
width:467px;
}
ul.banner li {
display:inline;
padding-left:40px;
}
ul.banner li.end_child {
display:inline;
padding-left:63px;
}
div#family {
width:980px;
}
div#family div.family_01 {
background:url("../images/bg_family_01.gif") no-repeat scroll 0 0 transparent;
float:left;
height:43px;
padding:22px 0 0 15px;
width:180px;
}
div#family div.family_01 p {
margin:-25px 0 0 45px;
}
div#family div.family_02 {
background:url("../images/bg_family_03.gif") no-repeat scroll 0 0 transparent;
float:left;
height:43px;
margin:0;
padding:22px 0 0 15px;
width:300px;
}
div#family div.family_02 h3{
width:39px;
float:left;
}
div#family div.family_02 ul {
margin:-10px 0 0 0;
left:5px;
position:relative;
}
div#family div.family_02 ul li{
display:inline;
}
div#family div.family_03 {
background:url("../images/bg_family_04.gif") no-repeat scroll 0 0 transparent;
float:left;
height:43px;
padding:22px 0 0 20px;
width:440px;
}
div#family div.family_03 ul {
margin:-27px 0 0 50px;
}
div#family div.family_03 ul li {
display:inline;
}
div#footer {
text-align:left;
padding-left:210px;
}
div#footer span{
padding-left:30px;
vertical-align:top;
}

