/* ±âº» ½ºÅ¸ÀÏ */
BODY {
	scrollbar-face-color:#cdcdcd;
	scrollbar-arrow-color: #f7f7f7;
	scrollbar-track-color:#f7f7f7;
	scrollbar-shadow-color:#f7f7f7;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-3dlight-color:#cdcdcd;
	scrollbar-darkshadow-Color:#cdcdcd;
	margin: 0px;
	font-size:12px;
	color:#333333;
	font-family:dotum, gulim;
}

A			{ text-decoration:none; font-size:12px; color:#666666; line-height: 16px; }
A:visited		{ text-decoration:none; font-size:12px; color:#666666; line-height: 16px; }
A:active		{ text-decoration:none; font-size:12px; color:#333333; line-height: 16px; }
A:hover		{ text-decoration:none; font-size:12px; color:#333333; line-height: 16px; }

/*border*/
table		{border:none;border-spacing:0px;word-break:break-all;border-collapse:collapse;}
tr,td			{padding:0px;font-size:12px;}
img			{border:none}
dl, ul, ol, li 	{ list-style: none; margin: 0; padding: 0; }

/* form¿¡ »ç¿ëµÇ´Â ½ºÅ¸ÀÏ */
.input		{ Background-color:#FFFFFF; Border:1px Solid #CCCCCC; color:#4C4C4C; font-size:12px; }
.input_gray	{ Background-color:#f5f5f5; Border:1px Solid #c4c4c4; color:#4C4C4C; font-size:12px; }
.input_blue	{ Background-color:#FFFFFF; Border:1px Solid #7f9db9; color:#666; font-size:12px; height:20px; padding:2 0 0 4; } /* 20100127 Ãß°¡ */
.noborder		{ Background-color:#FAFAFA; Border:1px Solid #CCCCCC; color:#4C4C4C; font-size:12px; }
.textarea		{ Background-color:#FFFFFF; Border:1 Solid #CCCCCC; color:#666666; font-size: 12px; line-height: 17px; }
.textarea_gray	{ Background-color:#f5f5f5; Border:1 Solid #c4c4c4; color:#4C4C4C; font-size: 12px; line-height: 17px; }
.select		{ Background-color:#FFFFFF; Border:1px Solid #999999; color:#666666; font-size:12px; line-height: 17px; }

/* font¿¡ »ç¿ëµÇ´Â ½ºÅ¸ÀÏ */
.b, a.b:link, a.b:visited, a.b:hover, a.b:active{font-weight:bold}
.u, a.u:link, a.u:visited, a.u:hover, a.u:active{text-decoration:underline;}
.p8, a.p8:link, a.p8:visited, a.p8:hover, a.p8:active{font-size:8px}
.p10, a.p10:link, a.p10:visited, a.p10:hover, a.p10:active{font-size:10px;font-family: Tahoma;}
.p11, a.p11:link, a.p11:visited, a.p11:hover, a.p11:active{font-size:11px}
.p12, a.p12:link, a.p12:visited, a.p12:hover, a.p12:active{font-size:12px}
.p14, a.p14:link, a.p14:visited, a.p14:hover, a.p14:active{font-size:14px}
.p16, a.p16:link, a.p16:visited, a.p16:hover, a.p16:active{font-size:16px}
.p18, a.p18:link, a.p18:visited, a.p18:hover, a.p18:active{font-size:18px}
.p24, a.p24:link, a.p24:visited, a.p24:hover, a.p24:active{font-size:24px}
.p30, a.p30:link, a.p30:visited, a.p30:hover, a.p30:active{font-size:30px}
.ln16{line-height:16px}
.ln18{line-height:18px}
.ln20{line-height:20px}
.ln22{line-height:22px}
.ln25{line-height:25px}
.ln30{line-height:30px}
.blue01, a.blue01:link, a.blue01:visited, a.blue01:hover, a.blue01:active{color:#003399}
.blue02, a.blue02:link, a.blue02:visited, a.blue02:hover, a.blue02:active{color:#99ccff}
.blue03, a.blue03:link, a.blue03:visited, a.blue03:hover, a.blue03:active{color:#336699}
.blue04, a.blue04:link, a.blue04:visited, a.blue04:hover, a.blue04:active{color:#003366}
.white01, a.white01:link, a.white01:visited, a.white01:hover, a.white01:active{color:#FFFFFF}
.green01, a.green01:link, a.green01:visited, a.green01:hover, a.green01:active{color:#018240}
.green02, a.green02:link, a.green02:visited, a.green02:hover, a.green02:active{color:#006666}
.green03, a.green03:link, a.green03:visited, a.green03:hover, a.green03:active{color:#009933}
.green04, a.green04:link, a.green04:visited, a.green04:hover, a.green04:active{color:#009933}
.green05, a.green05:link, a.green05:visited, a.green05:hover, a.green05:active{color:#006633}
.red01, a.red01:link, a.red01:visited, a.red01:hover, a.red01:active{color:#ff3300}
.gray01, a.gray01:link, a.gray01:visited, a.gray01:hover, a.gray01:active{color:#6a6e78}

/* line¿¡ »ç¿ëµÇ´Â ½ºÅ¸ÀÏ */
.b_bottom1	{border-bottom:1 solid #BEAC91;}
.b_all1		{border:1 solid #9C9D9D;}

/* float */
.clear{
	clear:both;
}
.clear1 { clear:both; line-height:1px; font-size:1px; height:1px; }

/* layout°ü·Ã »ç¿ëµÇ´Â ½ºÅ¸ÀÏ */
#main_top {
	width: 100%;
	height: 107px;
	clear:both;
	background:url(/images/sub/top_bg.gif) repeat-x left top;
}

#main_content {
	clear:both;
	position: relative;
	padding-bottom: 21px;
}
#main_content div.leftmenu {
	width:208px;
	float:left;
	padding:0 0 0 8px;
}
#main_content div.contentlist {
	width:780px;
	float:left;
}
#left_store { /* 20100127 ¼öÁ¤ */
	width: 200px;
	height: 196px;
	background:url(/images/sub/left_bg1.gif) repeat-x left top;
	padding:84px 0 0 22px;
}
#left_store1 {
	width: 200px;
	height: 389px;
	background:url(/images/sub/left_bg3.gif) repeat-x left top;
	padding:80px 0 0 18px;
}
#left_pamphlet {
	width: 200px;
	height: 179px;
	background:url(/images/sub/left_bg2.gif) repeat-x left top;
	padding:90px 0 0 20px;
}

#sub_content {
	width:955px;
	clear:both;
}
#sub_content div.leftmenu {
	width:227px;
	float:left;
	padding:0 0 0 8px;
}
#sub_content div.contentlist {
	width:720px;
	float:right;
}

#sub_footer {
	width: 995px;
	height: 106px;
	clear:both;
}


#popup {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	font-family: Dotum, "µ¸¿ò", sans-serif;
}

/* 20090630 ¸ÞÀΰ³Æí Ãß°¡ */
div.m_Flash {
	z-index:1;
}
div.m_WeekProduct {
	position: absolute;
	top: 248px;
	left: 26px;
	z-index:15;
	width: 520px;
	height: 215px;
}
div.m_WeekProduct p.sti {
	margin: 0 0 7px 0;
	padding: 0;
}
div.m_WeekProduct img.m_WeekBan {
	margin-bottom: 17px;
}
div.m_News {
	position: absolute;
	top: 1px;
	left: 719px;
	z-index:5;
	width: 245px;
	height: 160px;
}
div.m_News p.sti {
	margin: 0 0 1px 0;
	padding: 0;
}
div.m_News p.sti img.more {
	margin: 0 0 11px 3px;
}
div.m_News table td {
	padding: 0 0 4px 0;
	line-height: 14px;
}
div.m_Banner1 {
	position: absolute;
	top: 173px;
	left: 637px;
	z-index:5;
	width: 335px;
	height: 65px;
}
div.m_Banner2 {
	position: absolute;
	top: 254px;
	left: 610px;
	z-index:5;
	width: 362px;
	height: 212px;
	background:url(/images/main/main_banner2_bg.gif) no-repeat left top;
	padding: 7px 0 0 8px;
}
div.m_Banner2 div.m_BannerList1 {
	float: left;
	margin-right: 10px;
}
div.m_Banner2 div.m_BannerList2 {
	float: left;
}
div.m_Banner2 div.m_BannerList1 img {
	vertical-align: middle;
}
div.m_Banner2 div.m_BannerList2 img {
	margin-bottom: 5px;
}