/*-------------------------------------
 CSS ¶ó¿îµå Å×À̺í

 <div id="rnd01">
<div class=rndt>±âº»»ç¿ë¹ý</div>

<span class="rnds u">»õ·Î¿î ÆäÀÌÁö ÀÛ¼ºÇϱâ :</span><br>
<span class=rnds>1.</span> ÆÄÀÏÀ§Ä¡¸¦ ¼±Åà (html Àº ÀϹÝÆäÀÌÁö, layout Àº »ó´Ü,ÁÂÃø,ÇÏ´Ü ¿µ¿ªÀ» »ý¼ºÇÒ¶§ ¼±ÅÃÇÕ´Ï´Ù).<br>
<span class=rnds>2.</span> ÆÄÀϸí°ú ÆÄÀϼ³¸í ÀÔ·Â ÈÄ È®ÀιöÆ° Ŭ¸¯.<br>
<span class=rnds><ÁÖÀÇ!></span> layout ¼±ÅýÃ<br> »ó´Ü¿µ¿ª -> top.ÆÄÀϸí.htm , ÁÂÃø¿µ¿ª -> left.ÆÄÀϸí.htm<br> ÇÏ´Ü¿µ¿ª -> bottom.ÆÄÀϸí.htm, ¿ìÃø¿µ¿ª -> right.ÆÄÀϸí À¸·Î ÀÔ·ÂÇØ¾ß ÇÕ´Ï´Ù. <br>

</div><script>cssRound('rnd01')</script>
 ------------------------------------*/
function cssRound(id,color,bg)
{
	if (!bg) bg = '#ffffff';
	if (!color) color = '#f2f3f4';
	var obj = document.getElementById(id);
	obj.style.backgroundColor = color;
	with (obj.style){
		margin = "8px 0";
		color = "#4c4c4c";
		font = "8pt µ¸¿ò";
		letterSpacing = "0";
		lineHeight = "15px";
	}
	obj.innerHTML = "<div class='rnd' style='padding:5px 12px 5px 12px;line-height:20px'><ul>" + obj.innerHTML + "</ul></div>";

	cssRound_top(obj,bg,color);
	cssRound_bottom(obj,bg,color);
}

function cssRound_top(el,bg,color)
{
	var d=document.createElement("b");
	d.className="rOut";
	d.style.fontSize = 0;
	d.style.backgroundColor=bg;
	for(i=1;i<=4;i++){
		var x=document.createElement("b");
		x.className="r" + i;
		x.style.backgroundColor=color;
		d.appendChild(x);
	}
	el.style.paddingTop=0;
	el.insertBefore(d,el.firstChild);
}

function cssRound_bottom(el,bg,color){
	var d=document.createElement("b");
	d.className="rOut";
	d.style.fontSize = 0;
	d.style.backgroundColor=bg;
	for(i=4;i>0;i--){
		var x=document.createElement("b");
		x.className="r" + i;
		x.style.backgroundColor=color;
		d.appendChild(x);
	}
	el.style.paddingBottom=0;
	el.appendChild(d);
}