BODY
{
   font-family:굴림,Gulim; 
   font-size: 12px; 
   color: #242424; 
   line-height:18px;
   scrollbar-face-color: #F2F2F2;
   scrollbar-shadow-color: #999999;
   scrollbar-highlight-color: #999999;
   scrollbar-3dlight-color: #FFFFFF;
   scrollbar-darkshadow-color: #FFFFFF;
   scrollbar-track-color: #F2F2F2;
   scrollbar-arrow-color: #999999
}

/* 본문 */
td {font-family:굴림,Gulim; font-size: 12px; color: #242424; line-height:18px;}

A {color: #444444}
A:link {font-family:굴림,Gulim; font-size: 12px; color: #242424; text-decoration:none}
A:visited {font-family:굴림,Gulim; font-size: 12px; color: #242424; text-decoration:none}
A:active {font-family:굴림,Gulim; font-size: 12px; color: #242424; text-decoration:none}
A:hover {font-family:굴림,Gulim; font-size: 12px; color: #000000; text-decoration:underline}

/* 이미지 border=0 
img {border:0}
*/
/* form 줄칸없애기 */
form { display : inline; }

/* 이미지 border=1 */
.img_border { border: 1px #9B9C9B solid}

.f_01 {
	font-family:arial;
	font-weight:bold;
	font-size:13px;
	color:#4F72B3;
}

/*redcounter*/
.redcoun_title { /* 표에 사용 */
	COLOR: #000000;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
	background-color: #FFFFFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #334455;
	padding-top: 5px;
	font-family: "돋움";
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222222;
	height: 24px;
	text-align: center;
}

.redcoun_text { /* 표에 사용 */
	font-family: "돋움";
	COLOR: #000000;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
	background-color: #FFFFFF;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 24px;
}

.red_btn {
	FONT-FAMILY:돋움;
	font-size: 12px;
	padding:2;
	height:22;
	letter-spacing: 0pt;
};

/*redcounter끝*/

.shoptext_big2 {
	color:#000000;
	font-family:돋움;
	font-size: 15px;
	font-weight:bold;
	letter-spacing:-1px
}

.site {color:ffffff;font-family:돋움;font-size: 12px;letter-spacing: 0pt;}
.site A:link {color: ffffff;font-family:돋움;font-size: 12px;letter-spacing: 0pt;}
.site A:visited {color:ffffff;font-family:돋움;font-size: 12px;letter-spacing: 0pt;}
.site A:active {color:ffffff;font-family:돋움;font-size: 12px;letter-spacing: 0pt;}
.site A:hover {color: ffffff;font-family:돋움;font-size: 12px;letter-spacing: 0pt;text-decoration:underline}

.bora {color:#4C1C7F;font-family:돋움;font-size: 12px;letter-spacing: 0pt;}
.bora A:link {color: #4C1C7F;font-family:돋움;font-size: 12px;letter-spacing: 0pt;}
.bora A:visited {color:#4C1C7F;font-family:돋움;font-size: 12px;letter-spacing: 0pt;}
.bora A:active {color:#4C1C7F;font-family:돋움;font-size: 12px;letter-spacing: 0pt;}
.bora A:hover {color: #4C1C7F;font-family:돋움;font-size: 12px;letter-spacing: 0pt;text-decoration:underline}

.bora_s {color:#4C1C7F;font-family:돋움;font-size: 11px;letter-spacing: 0pt;}
.bora_s A:link {color: #4C1C7F;font-family:돋움;font-size: 11px;letter-spacing: 0pt;}
.bora_s A:visited {color:#4C1C7F;font-family:돋움;font-size: 11px;letter-spacing: 0pt;}
.bora_s A:active {color:#4C1C7F;font-family:돋움;font-size: 11px;letter-spacing: 0pt;}
.bora_s A:hover {color: #4C1C7F;font-family:돋움;font-size: 11px;letter-spacing: 0pt;text-decoration:underline}

/* 작은폰트 */
.small {color:#000000;font-family:돋움;font-size: 11px;letter-spacing: 0pt;}
.small A:link {color: #000000;font-family:돋움;font-size: 11px;letter-spacing: 0pt;}
.small A:visited {color:#000000;font-family:돋움;font-size: 11px;letter-spacing: 0pt;}
.small A:active {color:#000000;font-family:돋움;font-size: 11px;letter-spacing: 0pt;}
.small A:hover {color: #000000;font-family:돋움;font-size: 11px;letter-spacing: 0pt;text-decoration:underline}

/* 작은폰트 */
.small3 {color:ffffff;font-family:돋움;font-size: 11px;letter-spacing: 0pt;}
.small3 A:link {color: #ffffff;font-family:돋움;font-size: 11px;letter-spacing: 0pt;}
.small3 A:visited {color: #ffffff;font-family:돋움;font-size: 11px;letter-spacing: 0pt;}
.small3 A:active {color: #ffffff;font-family:돋움;font-size: 11px;letter-spacing: 0pt;}
.small3 A:hover {color: #ffffff;font-family:돋움;font-size: 11px;letter-spacing: 0pt;text-decoration:underline}

/* 작은폰트 */
.small2{ color: #747474; font-size: 8pt; font-family: 돋움 ; letter-spacing:-1px}
a.small2:link{text-decoration:none; color:#747474}
a.small2:visited{text-decoration:none; color:#747474}
a.small2:hover{text-decoration:underline; color:#007BEA}
a.small2:active{text-decoration:underline; color:#007BEA}


/* 로그인박스 */
.smalllb {color:#000000;font-family:돋움;font-size: 11px; line-height:16px;}
.smalllb A:link {color: #000000;font-family:돋움;font-size: 11px; line-height:16px;}
.smalllb A:visited {color:#000000;font-family:돋움;font-size: 11px; line-height:16px;}
.smalllb A:active {color:#000000;font-family:돋움;font-size: 11px; line-height:16px;}
.smalllb A:hover {color: #000000;font-family:돋움;font-size: 11px;text-decoration:underline; line-height:16px;}


/* 큰폰트 */
.big {color:#444444;font-family:굴림,Gulim;font-size: 17px;}
.big A:link {color: #666666;font-family:굴림,Gulim;font-size: 17px;}
.big A:visited {color:#666666;font-family:굴림,Gulim;font-size: 17px;}
.big A:active {color:#666666;font-family:굴림,Gulim;font-size: 17px;}
.big A:hover {color: #000000;font-family:굴림,Gulim;font-size: 17px;text-decoration:underline}

.shoptext_big1 {
	color:#FFFFFF;
	font-family:돋움;
	font-size: 14px;
	font-weight:bold;
	letter-spacing:-1px;
}

/* 박스 */
.box {
	FONT-FAMILY:굴림;
	FONT-SIZE:9pt;
	background-color:#F8F8F8;
	color:000000;
	padding:3;
	height:20;
	border:1px solid #A6B0BA;
};

.wbox {
	FONT-FAMILY:굴림;
	FONT-SIZE:9pt;
	background-color:#FFFFFF;
	color:000000;
	padding:3;
	border:1px solid #A6B0BA;
};

/* 파일첨부 */
.filebox {
	FONT-FAMILY:굴림;
	FONT-SIZE:9pt;
	background-color:#F8F8F8;
	color:000000;
	padding:3;
	height:18;
	border:1px solid #A6B0BA;
};

/* 박스 */
.btn {
	FONT-FAMILY:돋움;
	font-size: 11px;
	padding:2;
	height:20;
	letter-spacing: 0pt;
};

/* 박스 */
.btn2 {
	FONT-FAMILY:돋움;
	font-size: 11px;
	padding:2;
	height:22;
	letter-spacing: 0pt;
};

.btn3 {
	margin	: 0px 0px 0px 0px;
	padding : 3px 0px 0px 0px;
	cursor:hand;
    height:25px;
    font-size:9pt;
    font-family: "돋움", Seoul, "한강체";
    color:#FFFFFF;
    text-align:center;
    background-color:#334455;
    border:3 solid;
    border-color:#E0E0F0;
}

.btn4 {
		margin:0px 0px 0px 0px;
		width:85px;
		cursor:hand;
		height:25px;
		font-size:9pt;
		font-family: "돋움", Seoul, "한강체";
		color:#FFFFFF;
		text-align:center;
		background-color:#336699;
		border:3 solid;
		padding-top:2px;
		border-color:#DDFFFF;
}

.btn5 {
	FONT-FAMILY:돋움;
	font-size: 12px;
	padding:2;
	height:22;
	letter-spacing: 0pt;
};

.textarea2 {
	margin	: 0px 0px 0px 0px;
	padding-top	: 3px;
	padding-left: 3px;
	color	: #101010;
	font-size	: 9pt;
	font-family	: 돋움;
	border	: 1 solid #999999;
	width:100%;
	height:100;
	border:1 solid #E3E3E3;
	overflow:visible;
	text-overflow:ellipsis;
}

.textarea22 {
	margin	: 0px 0px 0px 0px;
	padding-top	: 3px;
	padding-left: 3px;
	color	: #101010;
	font-size	: 9pt;
	font-family	: 돋움;
	border	: 1 solid #999999;
	width:400;
	height:40;
	border:1 solid #E3E3E3;
	overflow:visible;
	text-overflow:ellipsis;
}

.textarea3 {
	margin	: 0px 0px 0px 0px;
	padding-top	: 3px;
	padding-left: 3px;
	color	: #101010;
	font-size	: 9pt;
	font-family	: 돋움;
	border	: 1 solid #999999;
	width:500;
	height:70;
	border:1 solid #E3E3E3;
	background-color:#EDEDED;
	overflow:visible;
	text-overflow:ellipsis;
}


.textarea4 {
	margin	: 0px 0px 0px 0px;
	padding-top	: 3px;
	padding-left: 3px;
	color	: #FFFFFF;
	font-size	: 9pt;
	font-family	: 돋움;
	border	: 1 solid #999999;
	width:500;
	height:50;
	border:1 solid #E3E3E3;
	background-color:#336699;
	overflow:visible;
	text-overflow:ellipsis;
}

/* 관리자페이지 문자보내기 */
.textarea5 {
	margin	: 0px 0px 0px 0px;
	padding-top	: 3px;
	padding-left: 3px;
	color	: #101010;
	font-size	: 9pt;
	font-family	: 돋움;
	border	: 1 solid #999999;
	width:100%;
	height:50;
	border:1 solid #E3E3E3;
	overflow:visible;
	text-overflow:ellipsis;
}

.textarea6 {
	margin	: 0px 0px 0px 0px;
	padding-top	: 3px;
	padding-left: 3px;
	color	: #101010;
	font-size	: 9pt;
	font-family	: 돋움;
	border	: 1 solid #999999;
	width:50%;
	height:50;
	border:1 solid #E3E3E3;
	overflow:visible;
	text-overflow:ellipsis;
}


.table_title { /* 표에 사용 */
	COLOR: #FFFFFF;
	FONT-SIZE: 9pt;
	TEXT-DECORATION: none;
	background-color: #708090;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #334455;
	padding-top: 5px;
	font-family: "굴림", "돋움", "Seoul", "한강체";
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222222;
	height: 24px;
	text-align: center;
}

.table_title2 { /* 표에 사용 */
	COLOR: #3F3F3F;
	font-weight:bold;
	FONT-SIZE: 9pt;
	TEXT-DECORATION: none;
	background-color: #E3E3E3;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #A8A8A8;
	padding-top: 5px;
	font-family: "굴림", "돋움", "Seoul", "한강체";
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	height: 24px;
	text-align: center;
}

.table_title4 { /* 표에 사용 */
	COLOR: #7946ae;
	font-weight:bold;
	FONT-SIZE: 9pt;
	TEXT-DECORATION: none;
	/*background-color: #FFFFFF;*/
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #aa79dc;
	padding-top: 5px;
	font-family: "굴림", "돋움", "Seoul", "한강체";
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c396f1;
	height: 24px;
	text-align: center;
}

.table_title3 { /* 표에 사용 */
	COLOR: #4D8BB5;
	font-weight:bold;
	FONT-SIZE: 9pt;
	TEXT-DECORATION: none;
	background-color: #FFFFFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CAE1F0;
	padding-top: 5px;
	font-family: "굴림", "돋움", "Seoul", "한강체";
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	height: 24px;
	text-align: center;
}

.smstext {
	margin	: 0px 0px 0px 0px;
	padding-top	: 3px;
	padding-left: 3px;
	color	: #101010;
	font-size	: 9pt;
	font-family	: 돋움;
	border	: 0 solid #FFFFFF;
	width:90;
	height:50;
	overflow:visible;
}

.form_select {
	margin : 0px 0px 0px 0px;
	font-family	: 돋움;
	font-size	: 9pt;
	height	: 19px;
	color	: #102030;
	background-color : #F0F5FF;
}

.onbox { 
	FONT-FAMILY:굴림;
	FONT-SIZE:9pt;
	COLOR: #434343; 
	height:21;
	border:1px solid #F0563E; 
	padding:4 0 0 4;
};

.offbox { 
	FONT-FAMILY:굴림;
	FONT-SIZE:9pt;
	COLOR: #434343; 
	height:21;
	border:1px solid #C8C8C8; 
	padding:4 0 0 4;
};

/* 관리자 왼쪽메뉴 */
.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}

.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}


/** FORM 버튼 ******************************/
/*gray color*/
a.squarebutton_gray{
background: transparent url('/icon/btn2/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton_gray, a:visited.squarebutton_gray, a:active.squarebutton_gray{
color: #494949; /*button text color*/
}

a.squarebutton_gray span{
background: transparent url('/icon/btn2/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton_gray:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton_gray:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

/*green color*/
a.squarebutton_green{
background: transparent url('/icon/btn2/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton_green, a:visited.squarebutton_green, a:active.squarebutton_green{
color: #494949; /*button text color*/
}

a.squarebutton_green span{
background: transparent url('/icon/btn2/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton_green:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton_green:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

/*orange color*/
a.squarebutton_orange{
background: transparent url('/icon/btn2/square-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton_orange, a:visited.squarebutton_orange, a:active.squarebutton_orange{
color: #494949; /*button text color*/
}

a.squarebutton_orange span{
background: transparent url('/icon/btn2/square-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton_orange:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton_orange:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

/*red color*/
a.squarebutton_red{
background: transparent url('/icon/btn2/square-red-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton_red, a:visited.squarebutton_red, a:active.squarebutton_red{
color: #494949; /*button text color*/
}

a.squarebutton_red span{
background: transparent url('/icon/btn2/square-red-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton_red:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton_red:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

/*공통적용*/
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/********************************/