@charset "utf-8";

/* 회원관련 CSS */

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 약관 & 개인정보취급방침 */
	#mob_member_cla_n_pri { margin:10px; }
	#mob_member_cla_n_pri div.long_text { text-align:justify; }
	#mob_member_cla_n_pri div.other_menu { margin-top:20px; }
	#mob_member_cla_n_pri div.other_menu ul li { margin-bottom:4px; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 로그인 */
	#mob_member_login { margin:10px; }
	#mob_member_login input { width:100%; height:34px; line-height:34px; margin-bottom:10px; border:1px solid #D4D4D4; font-size:20px; }
	#mob_member_login input.css_id { ime-mode:disabled; background:URL('../img/input_bg_id.png') left top no-repeat #F5F5F5; }
	#mob_member_login input.css_pwd { background:URL('../img/input_bg_pwd.png') left top no-repeat #F5F5F5; }
	#mob_member_login div.other_menu { margin-top:20px; }
	#mob_member_login div.other_menu ul li { margin-bottom:4px; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* 가입 & 수정 */
	#mob_member_join_head { background:#F5F5F5; padding:15px; border-bottom:1px solid #D4D4D4; text-align:center; color:#000; font-weight:bold; font-size:16px; }
	#mob_member_join { margin:10px; }
	#mob_member_join #member_join_agree div.agree_group { margin-bottom:10px; }
	#mob_member_join #member_join_agree div.agree_group span.title_box_1 { display:block; border:1px solid #DDD; height:34px; line-height:36px; background:URL('../img/button_bg1.png') right bottom no-repeat #FFF; color:#000; font-size:14px; font-weight:bold; text-align:left; margin-bottom:5px; cursor:pointer; }
	#mob_member_join #member_join_agree div.agree_group span.title_box_2 { display:block; border:1px solid #DDD; height:34px; line-height:36px; background:URL('../img/button_bg2.png') right bottom no-repeat #FFF; color:#000; font-size:14px; font-weight:bold; text-align:left; margin-bottom:5px; cursor:pointer; }
	#mob_member_join #member_join_agree div.agree_group span.title_box_in { display:inline-block; margin-left:20px; height:34px; line-height:34px; }
	#mob_member_join #member_join_agree div.agree_group div.agree_content { border:1px solid #D4D4D4; background:#F5F5F5; color:#666666; height:150px; overflow:auto; padding:10px; } 
	#mob_member_join #member_join_agree div.agree_check { border:1px solid #2383B3; background:#289CCB; color:#FFF; font-weight:bold; padding:17px; text-align:center; vertical-align:middle; }

	#mob_member_join 	#member_join_form { display:none; }
	#mob_member_join 	#member_join_form div.item { position:relative; overflow:hidden; }
	#mob_member_join 	#member_join_form div.item2 { position:relative; overflow:hidden; margin-top:20px; margin-bottom:20px; }
	#mob_member_join 	#member_join_form div.item_no_mod { position:relative; overflow:hidden; height:34px; border:1px solid #DDD; background:URL('../img/title_bg1.png') left top no-repeat #FFF; margin-bottom:4px; }
	#mob_member_join 	#member_join_form div.auth_hidden { clear:both; display:none; position:relative; overflow:hidden; }
	#mob_member_join 	#member_join_form div.clear { clear:both; }
	#mob_member_join 	#member_join_form div.clear2 { clear:both; position:relative; overflow:hidden; }
	#mob_member_join 	#member_join_form div.clear_tel { clear:both; overflow:hidden; background:URL('../img/tel_line.png') left top repeat-x; }
	#mob_member_join 	#member_join_form div.bottom_btn { margin:10px 0px 10px 0px; overflow:hidden; }
	#mob_member_join 	#member_join_form input[type=text] { width:100%; height:34px; line-height:34px; border:1px solid #D4D4D4; font-size:16px; margin-bottom:4px;  }
	#mob_member_join 	#member_join_form input[type=password] { width:100%; height:34px; line-height:34px; border:1px solid #D4D4D4; font-size:16px; margin-bottom:4px; }
	#mob_member_join 	#member_join_form input.css_id { ime-mode:disabled; float:left; background:URL('../img/input_bg_id.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_pwd { float:left; background:URL('../img/input_bg_pwd.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_pwd_re { float:left; background:URL('../img/input_bg_pwd_re.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_pwd_new { float:left; background:URL('../img/input_bg_pwd_new.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_pwd_new_re { float:left; background:URL('../img/input_bg_pwd_new_re.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_pwd_now { float:left; background:URL('../img/input_bg_pwd2.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_name { float:left; background:URL('../img/input_bg_name.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_nick { float:left; background:URL('../img/input_bg_nick.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_email { ime-mode:disabled; float:left; background:URL('../img/input_bg_email.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_auth_no { ime-mode:disabled; float:left; background:URL('../img/input_bg_auth_no.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_tel1 { ime-mode:disabled; width:30%; background:#F5F5F5; float:left; }
	#mob_member_join 	#member_join_form input.css_tel2 { ime-mode:disabled; width:30%; background:#F5F5F5; position:absolute; left:35%; }
	#mob_member_join 	#member_join_form input.css_tel3 { ime-mode:disabled; width:30%; background:#F5F5F5; float:right; }
	#mob_member_join 	#member_join_form input.css_home { float:left; background:URL('../img/input_bg_home.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_home_mod { float:left; background:#F5F5F5; }
	#mob_member_join 	#member_join_form input.css_addr1 { float:left; background:URL('../img/input_bg_addr1.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_addr2 { float:left; background:URL('../img/input_bg_addr2.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_addr3 { float:left; background:URL('../img/input_bg_addr3.png') left top no-repeat #F5F5F5; }
	#mob_member_join 	#member_join_form input.css_addr_mod { float:left; background:#F5F5F5; }

	#mob_member_join 	#member_join_form span.area_l { position:absolute; display:inline-block; left:0px; top:0px; right:95px; height:36px; bottom:0px; margin-bottom:4px; }
	#mob_member_join 	#member_join_form span.area_l_tel { position:absolute; display:inline-block; left:0px; top:0px; right:95px; height:36px; bottom:0px; margin-bottom:4px; background:URL('../img/tel_line.png') left top repeat-x; }
	#mob_member_join 	#member_join_form span.area_l2 { position:absolute; display:inline-block; left:0px; top:0px; right:2px; height:36px; bottom:0px; margin-bottom:4px; }
	#mob_member_join 	#member_join_form span.area_r { float:right; display:inline-block; width:85px; height:36px; margin-bottom:4px; }
	#mob_member_join 	#member_join_form span.area_r2 { float:right; width:0px; height:36px; margin-bottom:4px; }
	#mob_member_join 	#member_join_form span.title_box { float:left; display:block; border:1px solid #DDD; width:100%; height:34px; line-height:34px; background:URL('../img/button_bg2.png') right bottom no-repeat #FFF; color:#9A9A9A; text-align:left; }
	#mob_member_join 	#member_join_form span.title_box2 { float:left; display:block; border:1px solid #DDD; width:100%; height:34px; line-height:34px; background:URL('../img/button_bg4.png') left bottom repeat-x #FFF; color:#9A9A9A; text-align:left; }
	#mob_member_join 	#member_join_form span.title_box_in { display:inline-block; margin-left:10px; height:34px; line-height:34px; }
	#mob_member_join 	#member_join_form span.value_box { float:left; display:block; width:100%; background:#F5F5F5; margin-bottom:4px; } 
	#mob_member_join 	#member_join_form span.value_box_in { display:inline-block; padding:6px 10px 6px 10px; color:#999; } 
	#mob_member_join 	#member_join_form span.button2ea1 { float:left; display:inline-block; width:49%; }
	#mob_member_join 	#member_join_form span.button2ea2 { float:right; display:inline-block; width:49%; }
	#mob_member_join 	#member_join_form span.no_mod_title { float:left; display:inline-block; width:70px; height:34px; line-height:34px; margin-left:40px; font-size:14px; color:#000; }
	#mob_member_join 	#member_join_form span.no_mod_value { float:left; display:inline-block; height:34px; line-height:34px; margin-left:20px; font-size:14px; color:#000; font-weight:bold; }

	#mob_member_join 	#member_join_form button.css_check { float:left; width:100%; height:36px; border:1px solid #D4D4D4; background:URL('../img/button_bg3.png'); color:#289CCB; font-weight:bold; }
	#mob_member_join 	#member_join_form button.css_auth { float:left; border:1px solid #DDD; width:100%; height:36px;background:URL('../img/button_bg1.png') right bottom no-repeat #FFF; color:#289CCB; font-weight:bold; text-align:left; margin-bottom:4px; }
	#mob_member_join 	#member_join_form button.css_auth2 { clear:both; float:left; border:1px solid #DDD; width:100%; height:36px;background:URL('../img/button_bg1.png') right bottom no-repeat #FFF; color:#289CCB; font-weight:bold; text-align:left; margin-bottom:4px; }

	#mob_member_join 	#member_join_form p.p_alert { padding:10px; border:1px solid #D4D4D4; background:#F5F5F5; text-align:justify; font-size:14px; color:#000; margin-bottom:20px; }