@charset "utf-8";
/* 스타일 초기화 */

/* 요소(element) 여백 초기화  */
html, body,div, span,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,p, address,
form, fieldset, legend, input, select, textarea,
table, caption, col, colgroup, thead, tfoot, tbody, th, td
{margin:0;padding:0;border-collapse:collapse;border-spacing:0;}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {font-size:100%;	/*color:red;*/font-weight:normal;} 

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; } 
a {outline:0;} 
input.btn   {outline:0;} 

/* 목록 불릿 없애기 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {	border-collapse: collapse;	border-spacing:0;	border:0 none;	}
caption, th, td {font-weight: normal;	}

/* 텍스트 관련 요소 초기화 */
address, caption, strong, em {	font-weight:normal;	font-style:normal;	}
input,select,button{vertical-align:middle; display: inline-block;}
/* 수평선*/
hr { display:none; }

/* body 기본 스타일 */
body {
	font:0.75em dotum, "돋움","arial", sans-serif;
	color:#656565;	height:100%; line-height:120%; text-align:center; word-break:break-all; }
/*overflow-x:hidden; overflow-y:scroll;  visible;*/

/* 링크 스타일 */
a, a:link {	color:#666;text-decoration:none;} 
a:visited {	color:#666;text-decoration:none;}
a:hover, a:focus {color:#767676;}
a:active {color:#383838;}


/* bin  */
.pad5 {padding:5px;}
.padl5 { padding-left:5px;}
.padl10 { padding-left:10px;}
.padr15 { padding-right:15px;}
.padl25 { padding-left:25px;}
.pad10 {padding:10px;}
.pad30 {padding:30px;}

.txtcen {text-align:center;}
.txtleft {text-align:left;}
.txtri {text-align:right;}

.padt10{padding-top:10px;}
.padt15{padding-top:15px;}
.padt20{padding-top:20px;}
.padtl5 { padding-left:5px;padding-top:10px;}
.padtb6 { padding-top:6px;  padding-bottom:6px;}
.padtb10 { padding-top:10px;  padding-bottom:10px;}
.padtb15 { padding-top:15px;  padding-bottom:15px;}
.padtb20 { padding-top:20px;  padding-bottom:20px;}
.padtb30 { padding-top:30px;  padding-bottom:30px;}
.padtb40 { padding-top:40px;  padding-bottom:40px;}
.padtl15 { padding-left:15px; padding-top:15px;}
.padtr10 { padding-right:15px; padding-top:5px;}
.padb10  {padding-bottom:10px;}
.padb15  {padding-bottom:15px;}
.padb20  {padding-bottom:20px;}

.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
                
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}


/* top 메뉴 */

#wrap {width:100%; text-align:center; z-index: 9000; background-color:#FFF;}
#wsize { width:100%;}
#carsize {width:690px; float: left; margin:0px;}

.topsomenu {width:980px; height:20px; padding:20px 0px 0px 0px; text-align:right; }
.topmenu {width:100%; height:60px; text-align:center;  border-bottom:1px solid #dfdfdf; background-color:#FFF;}
.topmenu01{width:100%; height:60px; text-align:center; /* margin:0 0 0 50px;*/border-bottom:0px solid #dfdfdf; }




.topbin01{width:80px; text-align:center; padding-top:15px;}



.topbin02{width:1px;text-align:center; padding-top:15px;}
.topbin03{text-align:left; padding:5px 0 0 0px; width:190px;}

.indexfl_bg01{background-image:url(../images/bg02.jpg);background-repeat:no-repeat; background-position:50% 0;}/* 메인플래시 백그라운드 이미지 */


/* 슬라이드 메뉴 */
#topMenu{position:absolute; }
.topslide {width:100%; height:140px; text-align:center; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf;padding:10px 0px 10px 0px;background-color:#FFF;}
.topslide01{width:100%; text-align:center; border-bottom:0px solid #dfdfdf; padding:10px 0px 10px 0px;background-color:#FFF;}
.topslide02{width:100%;  overflow:hidden; top:40px; height:60px; background-color:#ffffff; border-bottom:1px solid #dfdfdf;position: absolute;
z-index: 100000; }/* 메인 탑메뉴의 하단 라인 */
/*position:absolute;*/
.slidebin01{width:100px; text-align:right;}
.slidebin02{width:100px; text-align:left; }
.slidebin03{width:100px; text-align:left;}
#topzindex {z-index:9000;}


/* 슬라이드메뉴 테이블 속성 */

.topslide01  ul.top_wrap {width:990px;margin:0 auto; text-align:center;}
.topslide01 li {float:left;}
.topslide01 li a {font-weight:bold; color:#555555;}
.topslide01 li li {float:none; width:100px;}
.topslide01 li ul li {padding-left:10px;}
.topslide01 li ul li a {font-size:11px; font-weight:normal; color:#999999;}
.topslide01 .step01{ width:201px; height:69px; margin:10px 75px 0px 0px; background-image:url(../images/topslide_imgbg.jpg);background-repeat:no-repeat;}
/*.topslide01 .step02{width:90px; padding:0px 10px 0px; 10px;}
.topslide01 .step03{ padding:20px 0 0px 0px;}*/
/*.topslide01 .step04{ padding:0px 0px 0px 13px; width:95px}*/
/*.topslide01 .step05{ padding:0px 0px 0px 10px;}
.topslide01 .step06{ padding:0px 0px 0px 30px; width:80px}*/
.topmenu2{margin:0 0 0 20px;}
.topmenu3{width:130px;margin:0 0 0  -5px;}
.topmenu4{width:120px;margin:0 0 0 -2px;}

.topmenu5 {width:130px;margin:0 0 0 -5px;}
.topmenu6{width:70px;margin:0 0 0 -15px;}

/* sub 메뉴 속성 */

.leftmenubin{ height:500px; padding:10px 0px 0px 0px; background-image:url(../images/menu/leftmenu_bgline02.jpg);background-repeat:no-repeat; }/* 서브 페이지 가운데 width 값 */
.leftmenubin02{ height:720px; padding:10px 0px 0px 0px; background-image:url(../images/menu/leftmenu_bgline01.jpg);background-repeat:no-repeat; }/* 서브 페이지 가운데 width 값 */
.leftmenusize {width:230px; text-align:left; vertical-align:top; padding:0px 0px 0px 35px; }
.subinsize {width:750px; text-align:left; vertical-align:top;}

.lefttablebin{height:35px;} /* 레프트 메뉴 높이 값 */
.lefttablebin02{height:5px;} /* 레프트 메뉴 하위메뉴 높이 값 */
.leftmenutitbin {padding:23px 0px 20px 0px; text-align:left; }/* 레프트 메뉴 타이틀 속성값 */
.subtitlebin{ padding-top:15px;  padding-bottom:10px;}/* 서브타이틀 속성값 */

.locfont{COLOR:#777; FONT-FAMILY: "Dotum", "Arial";  FONT-SIZE: 11px;}
.locfont02{COLOR:#8e8e8e; FONT-FAMILY: "Dotum", "Arial";  FONT-SIZE: 11px; text-align:right; padding:0px 12px 0px 0px; }

.subbin_big {padding:80px 0 15px 0px;}
.subtable_big01 {width:980px; padding-top:10px; text-align:left;}
.subtable_so01 {width:710px; padding-top:15px; padding-left:25px; text-align:left;}
.subtable_so02 {width:695px; text-align:left;}

#ContentArea{ min-height:600px; font-size: 12px; font-family:"Dotum",Arial, Verdana, sans-serif; color:#999;}

.contact_address  {padding:20px 0 15px 0px; color:#999; line-height: 180%}
.subbin02 { padding:50px 0 15px 0px}



/* footer */
#footerwrap{width:100%;margin:15px 0px 0px 0px; text-align:center;}
#footer{position:relative; width:990px; height:80px; margin:0 auto;padding:14px 0;border-top:1px solid #dddddf; 
border-color:#dddddf; font-family:'돋움','dotum','Helvetica','sans-serif';  font-size: 11px; }


#footer p.link{ margin:7px 10px 9px 0px; }
#footer p.link a{color:#666; font-weight:bold; font-family:'돋움','dotum','Helvetica','sans-serif'; letter-spacing:-1px;}
#footer p.link a:hover, a:focus{ color:#de6e46;}
#footer p.link span{ display:inline-block; margin:0 1px;}
#footer p.link .txt-orange-foot {color: #de6e46!important;}
#footer span.txt-gray-line {color: #c3c3c3!important;}

#footer address,
#footer p{color:#9d9d9d; line-height:1.4em; font-style: normal; text-align:left;  padding-left:20px;}
#footer .family_link{position:absolute; right:0; top:18px; padding-right:20px;}
#footer .family_link select{margin-top:0px; font-size: 11px;}


select {width: 170px;line-height: 200%;color: #777;vertical-align: top;}

address {font-size: 11px; letter-spacing:0.1em; font-style: normal;} 


/* sub 내용*/

.subsize01 {width:1000px; text-align:center; border:1px solid #d1d1d1;}

.sub-box {height:50px; text-align:left; COLOR: #999; FONT-SIZE: 11px;  }
.sub-box a{ COLOR: #999; FONT-SIZE: 11px;  }
.sub_bin01{padding:15px 0px 0px 0px;}




/* sub 보상서비스 내용*/
.sub_bin02{width:700px; padding:15px 0px 10px 0px;}
.sub_bin02 tr{display: table-row; vertical-align: inherit;border-color: inherit;}
.sub_bin02 th{height:30px; background:#5bcbeb; border:1px solid #e0e0e0; font:12px "돋움"; color:#ffffff; font-weight: bold; }
.sub_bin02 td{border:1px solid #e0e0e0; height:29px; padding-left:10px;}

.sub_bin03{width:700px; padding:15px 0px 10px 0px;}
.sub_bin03 tr{display: table-row; vertical-align: inherit;border-color: inherit;}
.sub_bin03 th{height:30px; background:#5bcbeb; border:1px solid #e0e0e0; font:12px "돋움"; color:#ffffff; font-weight: bold; }
.sub_bin03 td{border:1px solid #e0e0e0; height:80px; padding-left:4px; letter-spacing:-1;}
.bosang_fon01 {font:12px "돋움"; color:#57922b; font-weight: bold; width:90px; letter-spacing:-1;}
.bosang_fon02 {font:12px "돋움"; color:#5bcbeb; font-weight: bold;  letter-spacing:-1; }


.bosang_tab01{width:700px; border-top: 3px solid #5bcbeb;border-bottom: 2px solid #e0e0e0;}
.bosang_tab01 th{color: #5bcbeb; background: #eff2f6;border: 1px solid #e0e0e0; border-bottom: none; padding: 5px 0 5px;font-weight: bold; height:25px;}
.bosang_tab01 tr {display: table-row;vertical-align: inherit;}
.bosang_tab01 td{line-height: 1.2em;border: 1px solid #e0e0e0;border-bottom: none; padding:5px 0 5px 10px; height:20px;}
.bosang_tab01 colgroup {display: table-column-group;}


/* sub 약곽 테이블 속성 */

.terms_tab01{width:700px; border-top: 3px solid #949f67;border-bottom: 2px solid #a9a9a9;}
.terms_tab01 th{color: #949f67; background: #f9fdeb;border: 1px solid #a9a9a9; border-bottom: none; padding: 5px 0 5px;font-weight: bold; height:25px;}
.terms_tab01 tr {display: table-row; vertical-align: inherit;}
.terms_tab01 td{line-height: 1.2em;border: 1px solid #a9a9a9;border-bottom: none; padding:5px 0 5px 10px; height:20px; color:#666;}
.terms_tab01 colgroup {display: table-column-group;}



/* 사이트맵 테이블 속성 */
.map_tab01 {width:100%; height:1%; margin:5 0 5px 0; padding:5px 0 7px 5px; border:1px solid #d5d5d5; display:inline-block;}
.map_tab01 ul {overflow:hidden;}
.map_tab01 li {float:left; width:170px;  line-height:175%;}
.map_tab01 li a {font-weight:bold; color:#555555;}
.map_tab01 li li {float:none; width:155px;}
.map_tab01 li ul {margin:0px 0 0 0;}
.map_tab01 li ul li {padding-left:5px;}
.map_tab01 li ul li a {font-size:11px; font-weight:normal; color:#999999;}
.map_tab01 .step01{ float:none;}
.map_tab01 .step02{ font-weight:bold; font-size:12px; color:#999999;}
.map_tab01 .step03{ padding:20px 0 0px 0px;}
.mapbin01{padding:20px 0 3px 0;}



/* sub 투자상품 속성 */
.subtab {width:700px; height:28px;background-image:url(../images/sub/stock01_tabline.gif);background-repeat:repeat-x; text-align:left;}


/* 로그인 내용*/
.logbg01{width:700px; height:193px; background-image:url(../images/member/log_bg01.jpg); background-repeat:no-repeat;}

.logtb01 {width:350px;  padding:60px 20px 0px 300px;}/* 로그인 배경 안 박스*/
.logtb02 {width:650px;  padding:40px 0px 10px 20px; text-align:center;}/* 아이디 비번 관련 박스*/
.logtb03 {padding:10px 30px 10px 30px; text-align:center;}/* 로그인 하단 아이디 비번의 블릿 공간설정*/
.logtb04 {padding:30px 37px 10px 0px; float: right;  }/* 사용자 로그인 아이디 비번 관련 박스*/

.logcheck01 {width:230px; text-align:left; padding:0px 0px 5px 20px;}/* 사용자 로그인 라디오버튼*/

.logbox01{width:180px;height:18px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
 margin-top:2px; font:12px "돋움"; color:#777;  padding-top:3px;}

 .logbox02{width:40px;height:18px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
 margin-top:2px; font:12px "돋움"; color:#777;  padding-top:3px;}  /* 아이디비번찾기*/

 .logbox03{width:80px;height:18px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
 margin-top:2px; font:12px "돋움"; color:#777;  padding-top:3px;}  /* 이메일*/


/* 회원가입내용*/

.linebg_top01 {width:20%; height:5px; border-bottom:2px solid #999; text-align:left; }
.linebg_top02 {width:100%; height:5px; border-bottom:2px solid #999; text-align:left; }
.linebg01 {width:20%; height:35px; border-bottom:1px solid #d1d1d1; text-align:left; }
.linebg02 {width:100%; height:35px; border-bottom:1px solid #d1d1d1; text-align:left; }
.linebg03{width:100%; height:80px; border-bottom:1px solid #d1d1d1; text-align:left;}

.joinbin01{padding:5px 0px 20px 0px; text-align:right;} /* 약관동의 공간설정*/

.agree { font:12px "돋움";color:#777; height:25px;  }

.conbin01 {padding:3px 0px 0px 15px; font-weight: bold;}
.conbin02 {padding:3px 0px 0px 15px;}
.conbin03 {width:100%; padding:3px 0px 0px 20px; font-weight: bold; text-align:left;}

.conbox02{width:50px; height:21px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin-left:7px; margin-top:0px;  font:12px "돋움";color:#777; line-height:180%; }

.conbox03{width:180px;height:18px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin-left:10px; margin-bottom:0px; font:13px "돋움"; color:#777; padding-top:1px; }    /* 회원정보입력 박스*/

.conbox04{width:50px;height:18px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin-left:10px; margin-bottom:0px; font:13px "돋움"; color:#777; padding-top:1px; }    /* 생년월일 입력 박스*/

.conbox05{width:120px;height:15px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin-left:10px; margin-bottom:0px; font:13px "돋움"; color:#777; padding-top:1px; }     /* 전화번호 입력 박스*/

.conbox055{width:60px;height:15px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin-left:10px; margin-bottom:0px; font:13px "돋움"; color:#777; padding-top:1px; }     /* 전화번호 입력 박스*/

.conbox06{width:400px;height:19px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin-left:10px; margin-bottom:0px; font:13px "돋움"; color:#777; padding-top:1px; }    /* 상세주소입력 박스*/

.conbox07{width:100px;height:18px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin-left:10px; margin-bottom:0px; font:13px "돋움"; color:#777; padding-top:1px; }    /* 메일주소입력 박스*/

.conbox08{width:80px;height:18px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin-left:10px; margin-bottom:0px; font:13px "돋움"; color:#777; padding-top:1px; }    /* 관심상품 기타입력 박스*/

.conbox09{width:250px;height:18px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin-left:10px; margin-bottom:0px; font:13px "돋움"; color:#777; padding-top:1px; }    /* 광고제휴하기-기타시 박스*/

.contextarea01{width:100%; height:150px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin:0px 0px 5px 0px;  font:12px "돋움";color:#777; line-height:180%;}  /* 빠른상담 희망시간 박스*/

.contextarea02{width:100%; height:430px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin:0px 0px 5px 0px;  font:12px "돋움";color:#777; line-height:180%;}  /* 회원가입의 약관 박스*/

.contextarea03{width:100%; height:430px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin:0px 0px 5px 0px;  font:12px "돋움";color:#777; line-height:180%;}  /* 회원가입의 약관 박스*/

.contextarea04{width:95%; height:70px;border:1px;border-style:solid;border-color:#e3e3e3;background-color:#fff;
margin:0px 0px 0px 10px;  font:12px "돋움";color:#777; line-height:180%;}  /* 빠른상담 약관 박스*/

.jointip{ font:11px "돋움"; color:#3995b0;}  /*  개인정보보호정책 박스*/

.fon_ser01{ font:12px "돋움"; color:#888; font-weight: bold;}  /* 아이디 찾기 폰트*/


.span_txt{padding:0px 0px 0px 10px; color:#666;}

.filetxt { font:12px "돋움";color:#777;  text-align:left; padding:10px; line-height:160%;}  /*  파일첨부 폰트*/



/* 팝업창 속성*/


.wsize{width:100%; text-align:center;}
.changbg{height:48px;background-image:url(../images/popup/topbg_pop01.jpg);background-repeat:repeat-x;padding:10px; text-align:center;}
.txtcen {text-align:center;}
.changfo01{font:bold 14px dotum; padding-bottom:2px;color:#777; padding:50px 0px 30px 0px;}
.changfo02{font:bold 12px dotum; padding-bottom:2px;color:#30859e; padding:20px 0px 20px 0px;}

.linebg_top01 {width:20%; height:5px; border-bottom:2px solid #999; text-align:left; }
.linebg_top02 {width:100%; height:5px; border-bottom:2px solid #999; text-align:left; }
.insuline01 {width:20%; height:35px; border-bottom:1px solid #d1d1d1; text-align:left; }
.insuline02 {width:100%; height:35px; border-bottom:1px solid #d1d1d1; text-align:left; }
.insuline03{width:100%; height:80px; border-bottom:1px solid #d1d1d1; text-align:left;}