@charset "euc-kr";

#mainbg {
	background:url("/images/main/main_bg.jpg") no-repeat left bottom;
	}

div.main_img {
	width:555px;
	float:left;
}

/* Contents */
div.main-etcont {
	width:420px;
	float:right;
}

/* popup zone */
div.m-popupzone {
	float:left;
	width:420px;
	height:135px;
	background:url("/images/main/popupzone.gif") no-repeat;
	margin-bottom: 20px;
}
	div.m-popupzone h3 {
		display:inline;
		float:left;
		margin:2px 36px 0 33px;
	}
	div.m-popupzone ul {
		float:left;
		position:relative;
		width:230px;
		padding:10px 0 0 150px;
	}
	div.m-popupzone ol li {
		float:left;
		margin:2px 4px 0 0;
	}
		div.m-popupzone ol li div {
			position:absolute;
			top:20px;
			left:-120px;
			width:351px;
			height:78px;
			_zoom:1;
		}
	div.m-popupzone h4, div.m-popupzone dl {
		overflow:hidden;
		width:0;
		height:0;
		font-size:0;
		line-height:0;
	}
/* member service */
div.m-mban {
	width:415px;
	height:90px;
	float:left;
}
	div.m-mban div.propo {
			width:209px;
			height:90px;
			font-size:0;
			line-height:0;
			background:url("/images/main/propo_bg.gif") no-repeat;
			float:left;
	}

			div.m-mban div.propo li.propo01{
				width:72px;
				padding:64px 0 0 13px;
				float:left;
			}

			div.m-mban div.propo li.propo02{
				width:67px;
				padding:64px 0 0 0px;
				float:left;
			}

			div.m-mban div.propo li.propo03{
				padding:64px 0 0 0;
			}


	div.m-mban div.proinfo {
			height:90px;
			text-align:right;
			float:right;
			font-size:0px;
	}

	div.m-mban div.proinfo li.day{
			background:url("/images/main/dday_bg.gif") no-repeat top right;
			height:48px;
			font-size:0px;
			width:189px;
			text-align:center;
	}

	div.m-mban div.proinfo li.day img{
			padding:8px 2px 0 2px;
	}

/* announce */
div.m-notice {
	position:relative;
	float:left;
	width:415px;
	margin:20px 0 25px 0;
}

	div.m-notice h3 {
		padding:0 !important;
		background:none !important;
		border-bottom:1px solid #d0d2d7;
	}
		div.m-notice h3 img {
			margin:0 0 5px 0 !important;
			font-size:0;
			line-height:0;
		}

	div.m-notice ul {
		overflow:hidden;
		margin-top:3px;
		_zoom:1;
	}
		div.m-notice div ul li {
			float:left;
			clear:both;
			width:100%;
			padding:7px 0 0 12px;;
			background:url("/images/main/notice_dot.gif") no-repeat 3px 10px;
		}
		div.m-notice div ul li a {
			float:left;
		}
		div.m-notice div ul li span {
			color:#2a96bd;
			float:left;
			padding-right:5px;
		}

	    div.m-notice div ul li span.date {
			float:right;
			color:#747474;
			letter-spacing:1px;
			padding-right:15px;
		}

			div.m-notice div a.mbtn {
				clear:both;
				position:absolute;
				display:block;
				top:3px;
				right:4px;
			}

/* healthy */
div.m-healthy {
	position:relative;
	float:right;
	width:205px;
	margin:12px 0 0;
}
	div.m-healthy h3 {
		margin-left:10px;
	}
	div.m-healthy a {
		position:absolute;
		display:block;
		top:0;
		right:5px;
		padding:3px 5px;
	}
	div.m-healthy div.healthy-cont {
		width:100%;
		margin:2px 0 0;
		background:url("/images/main/healthbox_btm.gif") no-repeat left bottom;
	}
		div.m-healthy div.healthy-cont div {
			overflow:hidden;
			padding:10px 10px 2px;
			background:url("/images/main/healthbox_top.gif") no-repeat left top;
			line-height:18px;
		}
		div.m-healthy div.healthy-cont img {
			float:left;
			margin-right:10px;
			padding:4px 4px 14px;
			background:url("/images/main/healthphotobox.gif") no-repeat;
		}
/* information */
div.m-infoarea {
	float:left;
	clear:both;
	width:100%;
	height:96px;
	margin-top:13px;
	background:url("/images/main/infoareabox.gif") no-repeat;
}
	div.m-infoarea div {
		float:left;
		margin:15px 17px 0 15px;
		padding-right:12px;
		background:url("/images/main/infoboxbar.gif") no-repeat right top;
	}
		div.m-infoarea div span {
			display:block;
			margin:8px 0 10px;
		}
	div.m-infoarea ol {
		overflow:hidden;
		_zoom:1;
		margin:11px 0 0;
	}
		div.m-infoarea ol li {
			float:left;
			margin-left:5px;
			padding-left:22px;
			background:url("/images/main/infoarrow.gif") no-repeat left 12px;
		}
		div.m-infoarea ol li.first {
			padding:0;
			background:none;
		}
			div.m-infoarea ol li a {
				padding:0 4px;
			}
/* pointmenu */
div.pointmenu {
	float:left;
	clear:both;
	width:275px;
	height:23px;
	margin:10px 0 0;
	padding:10px 0 0 18px;
	background:url("/images/main/pointmenubg.gif") no-repeat;
}
	div.pointmenu ul {
		overflow:hidden;
		width:260px;
	}
	div.pointmenu ul li {
		float:left;
		margin:0 10px 0 -1px;
		padding-left:10px;
		background:url("/images/main/bar_mp.gif") no-repeat left 2px;
	}
/* membership */
div.membership {
	float:right;
	width:268px;
	height:33px;
	margin:10px 0 0;
	padding:4px 0 0 18px;
	background:url("/images/main/membershipbox.gif") no-repeat;
}
	div.membership ul {
		overflow:hidden;
		_zoom:1;
	}
		div.membership ul li {
			float:left;
			margin:0 10px 0 -1px;
			padding-left:10px;
			background:url("/images/main/bar_mp.gif") no-repeat left 7px;
		}
/* mbanner */
div.mbanner {
	overflow:hidden;
	clear:both;
	width:415px;
}
	div.mbanner a {
		display:block;
		float:left;
	}
	div.mbanner ul {
		display:inline;
		float:left;
		width:382px;
		height:39px;
		overflow:hidden;
		margin:0 4px;
	}
		div.mbanner ul li {
			display:inline;
			float:left;
			margin:0 3px;
		}
			div.mbanner ul li a,div.mbanner span a {margin:0;}
			div.mbanner ul li img {
				border:1px solid #e1e1e1;
			}
			div.mbanner span {
				float:left;
				padding:0 0 0 5px;
			}