@charset "utf-8";

/*
* 작성자 : 마용민(milgam12@inplusweb.com)
* 작성일 : 2013년 5월 3일
*/

@import url("../../../css/popup.css");

/* common */
#member_wrap { }
#member_wrap p { font-size:1.083em; line-height:1.6em; color:#505050; }
#member_wrap p.comment { }
#member_wrap h4 { margin-bottom:15px; }
#member_wrap h4.fs1 { font-size:1.5em; font-weight:600; color:#3c3c3c; }
#member_wrap h4.fs2 { font-size:1.250em; font-weight:600; color:#3c3c3c; }
#member_wrap h5 { color:#464646; }

/* write table */
#member_wrap table.write_table { width:100%; margin:5px 0 30px; border-top:1px solid #aaa!important; }
#member_wrap table.write_table tr th, #member_wrap table.write_table tr td { border-bottom:1px solid #e9e9e9; text-align:left; }
#member_wrap table.write_table tr th { padding:7px 0 7px 30px; background-color:#f7f7f7; color:#3c3c3c; font-weight:400; }
#member_wrap table.write_table tr td { padding:7px 0 7px 15px; color:#666}
#member_wrap table.write_table tr th.required { font-weight:400; background:url("./img/ico_required.png") 15px 50% no-repeat #f7f7f7; }
#member_wrap table.write_table tr td.file { }
#member_wrap table.write_table tr td.file input[type=text] { margin-top:5px; }
#member_wrap table.write_table tr td label { margin-right:10px; }

#member_wrap table.write_table tr td span.ajax_state { display:inline-block; margin-left:5px; color:#0054a6; }
#member_wrap table.write_table tr td span.frm_info { display:inline-block; margin-top:3px; color:#606060; }

#member_wrap div.gray_box table.write_table { margin:15px 0; }
#member_wrap div.gray_box table.write_table tr th, #member_wrap div.gray_box table.write_table tr td { background-color:#fff; }

/* welcome (join) */
#member_wrap p.head_comment { margin-bottom:30px; }
#member_wrap p.head_comment span.fs1 { display:block; padding-bottom:15px; font-size:1.500em; }
#member_wrap p.head_comment strong { font-size:2em; font-weight:400; color:#3c3c3c; }
#member_wrap p.head_comment strong span { color:#3e7341; }

#member_wrap div.gray_box { background-color:#f9f9f9; border:1px solid #f6f6f6; }
#member_wrap div.join_box { position:relative; padding:29px; }
#member_wrap div.join_box a.btn_normal { position:absolute; top:50%; right:29px; margin-top:-32px; }
#member_wrap div.join_box a.btn_under14 { position:absolute; top:50%; right:30px; margin-top:-25px; }

/* register (agree) */
#member_wrap div.register_box { padding:29px; }
#member_wrap div.register_box h4 { font-size:1.5em; font-weight:600; color:#505050; }
#member_wrap div.register_box h5 { font-size:1.250em; font-weight:600; color:#3c3c3c; }
#member_wrap div.register_box fieldset.policy { margin:30px 0; }
#member_wrap div.register_box div.textarea { height:118px; margin:5px 0; padding:15px 20px; background-color:#fff; border:1px solid #dedede; color:#737373; overflow-y:auto; line-height:1.5em; font-size:0.9em; }
#member_wrap div.register_box label { display:inline-block; height:13px; color:#555555; font-size:1.083em; line-height:13px; }
#member_wrap div.register_box fieldset.policy input[type=checkbox] { margin:0; padding:0; width:13px; height:13px; }

/* under14 agree */
#member_wrap div.under14_box { padding:29px; }
#member_wrap div.under14_box h4 { font-size:1.250em; font-weight:600; color:#3c3c3c; }
#member_wrap div.under14_box h4.fs1 { font-size:1.500em; }

/* register form */
#member_wrap div.register_form_box { }
#member_wrap div.register_form_box h5 { font-size:1.250em; font-weight:600; color:#3c3c3c; }
#member_wrap div.register_form_box label { font-size:1.083em; color:#3c3c3c; }

/* register result */
#member_wrap div.result_box {}
#member_wrap div.result_box div.join_box { padding:20px 50px; }
#member_wrap div.result_box div.join_box p { margin:15px; }
#member_wrap div.result_box p.btn_box { padding-top:20px; text-align:center; }

/* login_box */
#member_wrap div.login_box { position:relative; margin:0 auto; padding:50px 154px; }
#member_wrap div.login_box div.input_box { position:relative; float:left; width:230px; height:75px; margin-top:15px;  }
#member_wrap div.login_box div.button_box { float:left; margin-top:15px; margin-left:15px; }

#member_wrap div.login_box div.input_box input { background-color:#fff; width:220px; height:23px; margin-bottom:8px; padding-left:10px; font-size:1.1em; line-height:23px; color:#737373; }
#member_wrap div.login_box div.input_box input:hover { border:1px solid #3e7341; }
#member_wrap div.login_box div.input_box input:focus { border:1px solid #3e7341; }
#member_wrap div.login_box div.input_box input:active { border:1px solid #3e7341; }
#member_wrap div.login_box #label_id { position:absolute; width:0; height:0; overflow:hidden; top:8px; left:10px; }
#member_wrap div.login_box #label_pw { position:absolute; width:0; height:0; overflow:hidden; top:50px; left:10px; }
#member_wrap div.login_box label.no_val { width:auto!important; height:auto!important;}

#member_wrap div.login_box div.join_menu { margin:5px 0 15px 0; font-size:1.083em; color:#999; }
#member_wrap div.login_box div.join_menu a { color:#333;}
#member_wrap div.login_box p.bottom_comment { padding-top:15px; border-top:1px solid #ccc; }

/* leave */
#member_wrap div.under14_box dl { margin:15px 0; }
#member_wrap div.under14_box dl dt { color:#606060; font-size:1.250em; padding-bottom:5px; font-weight:600; color:#3c3c3c; }
#member_wrap div.under14_box dl dd { font-size:1.083em; line-height:20px; margin:0 0 15px 15px; color:#505050; }
#member_wrap div.under14_box fieldset.leave input[type=checkbox] { margin:0; padding:0; width:13px; height:13px; }
#member_wrap div.under14_box fieldset.leave label.agree { display:inline-block; height:13px; color:#505050; font-size:1.083em; line-height:13px; }

/* memo */
#member_wrap ul.new_win_ul { *height:26px; margin:15px 0; border-bottom:1px solid #aaa; }
#member_wrap ul.new_win_ul li { float:left; width:80px; height:25px; line-height:25px; border-top:1px solid #aaa; border-right:1px solid #aaa; text-align:center; color:#333; font-size:0.9em; background:url("./img/bg_gradation.gif") 0 -101px repeat-x #f7f7f7; }
#member_wrap ul.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
#member_wrap ul.new_win_ul li a { color:#333; }

#member_wrap input.frm_input, #member_wrap input.email_id { height:13px; margin:0; padding:4px; border:1px solid #b8c9c2; background-color:#f7f7f7; color:#333; line-height:12px; border-radius:0; }
#member_wrap input[type=file]{ height:22px; min-width:300px; margin-right:5px; padding:1px; border:1px solid #b8c9c2; background-color:#f7f7f7; line-height:18px; border-radius:0; vertical-align:middle; }
#member_wrap input.required, #member_wrap input.captcha_box { background:url("./img/bg_required.gif") 100% 0 no-repeat #f7f7f7; }
#member_wrap input.readOnly { background-color:#d9d9d9; }

#member_wrap select { height:20px; font-size:12px; padding:1px; vertical-align:middle; border:1px solid #b8c9c2; background-color:#f7f7f7; color:#333; }
#member_wrap textarea { width:90%; height:100px; padding:3px; border:1px solid #b8c9c2; background-color:#f7f7f7; color:#333; line-height:12px; border-radius:0; }
#member_wrap input.captcha_box { width:80px; }

#member_wrap input.hp, #member_wrap input.email_id, #member_wrap input.email_domain, #member_wrap input.input_date { height:13px; margin:0; padding:3px; border:1px solid #b8c9c2; background-color:#f7f7f7; color:#333; line-height:12px; border-radius:0; }
#member_wrap #reg_mb_addr1, #member_wrap #reg_mb_addr2 { margin-top:5px; }

#member_wrap .btn_frmline { display:inline-block; height:18px; line-height:20px; margin:0; padding:0 5px; text-decoration:none!important; border-radius:0; background:url("./img/bg_gradation.gif") 0 -101px #f7f7f7; border:1px solid #bcbcbc; color:#333; vertical-align:middle; }

/* btn confirm */
#member_wrap div.btn_confirm { margin:30px 0; text-align:center; }
#member_wrap div.btn_confirm input.btn_submit { vertical-align:top; }
#member_wrap div.btn_confirm p { padding:10px 0; }
/*
#member_wrap div.btn_confirm a { display:inline-block; width:70px; height:30px; margin:0; padding:0 ; 
	border:1px solid #aaa; background:url("./img/bg_gradation.gif") 0 -101px repeat-x #f1f1f2; color:#333; text-decoration:none; text-align:center; line-height:30px; vertical-align:middle; font-size:12px; font-weight:bold; cursor:pointer; }
	*/
#member_wrap div.btn_confirm a img { margin-bottom:1px; *margin-bottom:0; }

/* password replace */
#replace_wrap { padding-top:17px; border-top:3px solid #3f8cb0; background:url("./img/bg_password.jpg") 100% 0 no-repeat #fff; }
#replace_wrap div.replace_top { width:980px; margin:0 auto; }
#replace_wrap div.replace_top h1 { background:none; }
#replace_wrap p.head_comment { margin-top:50px; }
#replace_wrap div.comment_box { margin-top:58px; }
#replace_wrap div.comment_box div.comment_inner { float:left; width:260px; height:85px; margin-right:40px; }
#replace_wrap div.comment_box div.comment_inner h2 { margin-bottom:20px; }
#replace_wrap div.comment_box div.comment_inner strong { color:#0054a6; font-weight:bold; }

#replace_wrap div.replace_content { margin-top:60px; }
#replace_wrap div.replace_content div.replace_box { width:680px; margin:10px auto; }
#member_wrap div.btn_confirm a.btn_cancel2 { width:141px; height:32px; margin-left:5px; line-height:32px; border:0; background:none; }