@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;}