@charset "EUC-KR";
@import url("/Eng/common/css/layout.css");    /* layout css*/
@import url("/Eng/common/css/bbs.css");    /* bbs css*/

/* ±βΊ» */
html, body { margin:0px; padding:0px; }
form, td, div, span, ul, li, dl, dt, dd, textarea, h1, h2, h3, h4 {
	margin:0px;  padding:0px; word-break: keep-all;
}
body, table, th, td { font-size:12px; color:#777777;
	font-family:Arial; 
}
body {   background-color:#f2f2f2; scrollbar-arrow-color: #9f9f9f;
	scrollbar-face-color: #e0e0e0;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
}

/*float align style*/
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}

/*align style*/
.al { text-align:left;}
.ar { text-align:right;}
.ac { text-align:center;}
.vt { vertical-align:top;}
.vb { vertical-align:bottom;}
.vm { vertical-align:middle;}

/*buttonalign style*/
.bt_c { text-align:center; padding-top:9px; letter-spacing:2px;}
.bt_l { text-align:left; padding-top:9px; letter-spacing:2px;}
.bt_r { text-align:right; padding-top:9px; letter-spacing:2px;}

/*font color style*/
.orng {color:#f06e00;}

.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.line17 {line-height:17px;}
.line18 {line-height:18px;}
.line20 {line-height:20px;}
.letter {letter-spacing:-1px;}

/*form style*/
table { border-spacing: 0;}
img { border:0px; }
form, input { padding:0px; margin:0px;}
select { font-family:Arial; }
input.box01 { border:1px solid #cccccc; background-color:#ffffff; font-size:12px; font-family:Arial; height:16px;}
input.box02 { border:0px; background-color:#eeeeee; font-size:12px; font-family:Arial; padding:3px 0px 2px 0px}
textarea.box01 { border:1px solid #cccccc; color:#777777; background-color:#ffffff; font-size:12px; font-family:Arial; line-height:18px; }
textarea.box02 { border:1px solid #eeeeee; color:#777777; background-color:#eeeeee; font-size:12px; font-family:Arial; line-height:18px; }

/*link color style*/
a:link { text-decoration: none; color: #777777; }
a:visited { text-decoration: none; color: #777777; }
a:active { text-decoration: none; color: #3041a1; }
a:hover {  text-decoration:underline; color:#3041a1; }

.bnk { padding:0px; margin:0px; border:0px;}
ul.bnk,ol.bnk {list-style:none; padding: 0px; margin: 0px;} 
ol li.bnk, ul li.bnk { display: inline; padding: 0px; margin: 0px;}

/*tab menu style*/
.tab01 { background:url(/Eng/img/common/tab/tab_bg01.gif) repeat-x; width:100%; height:19px;}
.tab02 { background:url(/Eng/img/common/tab/tab_bg02.gif) repeat-x; width:100%; height:33px;}

/*bullet style*/
.bu01 { background:url(/Eng/img/common/bu/bu04.gif) 0px 2px no-repeat; font-size:11px; padding-left:6px;}
.bu02 { background:url(/Eng/img/common/bu/bu06.gif) 0px 8px no-repeat; padding-left:12px;}

/*search box style*/
div.schbox01 { background:url(/Eng/img/common/bbs/sch_bg01.gif) no-repeat; padding:8px 15px 6px 0px;}

/* png file css*/
.png24 {tmp:expression(setPng24(this)) }

/*height space*/
.sp1 { height: 1px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp2 { height: 2px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp3 { height: 3px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp4 { height: 4px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp5 { height: 5px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp6 { height: 6px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp7 { height: 7px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp8 { height: 8px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp9 { height: 9px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp10 { height: 10px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp11 { height: 11px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp12 { height: 12px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp13 { height: 13px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp14 { height: 14px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp15 { height: 15px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp16 { height: 16px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp17 { height: 17px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp18 { height: 18px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp19 { height: 19px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp20 { height: 20px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp25 { height: 25px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp30 { height: 30px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp35 { height: 35px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp40 { height: 40px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp45 { height: 45px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp50 { height: 50px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp60 { height: 60px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp65 { height: 65px; width:1px; font-size: 0; line-height: 0; clear:both; }

/*selectbox style*/
.selectBoxTypeA_SelectedArea      {color:#b3b3b3; background-color:#FFFFFF; font-size:12px;   line-height:17px; padding-left:2px; }
.selectBoxTypeA_SelectedAreaFocus {color:#000000; background-color:#F3F3F3; font-size:12px;  line-height:17px; padding-left:2px; }
.selectBoxTypeA_Option            {color:#b3b3b3; background-color:#FFFFFF; font-size:12px; line-height:17px; padding-left:4px; }
.selectBoxTypeA_OptionOver        {color:#000000; background-color:#F3F3F3; font-size:12px; line-height:17px; padding-left:4px; }
.selectBoxTypeA_OptionInnerLayer  {overflow-x:hidden;overflow-y:auto;background-color:#FFFFFF;
	scrollbar-face-color:#F3F3F3;
	scrollbar-shadow-color:#6C6C6C;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#F3F3F3;
	scrollbar-arrow-color:#000000;
}
.selectBoxTypeB_SelectedArea      {color:#999999; background-color:#eeeeee; font-size:12px;   line-height:17px; padding-left:2px; letter-spacing:-1px;}
.selectBoxTypeB_SelectedAreaFocus {color:#999999; background-color:#eeeeee; font-size:12px;  line-height:17px; padding-left:2px; letter-spacing:-1px;}
.selectBoxTypeB_Option            {color:#999999; background-color:#v; font-size:12px; line-height:17px; padding-left:4px; letter-spacing:-1px;}
.selectBoxTypeB_OptionOver        {color:#000000; background-color:#dfdbdb; font-size:12px; line-height:17px; padding-left:4px; letter-spacing:-1px;}
.selectBoxTypeB_OptionInnerLayer  {overflow-x:hidden;overflow-y:auto;background-color:#eeeeee;
	scrollbar-face-color:#F3F3F3;
	scrollbar-shadow-color:#6C6C6C;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#F3F3F3;
	scrollbar-arrow-color:#000000;
	}

/*invest table style*/	
table.data_tb { width:100%; border:0px; border-collapse: collapse; word-break: keep-all; }
	table.data_tb thead td { border-bottom:2px solid #939ab8; padding-bottom:6px; }
	table.data_tb thead td.r { text-align:right; padding-right:10px;}
	table.data_tb thead td.c { text-align:center; }	
	table.data_tb thead td.lpd10 { padding-left:10px;}

	table.data_tb tbody td {background:url(/Eng/img/common/bu/bu03.gif) bottom repeat-x; padding:10px 0px 8px 0px; vertical-align:top;}
	table.data_tb tbody td.bnkline { background:url(); padding:10px 0px 8px 0px; vertical-align:top;}
	table.data_tb tbody td.line { border-bottom:1px solid #dddddd; background:url(); padding:10px 0px 8px 5px; vertical-align:top;}
/*2009.02.12*/
	table.data_tb tbody td.line02 { border-bottom:1px solid #dddddd;background:#f0f5f7; padding:10px 0px 8px 5px; vertical-align:top;}
/*2009.02.12*/
	table.data_tb tbody td.img { border-bottom:1px solid #dddddd; background:url(); padding:6px 0px 6px 0px; vertical-align:top;}
	table.data_tb tbody td span { font-size:11px; color:#333333; }
	table.data_tb tbody td span.tot { font-size:11px; color:#3041a1; font-weight:bold; }
	table.data_tb tbody td span.tot2 { font-size:11px; color:#959cb7; font-weight:bold; }
	table.data_tb tbody td span.tot3 { font-size:11px; color:#959cb7; }
	table.data_tb tbody td.cell {background-color:#f0f5f7;}
	table.data_tb tbody td.r { text-align:right; padding-right:10px;}	
	table.data_tb tbody td.c { text-align:center; }	
	table.data_tb tbody td.lpd3 { padding-left:3px;}
	table.data_tb tbody td.lpd10 { padding-left:10px;}

/*form table style*/	
table.frm_tb { border:0px; border-collapse: collapse; word-break: keep-all; table-layout: fixed;}	
	table.frm_tb tbody th { padding:9px 0px 6px 0px; text-align:left; border-bottom:0px; vertical-align:top;}	
	table.frm_tb tbody th.frm { padding:8px 0px 0px 0px; text-align:left;}	
	table.frm_tb tbody td { padding:9px 0px 6px 0px; border-bottom:1px solid #dddddd; vertical-align:top;}		
	table.frm_tb tbody td.frm { padding:4px 0px 4px 0px; }
	table.frm_tb tbody td.bottom { padding:9px 0px 6px 0px; border-bottom:0px; vertical-align:top; }		
	
	table.frm_tb tbody td.frm table.select_bnk { padding:0px; margin:0px; border:0px;}		
	table.frm_tb tbody td.frm table.select_bnk tr td { padding:0px; margin:0px; border:0px;}		
	
/*faq style*/
div.faq_quest { border-top:1px solid #dddddd; padding:6px 9px 6px 9px;}
	div.faq_quest tbody td.q_img { vertical-align:top;}
	div.faq_quest tbody td.q_txt { vertical-align:top; padding-top:1px;}	
	div.faq_quest tbody td.q_txt span.unsel { color:#777777; font-weight:normal;}		
	div.faq_quest tbody td.q_txt span.sel { color:#3041a1; font-weight:bold; letter-spacing:-1px;}

div.faq_reply { padding:0px 9px 12px 9px; display:none;}
	div.faq_reply tbody td.a_img { vertical-align:top; padding-top:3px;}
	div.faq_reply tbody td.a_txt { vertical-align:top; }
		div.faq_reply tbody td.a_txt span{ color:#333333; line-height:17px;}
	
/*popup calendar*/	
table.p_calendar { border:0px; border-collapse: collapse; word-break: keep-all; table-layout: fixed;}
	table.p_calendar tbody tr td { height:36px; text-align:center;}
	table.p_calendar tbody tr td.day1 { background-color:#3041a1; }
	table.p_calendar tbody tr td.day2 { background-color:#939ab8; }
	
	table.p_calendar tbody tr td span.txtoff { font-size:11px; color:#999999; }	
	table.p_calendar tbody tr td span.txton { font-size:11px; color:#333333;}	
	table.p_calendar tbody tr td span.w { font-size:11px; color:#ffffff;}	
	
	table.p_calendar tbody tr td.line{ height: 1px; width:1px; font-size: 0; line-height: 0; background-color:#dddddd;}