/* style */
body {
	scrollbar-face-color:#D9D9D9;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color:#F8F8F8;
	scrollbar-shadow-color:#CBCBCB;
	scrollbar-highlight-color:#CBCBCB;
	scrollbar-3dlight-color:#F2F2F2;
	scrollbar-darkshadow-Color:#F2F2F2;
	color: #77818d; font-size: 12px;  font-family: dotum, Arial; line-height: 17px;
	margin:0; padding:0;
	background:url('/images/main/hmp_bg.gif') repeat-y center top;
}

a	{ text-decoration:none; color: #77818d; font-family: dotum, Arial; }
a:visited	{ text-decoration:none; color: #77818d; font-family: dotum, Arial; }
a:active	{ text-decoration:none; color: #77818d; font-family: dotum, Arial; }
a:hover		{ text-decoration:none; color: #000000; font-family: dotum, Arial; }
img { border:0; vertical-align:top; }

/* form style */
form, p, ol, ul, li, dl, dt, dd { margin:0; padding:0; list-style:none; }
.clear1 { clear:both; float:none; height:1px; font-size:1px; line-height:1px; padding:0; margin:0; background:none;}
.marginT20 { margin-top:20px; }
.marginT5 { margin-top:5px; }

/* layout style */
#wrap {
	width:983px;
	margin:0 auto;
	text-align:left;
}
#header {
	width:983px;
	height:117px;
	position:relative;
}
#middle {
	width:956px;
	margin:23px 10px 15px 17px;
	background:url('/images/main/hmp_bg2.gif') no-repeat;
}
#footer {
	width:983px;
	height:135px;
}

#mainA {
	width:240px;
	float:left;
}
#mainB {
	width:490px;
	float:left;
}
#mainC {
	width:226px;
	float:left;
}
/* header */
div.h_logo {
	position:absolute;
	top:1px;
	left:10px;
}
div.h_util {
	position:absolute;
	top:83px;
	left:10px;
	width:963px;
	height:32px;
	background-color:#b4b4b4;
	text-align:right;
}
div.h_util p {
	padding:10px 29px 0 0;
}
/* footer */
div.f_util {
	width:927px;
	height:70px;
	background-color:#e7e7e7;
	margin-left:28px;
}
div.f_util dl {
	padding:10px 0 0 0;
}
div.f_util dl dt {
	width:220px;
	float:left;
	text-align:center;
	padding:12px 0 0 0;
}
div.f_util dl dd {
	float:left;
}
div.f_util ul {

}
div.f_util ul li.fst {
	float:left;
	background:none;
	padding:0 6px 0 8px;
}
div.f_util ul li.left {
	float:left;
	background:url('/images/main/hmp_foot_10.gif') no-repeat left top;
	padding:0 6px 0 8px;
}
div.f_util ul li.copy {
	clear:both;
	padding:8px 6px 0 8px;
}

div.f_banner {
	width:927px;
	margin:11px 0 0 38px;
}
div.f_banner img {
	margin-right:30px;
}
div.f_banner img.e {
	margin-right:0;
}

/* middle : menu */
div.menu {
	height:120px;
	margin:0 0 0 15px;
	background-color:#ffffff;
}
div.menu ul li.left {
	width:116px;
	float:left;
	position:relative;
	z-index:10;
}
div.subbox {
	position:absolute;
	top:94px;
	left:0px;
	width:106px;
	border:1px solid #e3e3e3;
	background-color:#f4f4f4;
	display:none;
}
div.subbox ul {
	padding:15px 0 10px 20px;
}
div.subbox ul li {
	padding:0 0 5px 0;
}
/* middle : main A */
div.boxleft {
	width:215px;
	background:url('/images/main/hmp_bg3.gif') no-repeat 0 11px;
}
div.boxleft p.title {
	height:30px;
	padding-left:15px;
	text-align:right;
}
div.boxleft p.title .left {
	float:left;
}


div.boxleft ol {
	padding:5px 0 0 20px;
	font-size:11px; line-height:15px;
}
div.boxleft ol li.notice {
	background:url('/images/main/hmp_bull2.gif') no-repeat left top;
	padding:1px 0 5px 25px;
}
div.boxleft ol li.bull {
	background:url('/images/main/hmp_bull1.gif') no-repeat 1px 6px;
	padding:1px 0 5px 8px;
}
div.boxleft div.banner {
	padding:0 0 0 19px;
}
/* middle : main B */
div.mainflash {
	width:470px;
	height:230px;
	background:url('/images/main/hmp_bg9.jpg') no-repeat left top;
	padding:3px 0 0 3px;
}
div.mainbanner {
	width:469px;
	height:101px;
	background:url('/images/main/hmp_bg4.gif') no-repeat 0 0;
	margin-bottom:7px;
}
div.mainbanner ul {
	padding:5px 0 0 5px
}
div.mainbanner ul li.fst {
	float:left;
	background:none;
	padding:0 5px 0 5px;
}
div.mainbanner ul li.left {
	float:left;
	background:url('/images/main/hmp_bg6.gif') no-repeat 0 0;
	padding:0 5px 0 5px;
}
div.subbanner {
	width:469px;
	height:108px;
	background:url('/images/main/hmp_bg5.gif') no-repeat 0 0;
}
div.subbanner ul {
	padding:9px 0 0 5px
}
div.subbanner ul li.fst {
	float:left;
	background:none;
	padding:0 5px 0 5px;
}
div.subbanner ul li.left {
	float:left;
	background:url('/images/main/hmp_bg7.gif') no-repeat 0 0;
	padding:0 5px 0 5px;
}

/* middle : main C */
div.mainevent div.banner {
	width:210px;
	text-align:center;
	padding-bottom:10px;
}
div.mainevent div.banner p {
	margin-bottom:5px;
}

div.mainstore {
	width:226px;
	background:url('/images/main/hmp_bg8.gif') no-repeat right 14px;
}
div.mainstore ul {
	height:30px;
}
div.mainstore ul.tab li.title {
	float:left;
	padding:3px 7px 0 0;
}
div.mainstore ul.tab li.right {
	float:left;
	padding:0 3px 0 0;
}
div.mainstore dl dt {
	width:135px;
	float:left;
	border-right:1px solid #e6e6e6;
	text-align:center;
	padding:22px 0 15px 0;
}
div.mainstore dl dd {
	float:left;
}
div.mainstore dl dd div {
	position:relative; 

}
div.mainstore p.title {
	width:80px;
	height:45px;
	color:#ed1b2d;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	padding:8px 0 8px 0;
}
div.mainstore div.scroll {
	width:80px;
	position:relative; 
	height:152px; 
	overflow:hidden;
	font-size:11px;
}
div.mainstore div.scroll div.scroll_txt {
	width:80px; text-align:center; 
}
div.mainstore div.scroll ol li {
	padding:0 0 2px 0;
}

div.mainstore p.up {
	width:80px;
	text-align:center;
	position:absolute;
	top:30px;
}
div.mainstore p.down {
	width:80px;
	text-align:center;
	padding-top:4px;
}