@charset "utf-8";
body {
	font-size:12px;
	font-family:'arial', '??', '??', sans-serif, 'verdana';
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-image:url(../Images/TopBGRepeat.jpg);
	background-position:top;
	background-repeat: repeat-x;
	background-color: #000;
}
.BackgroundTop {background-image:url(../Images/BackgroundMain.jpg); background-position:top center; background-repeat: no-repeat}
.Websam #LeftBarMain {
	float: left;
	width: 234px; /* since this element is floated, a width must be given */
	padding: 21px 5px 0 21px; /* top and bottom padding create visual space within this div */
}
.Websam #RightBarMain {
	float: right;
	width: 234px; /* since this element is floated, a width must be given */
	padding: 21px 21px 0 5px;/* top and bottom padding create visual space within this div */
}
.Websam #LeftBarMain h3, .Websam #LeftBarMain p, .Websam #RightBarMain p, .Websam #RightBarMain h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
/* Tips for mainContent:
1. If you give this #mainContent div a font-size value different than the #LeftBarMain div, the margins of the #mainContent div will be based on its font-size and the width of the #LeftBarMain div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the mainContent and LeftBarMain is created with the left margin on the mainContent div.  No matter how much content the LeftBarMain div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #LeftBarMain space when the content in #LeftBarMain ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
*/
.Websam #mainContent {
	margin:5px 265px 0 265px; /* for Firefox, IE 8 */
	*margin: 5px 265px 0 265px;
	_margin: 6px 260px 0 260px;
	padding-top:14px
}
.notice_tit {
	height:12px;
	padding:10px 0 10px 412px
}
.notice_list {
	margin: 10px 30px 10px 0px;
}
.notice_list li a:hover {
	text-decoration: underline;
}
.notice_list ul li {
	line-height: 22px;
	text-align:right;
	padding-left: 0px;
	list-style:none;
}
.notice_list li .size11 {
	font-family: tahoma;
}
.left_icon {
	margin: 0px 8px 0 0;
}
/*
.imageNews {
	float: left;
	margin: 10px 0 0 7px;
}
.news {
	float: right;
	text-align:left;
	margin: 12px 5px 10px 5px;
	_margin:12px 2px 10px 2px;
	color:#8c9281;
	line-height:18px;
}
.news a {
	text-decoration:none;
}
.news a:hover {
	text-decoration: underline
}
.dotline {
	background-image:url(../Images/dotLine.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:95px;
}*/
.imageNews {
	float: left;
	width:134px;
	height: 74px;
	margin: 10px 0 0 7px;
}
.news {
	float: right;
	margin: 12px 7px 10px 5px;
	_margin:12px 0px 10 0px;
	width: 311px;
	*width: 300px;
	_width: 295px;
	color:#8c9281;
	line-height:18px;
}
.news2 {
	float: right;
	margin: 12px 7px 10px 5px;
	_margin:12px 0px 10px 0px;
	color:#8c9281;
	line-height:18px;
}
.news a {
	text-decoration:none;
}
.news a:hover {
	text-decoration: underline
}
.dotline {
	background-image:url(../Images/dotLine.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:105px
}
#screen_list {
	margin: 10px 7px;
	height:220px
}
#screen_list dt, #screen_list dd {
	float: left;
	width: 134px;
	height: 174px;
	padding:5px;
	margin: 0px 2px 15px 5px;
	text-align:center
}
#screen_list .list_end {
	margin:0px;
	text-align:center
}
.bgmenuSub1L_buttom {
	height:19px;
	padding:12px 10px 0 162px
}
.Boxleftmain {
	background-image:url(/Images/BGLeftBoxMain.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:234px;
	height:183px;
	_height:141px;
	margin-bottom:19px;
}
.Boxleftmain2 {
	background-position:top center;
	margin-bottom:19px;
}
.Boxleftmain3 {
	background-position:top center;
	margin-bottom:10px;
}
.Textboxleftmain {
	height:24px;
	line-height:130%;
	padding:12px 0px 0 30px;
	color:#8c9281;
	height:100%;
	text-align:left;
}
.Textboxleftmain ul{
	margin:0;
	padding:0;
}
.Textboxleftmain
.Boxleftmain ul {
	margin:0px;
	padding:0px;
}
.Boxleftmain ul li {
	margin-left:15px;
 *margin-left:20px;
	list-style:url(/Images/bullet2.jpg);
 *list-style:url(/Images/bullet2ie7.jpg);
	_list-style:url(/Images/bullet2ie6.jpg);
	line-height:30px
}
.bannerLeft {
	padding-bottom:13px;
	_padding-bottom:10px;
}
.bannerLeft1004 {
	padding-bottom:20px;
	_padding-bottom:18px;
}
.TitleBoxRightMain {
	padding:10px 0px 0px 176px;
	height:21px;
}
.BannerRightMain {
	padding-top:11px;
	padding-left:8px
}
.BannerRightMain3 {
	padding-top:14px;
	padding-left:8px
}
.BoxNoticeMain {
	background-image:url(../Images/BGNewsMain.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:474px;
	height:186px
}
.BoxnewsMain {
	background-image:url(../Images/BGTitleNewsMain1.jpg);
	width:470px;
	_widht:460px;
	height:36px;
	margin-top:17px;
	clear: inherit
}
.Boxscreenshot {
	background-image:url(../Images/BGTitleNewsMain2.jpg);
	width:471px;
	height:36px;
	margin-top:17px;
	clear: inherit
}

#menuLogin {
	position: absolute;
	top:372px;
	left: 19px;
	width: 309px;
	z-index:100
}
.BgLeft_ButtomBanner {
	position:absolute;
	z-index:10;
	left: 10px;
	top: 335px;
}
.BgRight_ButtomBanner {
	position:absolute;
	z-index:10;
	left: 606px;
	top: 335px;
	z-index:10
}
.textRight_ButtomBanner {
	position:absolute;
	left: 711px;
	top: 391px;
	z-index:100; 
}
.textcontain a {
	color:#8c9281;
	text-decoration: none
}
.textcontain a:hover {
	color:#8c9281;
	text-decoration:underline
}
.padbott5 {padding-bottom:5px}

/*로그인되었을때*/
#menuLogin {
	position: absolute;
	top:372px;
	left: 19px;
	width: 309px;
	z-index:100
}


.leftMp3{
	padding-top:35px;
	padding-left:8px
}
.leftMp32{
	padding-top:8px;
	padding-left:8px
}