@charset "utf-8";

@import url("base.css");
@import url("layout.css");
@import url("head_main.css");
@import url("footer_main.css");

#wrap { background: url("../images/gnb/head_main/bg_head_main.gif") repeat-x;}

.c_both { clear:both; }

div.login { width:747px; margin:0 auto; padding-top:87px; margin-bottom:115px; }
div.login h2 { height:26px; background:url(../images/members/bg_login_h2.gif) no-repeat left bottom; }
div.login div.login_banner { position:relative; width:745px; height:248px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#fff; }
div.login div.login_banner form { position:absolute; left:1px; top:1px; width:394px; height:198px; background:#fafafa; padding:38px 0 0 0; }
div.login div.login_banner form div.ck { position:absolute; z-index:1; left:48px; top:15px; }
div.login div.login_banner form fieldset { position:relative; width:334px; left:29px; height:99px; padding:1px; background:#ebebeb; }
div.login div.login_banner form fieldset div { position:relative;  width:334px; height:99px; background:#fff; }
div.login div.login_banner form fieldset p.id { position:absolute; left:21px; top:21px; }
div.login div.login_banner form fieldset p.pw { position:absolute; left:21px; top:45px; }
div.login div.login_banner form fieldset p.btn { position:absolute; right:22px; top:21px; }
div.login div.login_banner form fieldset p.group { position:absolute; left:21px; top:8px; }
div.login div.login_banner form fieldset p.group span { display:inline; margin-right:4px; }
div.login div.login_banner form fieldset p.group label { float:none; }

div.login div.login_banner form fieldset p.id label,
div.login div.login_banner form fieldset p.pw label { float:left; display:block; width:69px; color:#636363; font-size:1em; line-height:22px; }
div.login div.login_banner form fieldset p.id input,
div.login div.login_banner form fieldset p.pw input { width:160px; height:18px; padding:0; margin:0; border:1px solid #e5e5e5; } 
div.login div.login_banner form div.mem_type { position:absolute; left:30px; top:20px; clear:both; }
div.login div.login_banner form div.mem_type span.mem_foreigner { padding:0 0 0 12px; }
div.login div.login_banner form ul { position:absolute; left:30px; top:154px; clear:both; }
div.login div.login_banner form ul li { line-height:18px; clear:both; width:335px; }
div.login div.login_banner form ul li span { display:block; float:left; width:243px; height:26px; background:url(../images/common/bl_arr_rog.gif) no-repeat left 8px; padding-left:6px; padding-top:1px; font-size:1em; color:#868686; }
div.login div.login_banner form ul li em { display:block;  float:left; font-style:normal; }
div.login div.login_banner div.banner { position:absolute; left:396px; top:0; width:345px; height:248px; padding:1px 0 0 1px; border-left:1px solid #e5e5e5; }

div.idcheck p.id label,
div.idcheck p.pw label { width:81px !important; }
div.idcheck p.pw input { width:65px; }
div.idcheck p.pw span { padding:2px 1px 0 1px; color:#a6a6a6; }
div.idcheck p.id input { width:148px; }
div.idcheck p.find_id { text-align:center; color:#444; font-weight:bold; padding-top:36px; }
div.idcheck p.find_id strong { color:#ee3200; }

div.pwcheck {}
div.pwcheck p.id label,
div.pwcheck p.name label,
div.pwcheck p.pw label { width:81px !important; }
div.pwcheck p.id { top:8px !important; }
div.pwcheck p.pw { top:58px !important; }
div.pwcheck p.btn { top:23px; }
div.pwcheck form fieldset { height:108px !important; }
div.pwcheck form fieldset div { height:108px !important; }
div.pwcheck p.id input { width:148px; }
div.pwcheck p.pw input { width:65px; }
div.pwcheck p.pw span { padding:2px 1px 0 1px; color:#a6a6a6; }
div.pwcheck p.name { position:absolute; left:21px; top:33px; }
div.pwcheck p.name input { width:148px; height:18px; padding:0; margin:0; border:1px solid #e5e5e5; } 
div.pwcheck p.name label { float:left; display:block; width:69px; color:#636363; font-size:1em; line-height:22px; }
div.pwcheck p.find_pw { text-align:center; color:#444; font-weight:bold; padding-top:13px; line-height:28px; }
div.pwcheck p.find_pw strong { color:#ee3200; }
div.pwcheck p.find_pw span { font-weight:normal; font-size:0.9em; color:#777777; line-height:16px; }
div.pwcheck p.ex { position:absolute; left:21px; top:83px; }


div.join1,
div.join21 { width:800px; margin:0 auto; padding-top:35px; }
div.join1 { margin-bottom:73px; }
div.join21 { margin-bottom:3px; }
div.join1 h2,
div.join21 h2 { width:800px; height:44px; padding-top:10px; background:url(../images/members/bg_join_h2.gif) no-repeat 6px bottom; }
div.join1 h2 { margin-bottom:38px; }
div.join1 p.join_btn { margin-left:-5px; width:808px; }
div.join1 p.join_btn a { margin-left:3px; }

div.join21 h2 { margin-bottom:25px; }
div.join21 form.agreement { width:746px; padding:0 0 0 27px; }
div.join21 h3 { height:20px; }
div.agree_cell { margin-bottom:24px; }
div.agree_cell p.text_zone { width:625px; height:207px; padding:15px 160px 0 15px; border:1px solid #dbdbdb; overflow:auto; color:#666666; font-size:1em; margin-bottom:11px; }
div.agree_cell div.check { text-align:right; color:#666; }
div.agree_cell div.check input { margin:0 1px -1px 0; border:none; display:inline; }
div.agree_cell2 h3 { height:24px; }
div.agree_cell2 div.cnt_name { border:2px solid #e6e6e6; background:#fff; padding:1px 0 0 0; }
div.agree_cell2 div.cnt_name div.input_info { position:relative; width:100%; height:136px; background:#fafafa; margin:0 auto; margin-bottom:1px; }
div.agree_cell2 div.cnt_name div.input_info p.name input,
div.agree_cell2 div.cnt_name div.input_info p.id_nam input { height:17px; padding:0; border:1px solid #ccc; } 
div.agree_cell2 div.cnt_name div.input_info p label { float:left; padding-top:1px; }
div.agree_cell2 div.cnt_name div.input_info p.name { position:absolute; left:62px; top:58px; color:#666; }
div.agree_cell2 div.cnt_name div.input_info p.name input { width:131px; }
div.agree_cell2 div.cnt_name div.input_info p.id_nam { position:absolute; left:281px; top:58px; color:#666; }
div.agree_cell2 div.cnt_name div.input_info p.id_nam input { width:111px; }
div.agree_cell2 div.cnt_name div.input_info p.company_name { position:absolute; left:55px; top:45px; }
div.agree_cell2 div.cnt_name div.input_info p.company_num { position:absolute; left:55px; top:75px; }
div.agree_cell2 div.cnt_name div.input_info p.company_name input { border:1px solid #ccc; padding:0; width:150px; height:17px; }
div.agree_cell2 div.cnt_name div.input_info p.company_num input { border:1px solid #ccc; padding:0; width:110px; height:17px; }
div.agree_cell2 div.cnt_name div.input_info p.btn { position:absolute; right:63px; top:58px; }
div.agree_cell2 div.cnt_name div.info { border-top:1px solid #e6e6e6; height:204px; }
div.agree_cell2 div.cnt_name div.info ul { padding:17px 0 0 25px; border-right:1px solid #fafafa; }
div.agree_cell2 div.cnt_name div.info ul li { line-height:19px; color:#666; background:url(../images/members/bl_importance.gif) no-repeat left 3px; padding:0 0 0 19px; }
div.agree_cell2 div.cnt_name div.info ul li ul { border-right:none; padding:0; margin-bottom:19px; }
div.agree_cell2 div.cnt_name div.info ul li ul li { background:none; padding:0; text-indent:-10px; padding-left:10px; }

div.join23 div.agree_cell2 div.cnt_name { padding-bottom:1px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p { color:#666; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.btn { left:328px; top:100px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.place { position:absolute; left:55px; top:40px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.place span { display:block; display:inline; margin-right:4px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.place span.title { margin:0 17px 0 0; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.place span.title img { margin-bottom:-3px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.place label { float:none; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.group { position:absolute; left:55px; top:15px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.group span { display:inline; margin-right:4px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.group span.title { margin:0 17px 0 0; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.btn2 { position:absolute; left:328px; top:105px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.group label { float:none; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.place input { margin:0 -1px -1px 0; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.last_name { position:absolute; left:55px; top:15px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.first_name { position:absolute; left:241px; top:15px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.passport_no { position:absolute; left:429px; top:15px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.social_num { position:absolute; left:55px; top:65px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.passport_num { position:absolute; left:55px; top:65px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.passport_no { position:absolute; left:429px; top:15px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.last_name input,
div.join23 div.agree_cell2 div.cnt_name div.input_info p.first_name input,
div.join23 div.agree_cell2 div.cnt_name div.input_info p.passport_no input, 
div.join23 div.agree_cell2 div.cnt_name div.input_info p.company_name input { border:1px solid #ccc; padding:0; width:104px; height:17px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.passport_num input, 
div.join23 div.agree_cell2 div.cnt_name div.input_info p.social_num input,
div.join23 div.agree_cell2 div.cnt_name div.input_info p.company_num input { border:1px solid #ccc; padding:0; width:205px; height:17px; }
div.join23 div.agree_cell2 div.cnt_name div.input_info p.last_name label,
div.join23 div.agree_cell2 div.cnt_name div.input_info p.first_name label,
div.join23 div.agree_cell2 div.cnt_name div.input_info p.passport_no label { padding-top:3px; }

div.join211 div.agree_cell2 { width:600px; margin:0 auto }
div.join211 div.agree_cell2 div.input_info { width:594px; height:130px; }
div.join211 div.agree_cell2 div.cnt_name { padding-bottom:1px; }
div.join211 div.agree_cell2 div.cnt_name p { color:#4e4e4e; }
div.join211 div.agree_cell2 div.cnt_name p label { width:136px; color:#666; font-weight:bold; padding-top:3px; }
div.join211 div.agree_cell2 div.cnt_name p input { width:119px; padding:0; border:1px solid #e5e5e5 !important; height:18px !important; }
div.join211 div.agree_cell2 div.cnt_name p.name { left:40px; top:24px; }
div.join211 div.agree_cell2 div.cnt_name p.id_nam { left:40px; top:53px; }
div.join211 div.agree_cell2 div.cnt_name p.email { position:absolute; left:40px; top:84px; }
div.join211 div.agree_cell2 div.cnt_name p.email select { width:108px; height:19px; margin-right:4px; }
div.join211 div.agree_cell2 div.cnt_name p.email option { color:#4e4e4e; }
div.join211 div.agree_cell2 div.cnt_name p.email span { padding:0 1px 0 1px; }
div.join211 div.agree_cell2 div.btn { text-align:right; padding-top:11px; margin-bottom:84px; }

div.join212 div.agree_cell2 { width:400px; margin:0 auto }
div.join212 div.agree_cell2 div.input_info { width:394px !important; height:130px; }
div.join212 div.agree_cell2 div.input_info p.certificate { text-align:center; padding-top:44px; }
div.join212 div.agree_cell2 div.input_info p.certificate label { padding:0 2px 0 0; float:none; }
div.join212 div.agree_cell2 div.input_info p.certificate input { float:none; margin-bottom:-1px; }
div.join212 div.agree_cell2 div.input_info p.certificate span { font-size:0.9em; color:#777777; line-height:31px; }

div.join31 div.join1 { margin-bottom:0 !important; }
div.join31 div.join1 h2 { margin-bottom:28px; }
div.join33 div.join1 { margin-bottom:0 !important; }
div.join33 div.join1 h2 { margin-bottom:28px; }

div.join_form_table { border-top:2px solid #e9e9e9; border-bottom:2px solid #e9e9e9; background:#fff; padding:1px 0 0 0; }
div.join_form_table table th { width:145px; background:#f8f8f8; border-bottom:1px solid #e9e9e9; text-align:left; color:#666; padding:6px 0 4px 10px; font-weight:normal; font-size:12px;}
div.join_form_table table th span { color:#ee3200; }
div.join_form_table table td { border-bottom:1px solid #e9e9e9; padding:6px 0 4px 20px; color:#666; }
div.join_form_table table tr { clear:both; }
div.join_form_table table tr.list_line th,
div.join_form_table table tr.list_line td { border-bottom:none; }
div.join_form_table table td span.input_box  { float:left; margin-top:-3px; }
div.join_form_table table td span.input_box input { height:17px; padding:0; border:1px solid #ccc; color:#4e4e4e; font-size:0.9em !important; }
div.join_form_table table td span.select_box { float:left; margin-top:-2px; }
div.join_form_table table td span.select_box select { color:#4e4e4e; }
div.join_form_table table td span.img_btn { float:left; margin-top:-3px; }
div.join_form_table table td span.input_radio { float:left; margin-top:-3px; }
div.join_form_table table td span.input_radio input { margin:0; padding:0; border:none; }
div.join_form_table table td span.text { float:left; margin-top:-1px; }
div.join_form_table table td span.text,
div.join_form_table table td p.text { font-size:0.9em; color:#888; }
div.join_form_table table td p.text span { color:#36312b; }
div.join_form_table table td .width148 { width:148px; }
div.join_form_table table td .width198 { width:198px; }
div.join_form_table table td .width48 { width:48px; }
div.join_form_table table td .width32 { width:32px; }
div.join_form_table table td .width131 { width:131px; }
div.join_form_table table td .width43 { width:43px; }
div.join_form_table table td .width44 { width:44px; }
div.join_form_table table td .width183 { width:183px; }
div.join_form_table table td .width250 { width:250px; }
div.join_form_table table td .width108 { width:108px; }
div.join_form_table table td .width50 { width:50px; }
div.join_form_table table td .width80 { width:80px; }
div.join_form_table table td .width128 { width:128px; }
div.join_form_table table td .width56 { width:56px; }
div.join_form_table table td .width65 { width:65px; }
div.join_form_table table td .width71 { width:71px; }
div.join_form_table table td .width103 { width:103px; }
div.join_form_table table td .width248 { width:248px; }
div.join_form_table table td.id span.input_box { width:155px; }
div.join_form_table table td.id span.img_btn { width:65px; }
div.join_form_table table td.pw span.input_box { width:209px; }
div.join_form_table table td.pw_question span.select_box { width:259px; }
div.join_form_table table td.pw_answer p.text { margin:2px 0 -3px 0; }
div.join_form_table table td.birthday_year span.text { color:#666; width:17px; }
div.join_form_table table td.birthday_year span.wide { width:26px; padding-left:1px; }
div.join_form_table table td.birthday_year span.input_box { width:53px; }
div.join_form_table table td.birthday_year span.input_radio { margin-left:13px; }
div.join_form_table table td.email span.input_box { margin:0 6px 0 0; }
div.join_form_table table td.email span.text { color:#4e4e4e; }
div.join_form_table table td.email span.select_box { margin-left:7px; }
div.join_form_table table td.email p.text { line-height:18px; margin-bottom:-1px; }
div.join_form_table table td.zipcode span.short { width:50px; }
div.join_form_table table td.zipcode span.text { width:9px; color:#666; }
div.join_form_table table td.zipcode span.img_btn { margin-right:5px; margin-left:-1px; }
div.join_form_table table td.zipcode span.long { width:191px; }
div.join_form_table table td.call_num span.select_box { width:55px; }
div.join_form_table table td.call_num span.text { width:9px; color:#666; }
div.join_form_table table td.call_num span.input_box { width:55px; }
div.join_form_table table td.job span.select_box { width:134px; }

div.form_btn { text-align:center; margin-top:12px; }
div.form_btn input { margin:0 4px 0 4px; }

div.join33 div.join_form_table table th { width:145px; background:#f8f8f8; border-bottom:1px solid #e9e9e9; text-align:left; color:#666; padding:6px 0 4px 10px; font-weight:normal; font-size:12px;}
div.join33 div.join_form_table table td.id p.text { clear:both; margin-bottom:-3px; } 
div.join33 div.join_form_table table td.nation span.text { color:#666; padding-left:1px; }
div.join33 div.join_form_table table td.nation span.input_box { width:155px; }
div.join33 div.join_form_table table td.pw p.text { clear:both; margin-bottom:-3px; } 
div.join33 div.join_form_table table td.birthday span.select_box { width:53px; }
div.join33 div.join_form_table table td.birthday span.wide { width:61px; }
div.join33 div.join_form_table table td.email span.text { color:#888; padding-left:2px; }
div.join33 div.join_form_table table td.zipcode div { clear:both; padding:4px 0 0 0; }
div.join33 div.join_form_table table td.zipcode div input { margin-bottom:0; }
div.join33 div.join_form_table table td.zipcode span.short { width:72px; }

div.join_completion { position:relative; width:593px; height:259px; background:url(../images/members/bg_completion.gif) no-repeat; margin:10px 0 0 122px; }
div.join_completion div { position:absolute; }
div.join_completion div.img { left:73px; top:47px; }
div.join_completion div.name { color:#888888; left:106px; top:124px; }
div.join_completion div.name strong { color:#000; }
div.join_completion div.id_pw { color:#444; font-weight:bold; left:138px; top:162px;}
div.join_completion div.id_pw span { position:absolute; display:block; }
div.join_completion div.id_pw span.id { left:0; top:0; width:130px; }
div.join_completion div.id_pw span.email  { left:130px; top:0; width:215px; }
div.join_completion div.id_pw strong { color:#ff4800; }
div.join_completion div.message { color:#888; left:107px; top:199px;}