/* 공통 */
body { 
	margin: 0; 
	padding: 0; 
	font: normal 11px dotum;
	line-height: 18px;
	color: #777;
	scrollbar-face-color: ffffff;
	scrollbar-shadow-color: #DDDDDD;
	scrollbar-highlight-color: ffffff;
	scrollbar-3dlight-color: #DDDDDD;
	scrollbar-darkshadow-color: ffffff;
	scrollbar-track-color: ffffff;
	scrollbar-arrow-color: #006081;
}
td { font: normal 12px dotum; 
	 line-height:18px; }
a { text-decoration: none; }
hr { color: #E5E5E5; height: 1px; margin: 0px; }
form { margin: 0; padding: 0; }
ul { list-style-type: none; }

/* 박스 */
.box01 { color: #666; border: 1px solid #CCC; font: 11px/130% Dotum, Gulim, Tahoma, Verdana; }
.box02 { color: #999; border: 1px solid #DDD; font: 12px Dotum, Gulim, Tahoma, Verdana; }
.box02n { color: #999; border: 1px solid #DDD; font: 12px Dotum, Gulim, Tahoma, Verdana; ime-mode: inactive; }
.box03 { color: #666; border: 1px solid #DDD; font: 12px Dotum, Gulim, Tahoma, Verdana; background: #EBEBEB; }

/* 공통텍스트 */
.text01 { color: black; font: 11px/130% Dotum, Gulim, Tahoma, Verdana; }
.text01 a { color: #666; }
.text01 a:hover { color: black; text-decoration: underline; }
.text02 { color: #666; font: 12px/130% Dotum, Gulim, Tahoma, Verdana; }
.text02 a { color: #666; }
.text02 a:hover { color: black; text-decoration: underline; }
.text03 { color: black; font: 12px/130% Dotum, Gulim, Tahoma, Verdana; }
.text03 a { color: black; }
.text03 a:hover { color: black; text-decoration: underline; }


/* form */
select { 
border:1px solid #dadada; 
height:18px; 
font:11px dotum; 
color:#777777; 
}
input { 
border:1px solid #dadada; 
height:16px; 
font:11px dotum; 
color:#777777; 
}
textarea { 
border:1px solid #dadada; 
line-height:18px; 
font:11px dotum; 
color:#777777; 
}
.check1 { 
border:0px; 
font:11px dotum; 
color:#777777; 
}

/* 폰트별텍스트 */
.ver09 { color: #666; font: 9px Verdana, Tahoma; letter-spacing: -1px; }
.ver10 { color: #666; font: 10px Verdana, Tahoma; letter-spacing: -1px; }
.verbold10 { color: #F60; font: bold 10px Verdana, Tahoma; letter-spacing: -1px; }
.verbold10 a { color: #F60; }
.tah10 { color: #999; font: 10px Tahoma,Verdana; }
.tah10 a { color: #999; font: bold 10px Tahoma,Verdana; }
.tah11 { color: #999; font: 11px Tahoma,Verdana; }
.tah11 a { color: #999; }
.dot14 { color: #690; font: bold 14px Dotum, Gulim, Arial, Tahoma; letter-spacing: -2px; }
.dot14 a { color: #F60; text-decoration: underline; }

/* 상단메뉴 */
#menu { font: bold 12px Dotum, Gulim, Tahoma, Verdana; }
#menu a { color: black; }
.menu { padding: 0px 5px; background: white; }
.menu01 { padding: 0px 5px; background: #C4E782;} 
.menu02 { padding: 0px 5px; background: #AEC9E6;} 
.menu04 { padding: 0px 5px; background: #C8C1EA;} 

/* 좌측메뉴 */
#menu_left { font: 12px Dotum, Gulim, Tahoma, Verdana; }
#menu_left a { color: #333; }
.menu_left { border-bottom: 1px solid #E5E5E5; }
#menu_sub { color: #A6A6A6; font: 12px Dotum, Gulim, Tahoma, Verdana; }
#menu_sub a { color: #666; }

/* 메일보기 */
.select { font: 11px Dotum, Gulim, Tahoma; color: #3779BC; letter-spacing: -1px; }
.select a { color: #3779BC; }
.line { background: #FFFFFF; }
.line_on { background: #FAFAFA; }
.title { font: 12px Dotum, Gulim; letter-spacing: -1px; color: black; border: 2px solid #F1E6D9; border-left: none; border-right: none; background: #FCF9F5; }
.title a{ color: black; }
.title a:hover { text-decoration: underline; }
.name { font:12px Dotum, Gulim; letter-spacing: -1px; color: black; }
.name a { color: black; }
.name a:hover { text-decoration: underline; }
.content01 { font: 12px Dotum, Gulim, Tahoma; color: #999; }
.content01 a { color: #999; }
.content01 a:hover { text-decoration: underline; }
.content01 a:visited { color: #999; }
.content02 { font: 12px Dotum, Gulim, Tahoma; color: #36C; }
.content02 a { color: #36C; }
.content02 a:hover { text-decoration: underline; }
.content02 a:visited { color: #36C; }
.content03 { font: 12px Dotum, Gulim, Tahoma; color: #FF3737; }
.content03 a { color: #FF3737; }
.content03 a:hover { text-decoration: underline; }
.content03 a:visited { color: #FF3737; }
.attach { font:11px Dotum, Gulim, Tahoma, Verdana; color: #999; font-weight: bold; }
.attach a { color: #2c63a4; }
.attach a:hover { text-decoration: underline; }

/* 편지쓰기 자동완성 */
div.div_autocomplete { position: absolute; border: 1px solid #CCC6BF; background-color: #FFF; font: normal 11px Verdana; margin: 0; padding: 0; }
div.div_autocomplete ul { list-style-type: none; margin: 0; padding: 0; }
div.div_autocomplete ul li.selected { background-color: #EFECE5;}
div.div_autocomplete ul li { list-style-type: none; display: block; margin: 0; padding: 0 0 0 5px; height: 18px; cursor: pointer; }

/* 주소록 */
#addrbook { font: bold 12px Dotum, Gulim;  color: #707070; text-align: center; background: url('../_image/mod_webmail/bg_addrbook_top.gif') repeat-x; }
#addrbook a { color: #707070; }
#addrbook a:hover { text-decoration: underline; }
.addrbook_title { font: 12px Dotum, Gulim; color: #666; border-top: 2px solid #F1E6D9; border-bottom: 1px solid #F1E6D9; border-left: none; border-right: none; background: #FCF9F5; }
.addrbook_title a{ color: #666; }
.addrbook_title a:hover { text-decoration: underline; }
.on1 { background: url("../_image/mod_webmail/bg_addrbook_topx1_on.gif") no-repeat; }
.off1 { background: url("../_image/mod_webmail/bg_addrbook_topx1_off.gif") no-repeat; }
.on2 { background: url("../_image/mod_webmail/bg_addrbook_topx2_on.gif") no-repeat; }
.off2 { background: url("../_image/mod_webmail/bg_addrbook_topx2_off.gif") no-repeat; }
.on3 { background: url("../_image/mod_webmail/bg_addrbook_topxn_on.gif") no-repeat; color: #690; }
.off3 { background: url("../_image/mod_webmail/bg_addrbook_topxn_off.gif") no-repeat; color: #666;}
li.abook_group { cursor: move; height: 20px; left: 0px; background: #FFF; border-bottom: 1px solid #EBEBEB; }
li.abook_group_on { cursor: move; height: 20px; left: 0px; background: #FAFAFA; border-bottom: 1px solid #EBEBEB; }

/* 최고관리자용 정보 텍스트 */
.eng { font: 11px Verdana; letter-spacing: -1px;}
.eng_big { font: 12px Verdana; }
.eng_small { font: 10px Verdana; }
.eng_tsmall { font: 9px Verdana; }
.kor_small { font: 11px Dotum; }

/* 검색어 하이라이트 */
.h_keywords { line-height: 14px; text-decoration: underline; font-weight: bold; }

.title2 { font: 12px Dotum, Gulim; letter-spacing: -1px; color: black; border: 2px solid #F1E6D9; border-left: none; border-right: none; background: #FCF9F5; }
.title2 a{ color: black; }
.title2 a:hover { text-decoration: underline; }


/* link */
a:link { font: normal 11px dotum; color:#777777; text-decoration:none; background-color:none; }
A:active { font: normal 11px dotum; color:#777777; text-decoration:none; background-color:none; }
A:visited { font: normal 11px dotum; color:#777777; text-decoration:none; background-color:none; }
A:hover { font: normal 11px dotum; color:#F66901; text-decoration:none; background-color:none; }

/* layer */

#newdiv1 {
	Z-INDEX: 1; POSITION: absolute; VISIBILITY: visible
}
#newdiv2 {
	Z-INDEX: 2; POSITION: absolute; VISIBILITY: hidden
}
#newdiv3 {
	Z-INDEX: 3; POSITION: absolute; VISIBILITY: hidden
}
#newdiv4 {
	Z-INDEX: 4; POSITION: absolute; VISIBILITY: hidden
}
#bestdiv {
	Z-INDEX: 5; POSITION: absolute; VISIBILITY: visible
}
#jDiv1 {
	Z-INDEX: 6; POSITION: absolute; VISIBILITY: visible
}
#jDiv2 {
	Z-INDEX: 7; POSITION: absolute; VISIBILITY: hidden
}
#jDiv3 {
	Z-INDEX: 8; POSITION: absolute; VISIBILITY: hidden
}
#saleDiv1 {
	Z-INDEX: 9; POSITION: absolute; VISIBILITY: visible
}
#saleDiv2 {
	Z-INDEX: 10; POSITION: absolute; VISIBILITY: hidden
}
#saleDiv3 {
	Z-INDEX: 11; POSITION: absolute; VISIBILITY: hidden
}
#mainBannerDiv1 {
	Z-INDEX: 11; POSITION: absolute; VISIBILITY: visible
}	

/* font */

.font1 {
font: 11px dotum; 
color:#777777;
}	
.font2 {
font: bold 11px dotum; 
color:#ff9100;
}
.font3 {
font: 11px dotum; 
color:#909090;
}
.font4 {
font: bold 12px dotum; 
color:#61a236;
}	
.font5 {
font: 11px dotum; 
color:#949494;
}
.font6 {
font: 11px dotum; 
color:#b1b1b1;
}
.font7 {
font: bold 11px dotum; 
color:#686868;
}
.font8 {
font: bold 11px dotum; 
color:#b19780;
}	
.font9 { 
font: 11px dotum; 
color:#777777;
text-decoration:line-through; 
}

/* border */
	.boder_bg1 { 
	background-image:url(../images/customer/bg03.gif); 
	}
	.boder_bg2 {
	background-color:#f7f7f7;
	}
	
	.boder_pd1 { 
	padding:20px 20px 20px 20px; 
	}
	.boder_pd2 { 
	padding:0px 0px 0px 20px; 
	}
	.boder_pd3 { 
	padding:0px 0px 0px 10px; 
	}
	.boder_pd4 { 
	padding:20px 0px 20px 20px; 
	}