/*기본*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{line-height:1.5em; }
ul, li{list-style:none; }
img{ border:0; }

a {outline:none; select-dummy: expression(this.hideFocus=true); text-decoration:none;}
body{font-family: 'Malgun Gothic', '맑은 고딕'; font-size: 12px; background-color:#f9f9f9}



/*회원가입*/
.login_wrap{ width:100%; background:url(./img/login_top_bg.jpg) repeat-x left 26px;padding-top:36px;}
.login_wrap .login{width:100%; background:url(./img/login_bottom_bg.jpg) #fff repeat-x bottom left; ; }

.login_form{width:909px; margin:0 auto;height:251px;}
.login_form .form h1{ position:absolute; top: -36px;}
.login_form .form { width:350px; height:251px;   float:left;padding-left:50px; position:relative}
.login_form .form form{ margin-top:120px}
input.over{ display:block; width:218px; padding-left:20px; margin-bottom:-9px; height:33px; line-height:1.5em; background:url(./img/login_input_id_bg.jpg) no-repeat; border:none;font-family: 'Malgun Gothic', '맑은 고딕'; font-size: 14px; font-weight:bold }
input.id{ display:block; width:218px; padding-left:20px; margin-bottom:-9px;  height:33px; background:url(./img/login_input_id_bg_on.jpg) no-repeat; border:none}
input.pw{ display:block;  width:218px; padding-left:20px; margin-bottom:7px;  height:33px; background:url(./img/login_input_pw_bg_on.jpg) no-repeat; border:none}
.login_form .form form input.login_bt{ display:block; position:absolute; top:120px; left:293px}

.login_form .logo{ float:left; margin-left:100px; width:350px; height:251px; background:url(./img/logo_bg.jpg) no-repeat center 50%;  position:relative}
.login_form .logo img.logo_img{ width:105px; position:absolute; top:132px; left:112px;}


.login_link{ clear:both; width:909px; margin:5px auto 0 auto;  }
.login_link p{ float:left; width:350px; padding-right:50px; margin-left:50px; }
.login_link p span{ display:block; float:left; height:20px; padding-top:12px; line-height:12px; color:#5a5a5a; letter-spacing:-1px; padding-left:20px}
.login_link p a { display:block; float:right}
.login_link p.idpw span{ background:url(./img/login_icon_01.jpg) no-repeat left 12px;  }
.login_link p.join span{ background:url(./img/login_icon_02.jpg) no-repeat left 12px; }

/*step1. 회원약관동의*/
.join_step_wrap{ width:100%; background:url(./img/join_bg.jpg) repeat;font-family: 'Malgun Gothic', '맑은 고딕'; font-size: 12px; min-height:1000px;}
.join_step_wrap .join_step{ background:url(./img/join_content_bg.png) repeat-y; width:920px; margin:0 auto; }
.join_step_wrap .join_step .join{ margin:0 0 0 82px; width:757px}
.join_step_wrap .join_step .join h1{ margin-left:-30px}
.join_step_wrap .join_step .join h1 p{ font-size:12px; font-weight:normal; color:#b0b0b0; margin-top:24px; letter-spacing:-1px; padding-left:30px}
.join_step_wrap .join_step .join ol{ margin-top:39px;  }
.join_step_wrap .join_step .join ol li{ float:left}

.join_step_wrap .join_step .join h2{ clear:both; padding:74px 0 16px 5px; font-size:22px; color:#596069; letter-spacing:-1px; border-bottom:1px solid #7f8b9c}
.join_step_wrap .join_step .join p.step_comment{ color:#8d8d8d; letter-spacing:-1px; margin:16px 0 77px 0}
.join_step_wrap .join_step .join h3{ font-size:15px; color:#5e6774; letter-spacing:-1px; margin-bottom:16px}

.ifr_wrap_01{  background-color:#f7f9fc; width:713px; border:1px solid #d9e0ea; padding:21px; }
.ifr_wrap_01 textarea{ background-color:#f7f9fc;  width:100%; height:130px;  border:none; font-family: 'Malgun Gothic', '맑은 고딕'; font-size: 12px; color:#8d9baf }

p.check_box{ width:100%; text-align:right; color:#666; letter-spacing:-1px; margin:13px 0 50px 0 }
p.check_box input{ vertical-align:middle; padding-right:5px}

.join_step_wrap .join_step .join p.join_step_bt{ text-align:center; padding:50px 0}

/*step2. 회원정보입력*/
.data_table{font-family: 'Malgun Gothic', '맑은 고딕'; font-size: 12px;}
.data_table form table{} 
.data_table form table caption{ display:none}
.data_table form table th{ background-color:#f9f9f9; padding:20px 0 20px 20px ; text-align:left; color:#222222; border-bottom:1px solid #e0e0e0; width:117px}
.data_table form table td{padding:18px 0 20px 20px ; border-bottom:1px solid #e0e0e0}
.data_table form input.txt{ height:24px; padding:3px 0 0 5px; background:url(./img/step_input_bg.jpg) repeat-x; border:1px solid #dfdfdf;font-family: 'Malgun Gothic', '맑은 고딕'; font-size: 12px; }
.data_table form input:focus{ border:1px solid #b0bbff}

.data_table form table td p.comment{ font-size:11px; margin-top:5px; letter-spacing:-1px; color:#5564bf}
.data_table form table td p.comment2{font-size:11px;  margin-top:0; color:#a1a1a1}
.data_table form table td a{ padding-left:5px}
.data_table form table td select{ height:30px; padding:5px;border:1px solid #dfdfdf;font-family: 'Malgun Gothic', '맑은 고딕'; font-size: 12px; }
.data_table form table td.address input{ vertical-align:bottom; line-height:13px }
.data_table form table td.address p{ margin-top:5px;}
.data_table form table td textarea.txt_area{ padding:10px;border:1px solid #dfdfdf; width:600px; font-family: 'Malgun Gothic', '맑은 고딕'; font-size: 12px;}
.data_table form table td input.checkbox{ vertical-align:middle;}

.auto_img{ width:240px; padding-top:0; margin:0 auto 50px auto;border-bottom:1px solid #7f8b9c;}
.auto_img h2 strong{font-size:16px}
.auto_img p.num_img{ margin:10px 0; width:240px; float:left; margin-right:20px }
.auto_img p.num_input{ margin:10px 0 10px 0; line-height:35px }


/*step 3. */
.step_3{ padding-top:120px;}


/*정보수정*/
.modify_wrap{ width:576px; margin:0 auto;font-family: 'Malgun Gothic', '맑은 고딕'; font-size: 12px;}
.modify_wrap h1{ font-size:22px; color:#596069; letter-spacing:-1px; border-bottom:1px solid #7f8b9c; padding:74px 0 16px 5px; }

.modify_wrap .modify{ background:url(./img/lock.jpg) no-repeat 24px 47px; padding-top:47px }
.modify_wrap .modify p{ margin-left:175px; }
.modify_wrap .modify p.user_name{ padding-left:32px; background:url(./img/user_icon.jpg) no-repeat top left; height:24px; margin-bottom:10px; font-size:22px; letter-spacing:-1px; color:#82888c;margin-top:20px}
.modify_wrap .modify p.user_name strong{color:#6988e0; }
.modify_wrap .modify p.comment{color:#9d9d9d;letter-spacing:-1px; font-size:14px; line-height:24px}


.modify_wrap .modify form { margin-top:46px; }
.modify_wrap .modify form input.txt{ background:url(./img/modify_input_bg.jpg) no-repeat top left; padding-left:10px; color:#6988e0; width:367px; height:50px; border:none; vertical-align:top}



/*회원가입 완료*/
.step_3 {padding:50px 0 0}
.step_3 #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
.step_3 #result_email span {display:inline-block;width:150px}
.step_3 #result_email strong {color:#e8180c;font-size:1.2em}
.step_3 p {line-height:1.8em}
.step_3 .btn_confirm {margin:50px 0}