@charset "EUC-KR";

@import url("layout.css");    /* layout css*/
@import url("bbs.css");    /* bbs css*/

/*basic*/
html, body { margin:0px; padding:0px; background-color:#eeeeee; }
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:#FFFFFF;
	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;
	background-image: url(../img/bg_gra1.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

/*custom div styly*/
.prodiv { width: 161px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5; margin-left: 18px; float:left;}


/*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*/
.green {color: #6a9526;}
.gray {color: #575757;}

.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}

.fb {font-weight:bold;}

.line16 {line-height:16px;}
.line17 {line-height:17px;}
.line18 {line-height:18px;}
.line20 {line-height:20px;}

.letter_s1 {letter-spacing:-1px;}
.letter_s2 {letter-spacing:-2px;}
.letter_l1 {letter-spacing:1px;}
.letter_l2 {letter-spacing:2px;}

.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}
.pb11 {padding-bottom:11px;}
.pb12 {padding-bottom:12px;}
.pb13 {padding-bottom:13px;}
.pb14 {padding-bottom:14px;}
.pb15 {padding-bottom:15px;}
.pb16 {padding-bottom:16px;}
.pb17 {padding-bottom:17px;}
.pb18 {padding-bottom:18px;}
.pb19 {padding-bottom:19px;}
.pb20 {padding-bottom:20px;}
.pb21 {padding-bottom:21px;}
.pb22 {padding-bottom:22px;}
.pb23 {padding-bottom:23px;}
.pb24 {padding-bottom:24px;}
.pb25 {padding-bottom:25px;}
.pb26 {padding-bottom:26px;}
.pb27 {padding-bottom:27px;}
.pb28 {padding-bottom:28px;}
.pb29 {padding-bottom:29px;}
.pb30 {padding-bottom:30px;}
.pb31 {padding-bottom:31px;}
.pb32 {padding-bottom:32px;}
.pb33 {padding-bottom:33px;}
.pb34 {padding-bottom:34px;}
.pb35 {padding-bottom:35px;}
.pb36 {padding-bottom:36px;}
.pb37 {padding-bottom:37px;}
.pb38 {padding-bottom:38px;}
.pb39 {padding-bottom:39px;}
.pb40 {padding-bottom:40px;}


.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl6 {padding-left:6px;}
.pl7 {padding-left:7px;}
.pl8 {padding-left:8px;}
.pl9 {padding-left:9px;}
.pl10 {padding-left:10px;}
.pl11 {padding-left:11px;}
.pl12 {padding-left:12px;}
.pl13 {padding-left:13px;}
.pl14 {padding-left:14px;}
.pl15 {padding-left:15px;}
.pl16 {padding-left:16px;}
.pl17 {padding-left:17px;}
.pl18 {padding-left:18px;}
.pl19 {padding-left:19px;}
.pl20 {padding-left:20px;}
.pl21 {padding-left:21px;}
.pl22 {padding-left:22px;}
.pl23 {padding-left:23px;}
.pl24 {padding-left:24px;}
.pl25 {padding-left:25px;}
.pl26 {padding-left:26px;}
.pl27 {padding-left:27px;}
.pl28 {padding-left:28px;}
.pl29 {padding-left:29px;}
.pl30 {padding-left:30px;}
.pl31 {padding-left:31px;}
.pl32 {padding-left:32px;}
.pl33 {padding-left:33px;}
.pl34 {padding-left:34px;}
.pl35 {padding-left:35px;}
.pl36 {padding-left:36px;}
.pl37 {padding-left:37px;}
.pl38 {padding-left:38px;}
.pl39 {padding-left:39px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}



.w620 {width:620px;}
.w630 {width:630px;}

/*news style*/
.newstitle {padding-top:10px; padding-bottom:9px; padding-left:5px}
.newscontent {padding-top:15px; padding-bottom:20px; padding-left:15px; width:600px; font-size:12px; line-height:16px;}
.newsline {width:630px; height:2px; background-color:#6a6a6a;}
.newsline1 {width:630px; height:1px; background-color:#bbbbbb;}


/*form style*/
table { border-spacing: 0;}
img { border:0px; }
form, input { padding:0px; margin:0px;}
select.select01 { font-family:Arial; color: #777777; font-size:12px; border:1px solid #cccccc; background-color:#ffffff; font-size:12px; font-family:Arial; }
input.box01 { border:1px solid #cccccc; background-color:#ffffff; font-size:12px; font-family:Arial; height:16px; color: #777777; padding-left: 4px;}
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: #75a349; }
a:hover {  text-decoration:underline; color:#75a349; }

.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; }
.sp21 { height: 21px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp22 { height: 22px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp23 { height: 23px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp24 { height: 24px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp25 { height: 25px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp26 { height: 26px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp27 { height: 27px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp28 { height: 28px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp29 { height: 29px; 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;}