/* ◐ 필수 스타일 시트 ◑ */

BODY {


	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #C7AD81; 
	scrollbar-highlight-color: #F8ECD8; 
	scrollbar-3dlight-color: #C7AD81; 
	scrollbar-darkshadow-color: #F8ECD8; 
	scrollbar-track-color: #ffffff; 
	scrollbar-arrow-color: #C7AD81;
	
		//scrollbar-face - 움직이는 바 전체색 
		//scrollbar-shadow - 바의 오른쪽과 밑쪽 그림자색 
		//scrollbar-highlight - 바의 왼쪽과 위쪽의 얇은 선색 
		//scrollbar-3dlight - 바의 왼쪽 위 진한 선(3D 효과) 
		//scrollbar-darkshadow - 바의 오른쪽과 밑쪽에 들어가는 얇은 색 
		//scrollbar-track - 바가 없는 아래부분의 색 
		//scrollbar-arrow - 위 아래 화살표 색 
	
	
	FONT-FAMILY:"돋움", "굴림", "Arial", "tahoma";	
	FONT-SIZE: 9pt; 
	color:#353535;
	line-height:1.4;

	background-repeat: repeat-x;
	
	overflow:yes;
	
	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px; 
	margin-bottom:0px
}

TABLE    { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; overflow:yes; line-height:1.4 }
TR       { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; overflow:yes; line-height:1.4 }
TD       { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; overflow:yes; line-height:1.4 }

DIV      { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; overflow:yes; line-height:1.4 }
INPUT    { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; overflow:yes; line-height:1.4 }
FORM     { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; overflow:yes; line-height:1.4 }
TEXTAREA { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; overflow:yes; line-height:1.4 }
CENTER   { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; overflow:yes; line-height:1.4 }
OPTION   { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; overflow:yes; line-height:1.4 }
PRE      { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; overflow:yes; line-height:1.4 }
BR       { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; overflow:yes; line-height:1.4 }
IMG			 {border:0}

A:link    { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; line-height: 1.3; text-decoration: none; }
A:visited { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; line-height: 1.3; text-decoration: none; }
A:active  { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; line-height: 1.3; text-decoration: none; }
A:hover   { font-family:"돋움", "굴림", "Arial", "tahoma"; font-size:9pt; color:#868686; line-height: 1.3; text-decoration: underline; }

	
.fontBlack { font-family: "돋움", "굴림", "Arial", "tahoma"; FONT-SIZE: 9pt; line-height: 1.4; color: #000000;   }

.fontGray { font-family: "돋움", "굴림", "Arial", "tahoma"; FONT-SIZE: 9pt; line-height: 1.4; color: #8B8B8B;  }

.fontGraysm { font-family: "돋움", "굴림", "Arial", "tahoma"; FONT-SIZE: 8pt; line-height: 1.4; color: #8B8B8B; }

.fontRed { font-family: "돋움", "굴림", "Arial", "tahoma"; FONT-SIZE: 9pt; line-height: 1.4; color: #C40000;   }

.fontBlue { font-family: "돋움", "굴림", "Arial", "tahoma"; FONT-SIZE: 9pt; line-height: 1.4; color: #0A70D8;}

.fontBluesm { font-family: "돋움", "굴림", "Arial", "tahoma"; FONT-SIZE: 8.5pt; color: #0A70D8;}

.fontWhite { font-family: "돋움", "굴림", "Arial", "tahoma"; FONT-SIZE: 9pt; line-height: 1.4; color: #ffffff;}

.fontUnderLine { text-decoration: underline;   }

.fontLetterSpc { Letter-spacing:-1.5px; }



/* ◐사이트 특성에 맞게 스타일 변경적용 가능◑ */


/* ▼ SelectBox style ▼ */


	
	
/* ▼ MAIN style ▼ */

.mainbg {background: url(../images/main/bg_main.gif); background-repeat: repeat-x;}
.subbg {background: url(../images/common/bg_sub.gif); background-repeat: repeat-x;}

.inputMainSearch {

	background:#ffffff; 
	border:#E7DACE 1px solid; 
	font-family:"돋움", "굴림", "Arial", "tahoma"; 
	font-size:9pt; 
	color:#A18F7F;
	}
	
A.aReview:link     { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #000000; line-height: 1.4;}
A.aReview:visited  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #000000; line-height: 1.4;}
A.aReview:active   { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #000000; line-height: 1.4;}
A.aReview:hover    { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #000000; line-height: 1.4; text-decoration:underline ;}
	
.fontBlacksm{ font-family: "돋움", "굴림", "Arial", "tahoma"; FONT-SIZE: 8.5pt; line-height: 1.3; color: #3C3C3C; text-decoration: none; }
	
A.aBest:link     { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 8.5pt; color: #545454; line-height: 1.4;}
A.aBest:visited  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 8.5pt; color: #545454; line-height: 1.4;}
A.aBest:active   { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 8.5pt; color: #545454; line-height: 1.4;}
A.aBest:hover    { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 8.5pt; color: #545454; line-height: 1.4;}


/* ▼ book style ▼ */

A.aRed:link     { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #DE0000; line-height: 1.4;}
A.aRed:visited  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #DE0000; line-height: 1.4;}
A.aRed:active   { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #DE0000; line-height: 1.4;}
A.aRed:hover    { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #DE0000; line-height: 1.4; text-decoration:underline ;}

A.ablack:link     { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #000000; line-height: 1.4;}
A.ablack:visited  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #000000; line-height: 1.4;}
A.ablack:active   { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #000000; line-height: 1.4;}
A.ablack:hover    { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #000000; line-height: 1.4; text-decoration:underline ;}


A.aBookTitle:link     { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 11pt; color: #084D8C; line-height: 1.4; text-decoration:underline ; font-weight:bold}
A.aBookTitle:visited  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 11pt; color: #084D8C; line-height: 1.4; text-decoration:underline ; font-weight:bold}
A.aBookTitle:active   { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 11pt; color: #084D8C; line-height: 1.4; text-decoration:underline ; font-weight:bold}
A.aBookTitle:hover    { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 11pt; color: #0079E7; line-height: 1.4; text-decoration:underline ; font-weight:bold}

.fontBigunderGreen  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 11pt; color: #3C93AB; line-height: 1.4; text-decoration: underline; }
.fontundersblue  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #3C93AB; line-height: 1.4; text-decoration: underline; }

.bookInfobg {background: url(../images/book/body_info_bg.gif); background-repeat: repeat-x;}
/* ▼ detailbook 탭에 들어가는 배경 style ▼ */
.detailbook {background: url(../images/book/tab_bg_01.gif); background-repeat: repeat-x;}
.detailbook_02 {background: url(../images/book/tab_bg_02.gif); background-repeat: repeat-x;}
.detailbook_03 {background: url(../images/book/tab_bg_03.gif); background-repeat: repeat-x;}


.inputTopSearch {
	background:#D3D3D3; 	border:#BDBDBD 1px solid; 	font-family:"돋움", "굴림", "Arial", "tahoma"; 	font-size:9pt; 	color:#4B4B4B;; Letter-spacing:-1.5px;
	}
	
	
/* ▼ recommend style ▼ */
.fontBigUnderBrown  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 11pt; color: #876C5A; line-height: 1.4; text-decoration: underline; }

/* ▼ reader style ▼ */

.fontorange  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #F25000; line-height: 1.4;}
.fontorangesm  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 8.5pt; color: #F25000; line-height: 1.4;}

.fontlightBrown  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #8E724D; line-height: 1.4;}

.fontRedsm { font-family: "돋움", "굴림", "Arial", "tahoma"; FONT-SIZE: 8.5pt; line-height: 1.4; color: #C40000; text-decoration: none;   }

.fontsblue  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #017EA1; line-height: 1.4;}

.fontBigOrange { font-family: "돋움", "굴림", "Arial", "tahoma"; FONT-SIZE: 11pt; line-height: 1.4; color: #F25000; Letter-spacing:-1.5px;  }

.inputBox_01 {
	background:#efefef; 
	border:#D6D6D6 1px solid; 
	font-family:"돋움", "굴림", "Arial", "tahoma"; 
	font-size:9pt; 
	color:#868686;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#C1C1C1;
	scrollbar-track-color:#F3F3F3;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#C1C1C1;
	scrollbar-shadow-color:#C1C1C1;
	}

.inputJoin {
	background:#FFFFFF; 
	border:#CCB9AC 1px solid; 
	font-family:"돋움", "굴림", "Arial", "tahoma"; 
	font-size:9pt; 
	color:#868686;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#C1C1C1;
	scrollbar-track-color:#F3F3F3;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#C1C1C1;
	scrollbar-shadow-color:#C1C1C1;
	}

.inputLogin {
	background:#FFFFFF; 
	border:#BDBDBD 1px solid; 
	font-family:"돋움", "굴림", "Arial", "tahoma"; 
	font-size:9pt; 
	color:#868686;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#C1C1C1;
	scrollbar-track-color:#F3F3F3;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#C1C1C1;
	scrollbar-shadow-color:#C1C1C1;
	}

/* ▼ inform style ▼ */
.fontpink  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #F9417A; line-height: 1.4;}

.fontBigBlue { font-family: "돋움", "굴림", "Arial", "tahoma"; FONT-SIZE: 11pt; line-height: 1.4; color: #0A70D8; Letter-spacing:-1.5px;  }


/* ▼ data style ▼ */


/* ▼ event style ▼ */
.eventBg {background: url(../images/event/event_bg.gif); background-repeat: repeat-x;}
.fontpoint  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #2F4899; line-height: 1.4; }
.fontGlay { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 12pt; color: #454545; line-height: 1.4; }
.fontBigRed { font-family: "돋움", "굴림", "Arial", "tahoma"; FONT-SIZE: 12pt; line-height: 1.4; color: #C40000; text-decoration: none;   }

/* ▼ event style ▼ */


/* ▼ about style ▼ */


/* ▼ join style ▼ */


/* ▼ login style ▼ */


/* ▼ mypage style ▼ */
.fontBigBrown  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 11pt; color: #876C5A; line-height: 1.4; }
.fontBigGlay  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 11pt; color: #868686; line-height: 1.4;}


.inputBTN {background-color:eeeeee; border-color:bbbbbb; font-size:9pt; width:70px; border-style:dashed;}
/*  ◐ 아래는 스타일 시트 예시입니다. 삭제하지 마세요!! ◑

===================================================================================================================================================

각 페이지별 배경 다르게 적용하기 예시

.subBg {background: url(../images/common/sub_bg.gif); background-repeat: repeat-x;}

===================================================================================================================================================

링크된 텍스트 컬러 다르게 적용하기 예시 
 
A.aPink:link     { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #DA5B6B; line-height: 1.4;}
A.aPink:visited  { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #DA5B6B; line-height: 1.4;}
A.aPink:active   { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #DA5B6B; line-height: 1.4;}
A.aPink:hover    { font-family: "돋움", "굴림", "Arial", "tahoma"; font-size: 9pt; color: #DA5B6B; line-height: 1.4; text-decoration:underline ;}

===================================================================================================================================================

글상자에 스크롤바 컬러 다르게 적용하기 예시 

.inputComment {

	background:#ffffff;
	border:#CCCCCC 1px solid;
	font-family:"돋움", "굴림", "Arial", "tahoma";
	font-size:9pt;
	color:#4B4B4B;
	
	SCROLLBAR-FACE-COLOR: #efefef; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #D0D0D0; 
	SCROLLBAR-ARROW-COLOR: #000000; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
	SCROLLBAR-BASE-COLOR: #ffffff;
	
	}

===================================================================================================================================================

인풋박스 테두리 1픽셀의 동일컬러 적용하기(평면느낌인풋박스) 예시 

.inputBox {

	background:#ffffff; 
	border:#CCCCCC 1px solid; 
	font-family:"돋움", "굴림", "Arial", "tahoma"; 
	font-size:9pt; 
	color:#4B4B4B;

	}

===================================================================================================================================================

인풋 박스 상하좌우 라인 컬러 다르게 적용하기(입체느낌인풋박스) 스타일 

.inputTXTbox {line-height:normal; border:1px solid #cacaca; color:000000; background-color:ffffff; letter-spacing:0px; }
.radioTXTbox {border:0;}
.formBTN {background-color:eeeeee; border-color:e5e5e5; font-size:9pt; width:70px; }
.inputBTN {background-color:eeeeee; border-color:bbbbbb; font-size:9pt; width:70px; border-style:dashed;}

.inputBox2 { 

	background:#ffffff; 
	font-family:"돋움", "굴림", "Arial", "tahoma"; 
	font-size:9pt; 
	color:#4B4B4B; 
	
	boder-BOTTOM: #efefef 1px solid; 
	boder-LEFT: #9B9B9B 1px solid; 
	boder-RIGHT: #efefef 1px solid; 
	boder-TOP: #9B9B9B 1px solid;
	
	}
	
===================================================================================================================================================

글자 배경에 색 넣기(폰트색은 흰색) 
	
.tipViolet		{ font-family: "돋움", "굴림", "Arial"; FONT-SIZE: 8.5pt; line-height: 1.4; color:white; background-color=B295C7; text-align:justify }
	
=====================================================

배경 이미지 x축으로만 반복

.subBg {background: url(../images/common/sub_bg.gif); background-repeat: repeat-x;}


*/