img { border: 0; }

/*clear: both*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*  -----   index   -----  */
body { 
	margin: 0; 
	color: #7E7E7E;
	font-family: dotum, gulim;
	font-size: 11px;
	background-color: #f0f0f0; 
}

#lyBanner, #lyNotice, #lyCopyright, #linkFlash { width: 907px; margin: auto; }
#lyBanner ul { list-style: none; margin: 15px 0 0 0; padding: 0; }
#lyBanner ul li#bannerFlash { float: left; }
#lyBanner ul li#campaign { float: right; }

#lyNotice ul { list-style: none; margin: 15px 0 0 0; padding: 0; }
#lyNotice ul li { float: left; }
#lyNotice ul li.noticeTitle1 { width: 95px; }
#lyNotice ul li.noticeBody1 { width: 335px; margin: 0 0 0 10px; }
#lyNotice ul li.noticeTitle2 { width: 95px; margin: 0 0 0 20px; }
#lyNotice ul li.noticeBody2 { width: 335px; margin: 0 0 0 10px; }
#lyNotice ul li table { border-collapse: collapse; table-layout:fixed; }
#lyNotice ul li table td { padding: 9px 0 1px 0; }
#lyNotice ul li table td.title { overflow: hidden; white-space: nowrap; }
#lyNotice ul li table td.date { text-align: right; }

#lyNotice table td { text-overflow:ellipsis; }
a { text-decoration: none; color: #7E7E7E; }
a:hover { text-decoration: none; color: #302F2B; }

#lyBannerBottom { width: 100%; background-color: #FFF; margin: 20px 0 0 0; }
#lyBannerBottom  #linkFlash { margin: auto; }
#lyCopyright{ margin: 20px auto 20px auto; }