/*###########################################################################################
공동 스타일
###########################################################################################*/
body  {
scrollbar-face-color: #FFFFFF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #F2F2F2; 
scrollbar-shadow-color: #999CC; 
scrollbar-darkshadow-color: #F2F2F2; 
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color: #9999CC;
}

td, th		{color:#666666; font-size:12px;}
table		{border-collapse:collapse;}
div			{text-align:left; border-color:#b7b7b7; z-index:9;}
img			{border:0px;} 
iframe		{border:0px;margin:0px; padding:0px;}
div,select	{font-family:"verdana"; font-size:9pt; line-height:160%; color:#666666;}
input		{font-family:"verdana"; font-size:9pt;}
textarea
			{
			background-color:#ffffff;
			border:1px solid #CBCBCB;
			font-family:"verdana";
			font-size:9pt;
			color:#666666;
			}
/* 링크 이미지 클릭시 테두리 않생기게 
a			{ selector-dummy : expression(this.hideFocus=true);} */

.select		{behavior:url('/_lib/css/htc_selectbox.htc');}

/* 링크 스타일 설정 */
A:link			{color:#666666; margin:0px; padding:0px; text-align:center; font-size:12px; font-family:Dotum; line-height:140%; text-decoration: none;}
A:visited		{color:#666666; margin:0px; padding:0px; text-align:center; font-size:12px; font-family:Dotum; line-height:140%; text-decoration: none;}
A:active		{text-decoration:none; color: #666666;}
A:hover			{color:#63952a; text-decoration: UNDERLINE;}

a.menu:link		{color:#ffffff; text-decoration:none;};
a.menu:visited	{color:#ffffff; text-decoration:none;};
a.menu:active	{color:#666666; text-decoration:none;};
a.menu:hover	{color:#ffffff; text-decoration:none;};


/*###########################################################################################
Class 스타일
###########################################################################################*/
/* 정렬 클래스 */
.le				{text-align:left;};
.ce				{text-align:center;};
.ri				{text-align:right;};
.to				{vertical-align:top;};
.mi				{vertical-align:middle;};
.bo				{vertical-align:bottom;};

/* 폰트 컬러 */
.f0				{color:#000000;};  /*검정*/
.f1				{color:#ffffff;};  /*흰색*/
.f2				{color:#ff6600;};  /*주황*/
.f3				{color:#fe025b;};  /*진한분홍*/
.f4				{color:#807e7f;};  /*회색*/
.f5				{color:#0577d7;};  /*청록*/
.f6				{color:#515151;};  /*진한회색*/
.f7				{color:#ee0000;};  /*진한분홍*/
.f8				{color:#FF4885;};  /*분홍*/
.f9				{color:#A26ED6;};  /*보라*/
.f10            {color:#0000ff;};  /*파랑*/
.f11			{color:#b3b3b3;};  /*연한회색*/


/* 폰트굴림사이즈 */
.hg8			{font-family:굴림; font-size:8pt;}
.hg9			{font-family:굴림; font-size:9pt;}
.hg10			{font-family:굴림; font-size:10pt;}
.hg11			{font-family:굴림; font-size:11pt;}

/* 폰트고딕사이즈 */
.hd8			{font-family:돋움; font-size:8pt;}
.hd9			{font-family:돋움; font-size:9pt;}
.hd10			{font-family:돋움; font-size:10pt;}
.hd11			{font-family:돋움; font-size:11pt;}
.hd12			{font-family:돋움; font-size:15pt; color:#0577d7;}


/* 줄 간격 */
.lh1			{line-height:13pt;};
.lh2			{line-height:14pt;};
.lh3			{line-height:15pt;};
.lh4			{line-height:16pt;};

.ls1			{letter-spacing:-1px;};
.ws1			{word-spacing:-1px;};

/* 배경 색상 */
.bg1			{background-color:#CF3638;};	/* 찐한자두 */


/* 라인높이 */
.line_h10 {line-height:100%;}
.line_h12 {line-height:120%;} 
.line_h13 {line-height:130%;}
.line_h14 {line-height:140%;} 
.line_h15 {line-height:150%;} 
.line_h16 {line-height:160%;}
.line_h18 {line-height:180%;}

/* 테투리 */
.bs1			{border:#CCCCCC solid 1px}

/* 마우스 포인터 */
.point			{cursor:pointer;};
.hand			{cursor:hand}

/* 보더 색깔 */
.bd1			{border:2px solid #aab9bd;};	/* 이미지 라인 */

/*게시판 배경 핑크라인 */
.line0			{border-top:solid 1; border-top-color:F7D4DF;}
.line1			{border-bottom:solid 1; border-bottom-color:F7D4DF;}
.line2			{border-right:solid 1; border-right-color:F7D4DF;}
.line3			{border-left:solid 1; border-right-color:F7D4DF;}

/*게시판 배경 연회색라인 */
.line00			{border-top:solid 1; border-top-color:#E7E7E7;}
.line01			{border-bottom:solid 1; border-bottom-color:#E7E7E7;}
.line02			{border-right:solid 1; border-right-color:#E7E7E7;}
.line03			{border-left:solid 1; border-right-color:#E7E7E7;}
/*회색라인 */
.line10			{border-bottom:solid 1; border-bottom-color:#d4d4d4;}
/*  글자와 글자 사이를 10px 로 지정  */
.pl1 {letter-spacing:10px; font-size:20pt}

/* 단어와 단어 사이 간격 20픽셀로 지정  */
.pw2 {word-spacing:20px; font-size:20pt}
/* 게시판 자동 줄바꿈 */
.contentBreak	{overflow-x:auto; word-break:break-all;};

/* 백그라운드 이미지 지정 */
.bbst			{background:url("이미지경로") no-repeat top left;}

/* input 박스 스타일 클래스 */
input.A
				{
					background-color:#ffffff;
					border:1px solid;
					height:19px;
					font:normal 11px 돋움;
					border-color: #CBCBCB;
					padding-top:4px;
				}

input.B
				{
					height:19px;
					font:normal 11px 돋움;
				}

/*글자굵게 */
.b				{font-weight:bold}


/* 포토포지션설정(리스트에 나타는포토) */
.photo			{position:absolute; left:0px; top:0px;}

/*버튼에스타일적용 */
.btn0			{border:solid 1; border-color:404040; background:404040; color:white; padding:1,0,0,0;}
.btn1			{border:solid 1; border-color:808080; background:808080; color:white; padding:1,0,0,0;}
.btn2			{border:solid 1; border-color:D4D0C8; background:F9F8E5; color:000000; padding:1,0,0,0;}
.input			{border-width:1;border-color:#dedfde;border-style:solid;height:20px}

/*textbox,textarea,file등등스타일적용 input.asp에서사용*/
/*======================================input============================================*/
.solid			{border:2px solid #DCDCDC;background:#ffffff}
.solid2			{border:1px solid #A5A5A5;background:#ffffff}

/*팝업타이틀폰트 */
.titlestyle 
				{
				font-family: 돋움, Gulim;
				font-size: 11pt;
				font-weight:bold;   /*--폰트 굵기---*/
				color:#ffffff;    /*--폰트 색깔---*/
				}


/*관리자bodybg */
.body_right 
				{
					background: url(/img/admin/body_right.jpg) repeat-y;
				}
.body_left 
				{
					background: url(/img/admin/body_left.jpg) repeat-y;
				}

/* css로 이미지 롤오버버튼 만들기 [[[[[파이어폭스는 않먹힘]]]]]*/
.show					{ border-width:0px; display:inline;};
.hide					{ border-width:0px; display:inline; display:none;};
.roll_over:hover		{ position:relative;};
.roll_over:hover .show	{ display:none;};
.roll_over:hover .hide	{ display:inline;};

/*예제: <a href="" class="roll_over"><img src="test.gif" class="show"><img src="test_o.gif" class="hide"></a>*/


/* css로 이미지 테두리 롤오버버튼 만들기 예제: onMouseOver="this.className='img_over';" onMouseOut="this.className='img_out';"  */
.img_over {border:1px solid #FD5A2E;};
.img_out {border:0;};


/* Textarea 자동으로 늘어나기 */
.textareadown	{overflow:visible;text-overflow:ellipsis;}


/* Board css */
.board_list {
	background-image: url(/img/bg_list.gif);
	background-repeat: repeat;
}


/* 마이페이지 게시판 */
.line100 {border-bottom:solid 1; border-bottom-color:D2D2C7;}
.l100r {border-right:solid 1; border-right-color:D2D2C7;}

/* table tag에 적용 */
TABLE.outer
{
    BACKGROUND-COLOR: #e0e0e0
}
TR.texter
{
    background-color:#ffffff;
    BORDER-BOTTOM: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    FONT-WEIGHT: normal
}
TD.texter
{
    background-color:#f4f4f4;
    BORDER-BOTTOM: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    COLOR: #767676;
    FONT-FAMILY: 굴림체;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
TD.texter2
{
    background-color:#ffffff;
    BORDER-BOTTOM: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    COLOR: #3B3B3B;
    FONT-FAMILY: 굴림체;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}

TEXTAREA.texter
{
  border:#DFDFDF 1px solid;
  color: #5a5a5a;
  font-size:12px; 
  background-color: #ffffff;
  scrollbar-face-color: #B9B9B9;
  scrollbar-shadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #B9B9B9;
  scrollbar-darkshadow-color: #B9B9B9;
  scrollbar-track-color: #ffffff;
  scrollbar-arrow-color: #ffffff
}

TEXTAREA.texter2
{
  border:#f5f5f5 1px solid;
  color: #5a5a5a;
  font-size:12px; 
  background-color: #f5f5f5;
  scrollbar-face-color: #B9B9B9;
  scrollbar-shadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #B9B9B9;
  scrollbar-darkshadow-color: #B9B9B9;
  scrollbar-track-color: #ffffff;
  scrollbar-arrow-color: #ffffff
}

/* table */
table.sdtable01{
 border:1px solid #cbcbcb;
 margin:3px 0 0 1px;
}
table.sdtable01 th{
 border:1px solid #dddddd;
 color:#666;
 font-size:0.75em;
 font-weight:normal;
 background:#ecebeb;
 padding:3px 0 6px;
}
table.sdtable01 td{
 border:1px solid #dddddd;
 color:#666;
 padding:6px 0 6px;
 text-align:center;
}
table.sdtable01 td a, a:hover{
 color:#666;
 font-weight:bold;
 text-decoration:underline;
}
table.sdtable01 input{
 Background-color:#ffffff; Border:1x SOLID #CCCCCC
}

/* 기본영역 */
/*#MAINALLCONTENTS {width:100%; min-height:100%; text-align:center; background:url("/img/public/bg.jpg") repeat-y center top;margin-left:auto;margin-right:auto;}*/
#MAINALLCONTENTS {width:1004px; min-height:100%; text-align:center;}
#LEFT { width:1004px; margin:0px 0px 0px 0px;margin-left:auto;margin-right:auto;}
#FOOTER { width:1004px; text-align:center;}
#MAIN {width:1004px; text-align:center;}


/* 사이트맵  * 가로사이즈가 500이라면 margin-left 의 값에는 500÷2= 250 을 입력합니다. (만약 가로가 800이라면 400을 입력하시면 되겠죠)
*/
#sitemap {display:none; position:absolute;  left:50%; margin-left:-490px; top:98px; padding:4px; width:968px; border:1px solid #8db6d0; background:#95c0db; z-index:999;}
#sitemap .kim {border:1px solid #7eaecf; background:#fff; padding:14px 0; width:966px; float:left;}
#sitemap .kim2 {background:#fff; padding:8px; text-align:center;}
#sitemap .kim .list {border-right:1px solid #e7e7e7;background:#fff; float:left; padding:0 22px; min-height:210px; height:auto !important; height:210px;}
#sitemap .kim h4 {width:140px; text-align:center;}
#sitemap .kim h4 a {font-size:12px; color:#000; height:12px; font-weight:bold; padding-right:10px; background:url(/img/arr1.gif) no-repeat right 4px; display:inline;}
#sitemap .kim ul {background:none; float:none; padding:12px 0 0 0;}
#sitemap .kim ul li { float:none; font-size:12px; margin:0 0 5px 0; padding:0 0 0 7px; width:141px;}