@charset "utf-8";

/* 아이디찾기, 비밀번호찾기 */
.logs_cont { display:block; width:100%; }
.logs_cont:after { content:""; display:block; clear:both; }
.logs_cont .log_form {}
.logs_cont .log_form { position:relative; float:left; margin-top:22px; margin-right:15px; width:310px; }
.logs_cont .log_form:after { content:""; display:block; clear:both; }
.logs_cont .log_form .stit { display:block; margin-bottom:15px; }
.logs_cont .log_form .box { padding:30px 15px 80px 15px; min-height:226px; border-top:2px solid #896825; background-color:#f9f9f9; }
.logs_cont .log_form .box .type { margin-bottom:17px; height:15px; }
.logs_cont .log_form .box .type label { margin-right:20px; line-height:15px; }
.logs_cont .log_form .box .desc { padding-bottom:14px; color:#666666; border-bottom:1px solid #ececec; }
.logs_cont .log_form .box .prop { padding-top:20px; border-top:1px solid #ffffff; }
.logs_cont .log_form .box .prop .ui_forms { margin-bottom:5px; width:100%; }
.logs_cont .log_form .box .prop .ui_forms:after { content:""; display:block; clear:both; }
.logs_cont .log_form .box .prop .type { padding-bottom:17px; }
.logs_cont .log_form .box .prop .tit { float:left; width:93px; height:20px; line-height:20px; }
.logs_cont .log_form .box .prop span.tit { display:block; margin-left:-5px; margin-right:10px; padding-left:5px; vertical-align:middle; cursor:default; }
.logs_cont .log_form .box .prop .forms { float:left; width:177px; }
.logs_cont .log_form .box .prop .ext_frm { margin:8px 0 0 103px; }
.logs_cont .log_form .box .prop .ext_frm .link { display:block; margin:3px 0 0 20px; }
.logs_cont .log_form .box .btns { position:absolute; left:118px; bottom:49px; }
.logs_cont .log_form .box .btns .ui_button { background-color:#9e7d3a; }
.logs_cont .log_form .box .btns .ui_button:hover { background-color:#279ba1; }

.logs_cont .find_part { margin-top:20px; padding-bottom:28px; color:#666666; border-bottom:1px solid #ececec; }
.logs_cont .find_part .stit { display:block; margin-bottom:4px; }
.logs_cont .find_part .ui_align { margin-top:15px; }
.logs_cont .find_part.ipin { margin-top:0; padding-top:24px; border-top:1px solid #ffffff; border-bottom:none; }
.logs_cont .log_form.cyber .box { padding-bottom:0; min-height:auto; height:306px; }

.logs_cont .log_form.cyber {}
.logs_cont .log_form.regular {}
.logs_cont .log_form.non { float:right; margin-right:0; }
.logs_cont .foot_desc { clear:both; padding-top:16px; color:#666666; }

.logs_cont .mns_notice { clear:both; position:relative; padding:16px 0 0 20px; color:#666666; }
.logs_cont .mns_notice .bullet { margin-left:-20px; display:inline-block; width:20px; }
.logs_cont .mns_notice strong { color:#279ba1; }

/* 로그아웃 */
.logout_mem { margin:30px auto 0 auto; width:517px; background:url("../images/member/logout_icon.gif") no-repeat; }
.logout_mem .txt { position:relative; margin-left:93px; width:424px; }
.logout_mem .m_desc { margin-top:18px; font-weight:bold; color:#279ba1; }
.logout_mem .ext_btn { margin-top:28px; padding:20px 0; text-align:center; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }

/* 인트라넷 */
.logs_cont .log_form.intranet { float:none; margin:0 auto; width:470px; }
.logs_cont .log_form.intranet .box { padding-bottom:30px; }
.logs_cont .log_form.intranet .box .prop { margin:0 auto; width:370px; }
.logs_cont .log_form.intranet .box .prop .forms { width:266px; }
.logs_cont .log_form.intranet .box .btns { position:static; margin-top:20px; text-align:center; }
.logs_cont .intra_desc { margin-top:8px; line-height:20px; color:#666666; }

.intranet .top_func { clear:both; display:block; width:100%; margin-bottom:20px; }
.intranet .top_func:after { content:""; display:block; clear:both; }
.intranet .top_func .left { float:left; }
.intranet .top_func .right { float:right; }
.intranet .top_func select { margin:0 3px; height:20px; vertical-align:middle; border:1px solid #c5c5c6; color:#666666; }
.intranet .top_func .ui_button { padding:0 10px; vertical-align:middle; }
.intranet .top_func .csmer { background:url("../images/member/label_intra_1.gif") no-repeat; }
.intranet .top_func .group { background:url("../images/member/label_intra_2.gif") no-repeat; }
.intranet .ui_table_b {}
.intranet .ui_table_b table tbody td { text-align:center; }


/* 로그인 */
.pg_login { display:block; width:100%; }
.pg_login:after { content:""; display:block; clear:both; }
.pg_login .cm_top_utils .print_util { display:none; }
.pg_login .log_form {}
.pg_login .log_form { position:relative; float:left; margin-top:20px; margin-right:15px; width:470px; }
.pg_login .log_form:after { content:""; display:block; clear:both; }
.pg_login .log_form .stit { display:block; margin-bottom:15px; }
.pg_login .log_form .box { padding:15px 15px 15px 15px; min-height:165px; border-top:2px solid #896825; background-color:#f9f9f9; }
.pg_login .log_form .box .desc { padding-bottom:14px; min-height:37px; color:#666666; border-bottom:1px solid #ececec; }
.pg_login .log_form .box .prop { position:relative; margin:0 auto; padding-top:20px; width:330px; border-top:1px solid #ffffff; }
.pg_login .log_form .box .prop .ui_forms { margin-bottom:5px; width:100%; }
.pg_login .log_form .box .prop .bullet{background-image:url("../images/common/ui/table/bullet_require.gif"); background-repeat:no-repeat; background-position:0px center; } /*2014-03-18 비회원로그인 블릿추가*/
.pg_login .log_form .box .prop .ui_forms:after { content:""; display:block; clear:both; }
.pg_login .log_form .box .prop .type { padding-bottom:15px; }
.pg_login .log_form .box .prop .tit { float:left; margin:0; width:63px; height:20px; line-height:20px; text-indent:5px; }
.pg_login .log_form .box .prop .forms { float:left; width:177px; }
.pg_login .log_form .box .prop .ext_frm { margin:8px 0 0 68px; }
.pg_login .log_form .box .prop .ext_frm .link { display:block; margin:3px 0 0 20px; }
.pg_login .log_form .box .btns { position:absolute; top:20px; right:0px; }
.pg_login .log_form .box .btns .ui_button { background-color:#9e7d3a; }
.pg_login .log_form .box .btns .ui_button:hover { background-color:#279ba1; }

.pg_login .log_form.non .box .prop { width:352px; }
.pg_login .log_form.non .box .prop .tit { width:85px; }
.pg_login .log_form.non .box .prop .ext_frm { margin-left:90px; }
.pg_login .ui_forms.policy label { font-size:11px; color:#666666; }
.pg_login .ui_forms.policy .link { display:inline-block; font-size:11px; font-weight:bold; color:#9e7d3a; }

.pg_login .log_form.cyber {}
.pg_login .log_form.regular {}
.pg_login .log_form.non { float:right; margin-right:0; }

/* 로그인 추가메뉴 */
.pg_login .mems_cont { clear:both; padding-top:49px; width:100%; }
.pg_login .mems_cont:after { content:""; display:block; clear:both; }
.pg_login .mems_cont .mem_forms {}
.pg_login .mems_cont .mem_forms { position:relative; float:left; margin-right:15px; width:310px; }
.pg_login .mems_cont .mem_forms .tit { display:block; }
.pg_login .mems_cont .mem_forms .tit img { display:block; }
.pg_login .mems_cont .mem_forms .desc { margin:6px 0 0 24px; color:#444444; }
.pg_login .mems_cont .mem_forms .ext { margin:16px 0 0 24px; }
.pg_login .mems_cont .mem_forms.cyber {}
.pg_login .mems_cont .mem_forms.regular {}
.pg_login .mems_cont .mem_forms.non { float:right; margin-right:0; }


/********************************************************
 * 2019.10.25 코멤버 로그인추가
 ********************************************************/
 
.pg_login_co { display:block; width:100%; }
.pg_login_co:after { content:""; display:block; clear:both; }
.pg_login_co .cm_top_utils .print_util { display:none; }
.pg_login_co .log_form {}
.pg_login_co .log_form { position:relative; float:center; margin-top:20px; margin-right:15px; width:100%; }
.pg_login_co .log_form:after { content:""; display:block; clear:both; }
.pg_login_co .log_form .stit { display:block; margin-bottom:15px; }
.pg_login_co .log_form .box { padding:15px 15px 15px 15px; min-height:165px; border-top:2px solid #896825; background-color:#f9f9f9; }
.pg_login_co .log_form .box .desc { padding-bottom:14px; min-height:37px; color:#666666; border-bottom:1px solid #ececec; }
.pg_login_co .log_form .box .prop { position:relative; margin:0 auto; padding-top:20px; width:330px; border-top:1px solid #ffffff; }
.pg_login_co .log_form .box .prop .ui_forms { margin-bottom:5px; width:100%; }
.pg_login_co .log_form .box .prop .bullet{background-image:url("../images/common/ui/table/bullet_require.gif"); background-repeat:no-repeat; background-position:0px center; } /*2014-03-18 비회원로그인 블릿추가*/
.pg_login_co .log_form .box .prop .ui_forms:after { content:""; display:block; clear:both; }
.pg_login_co .log_form .box .prop .type { padding-bottom:15px; }
.pg_login_co .log_form .box .prop .tit { float:left; margin:0; width:63px; height:20px; line-height:20px; text-indent:5px; }
.pg_login_co .log_form .box .prop .forms { float:left; width:177px; }
.pg_login_co .log_form .box .prop .ext_frm { margin:8px 0 0 68px; }
.pg_login_co .log_form .box .prop .ext_frm .link { display:block; margin:3px 0 0 20px; }
.pg_login_co .log_form .box .btns { position:absolute; top:20px; right:0px; }
.pg_login_co .log_form .box .btns .ui_button { background-color:#9e7d3a; }
.pg_login_co .log_form .box .btns .ui_button:hover { background-color:#279ba1; }




/* 아이디찾기 - 완료 */
.find_idc {}
.find_idc .serc { margin-top:30px; height:30px; line-height:30px; text-align:center; color:#9e7d3a; }
.find_idc .serc .t1 {}
.find_idc .serc .result { font-size:30px; }
.find_idc .serc .t2 {}
.find_idc .desc { margin-top:17px; line-height:20px; text-align:center; }
.find_idc .ui_align { margin-top:26px; }
.find_idc .ext_btn { margin-left:-49px; font-weight:bold; color:#279ba1; }

/********************************************************
 * 2014.2.14 추가
 ********************************************************/
/* 비밀번호 변경알림 */
.notify_pw {  }
.notify_pw .note_txt { padding:0 0 45px 84px; background:url("../images/member/change_pw_key.gif") no-repeat 23px 2px; }
.notify_pw .note_txt .t1 {}
.notify_pw .note_txt .t2 { margin:10px 0 5px 0; }
.notify_pw .note_txt .qna { margin-top:15px; padding-left:2px; width:510px; line-height:1.8em; }
.notify_pw .note_txt .qna dt { font-weight:bold; color:#666666; }
.notify_pw .note_txt .qna dd {}
.notify_pw .chg_frm { padding-top:25px; border-top:1px solid #e3e3e3; }
.notify_pw .chg_frm .frm { clear:both; margin-bottom:5px; }
.notify_pw .chg_frm .frm:after { content:""; display:block; clear:both; }
.notify_pw .chg_frm .frm .tit { float:left; width:110px; height:20px; line-height:20px; font-weight:bold; color:#666666; }
.notify_pw .chg_frm .frm .ui_forms { float:left; }
.notify_pw .chg_frm .frm .ui_forms input { width:244px; }
.notify_pw .chg_frm .frm.inp_new .ui_placeholder { background:url("../images/member/label_change_pw.gif") no-repeat; }
.notify_pw .chg_frm .ext_frm { position:relative; margin:20px 0 0 110px; width:850px; }
.notify_pw .chg_frm .ext_frm:after { content:""; display:block; clear:both; }
.notify_pw .chg_frm .ext_frm .ui_button { float:left; margin-right:10px; }
.notify_pw .chg_frm .ext_frm .ext_notifi { position:absolute; bottom:0; right:0; }
.notify_pw .chg_frm .ext_frm .ext_notifi input { vertical-align:middle; }
.notify_pw .chg_frm .ext_frm .ext_notifi label { margin-left:3px; line-height:14px; vertical-align:middle; color:#666666; }
.notify_pw .chg_frm .info {padding-left:110px;margin-top:20px}

/********************************************************
 * 2014.2.14 추가
 ********************************************************/
/* 비밀번호 6개월이내 변경알림  */
.notify_pw_sixm {  }
.notify_pw_sixm .note_txt { padding:0 0 45px 84px; background:url("../images/member/change_pw_key.gif") no-repeat 23px 2px; }
.notify_pw_sixm .note_txt .t1 {}
.notify_pw_sixm .note_txt .t2 { margin:10px 0 5px 0; }
.notify_pw_sixm .note_txt .qna { margin-top:15px; padding-left:2px; width:510px; line-height:1.8em; }
.notify_pw_sixm .note_txt .qna dt { font-weight:bold; color:#666666; }
.notify_pw_sixm .note_txt .qna dd {}
.notify_pw_sixm .chg_frm {padding-left:84px; padding-top:25px; border-top:1px solid #e3e3e3; }
.notify_pw_sixm .chg_frm .t1 {font-size:15px;font-weight:bold;color:#292929;line-height:18px;margin-bottom:20px;}
.notify_pw_sixm .chg_frm .t2 {font-size:14px;font-weight:bold;color:#4e6253;line-height:18px;margin-bottom:20px;}
.notify_pw_sixm .chg_frm .ext_frm { position:relative; margin:20px 0 0 0; width:850px; }
.notify_pw_sixm .chg_frm .ext_frm:after { content:""; display:block; clear:both; }
.notify_pw_sixm .chg_frm .ext_frm .ui_button { float:left; margin-right:10px; }
.notify_pw_sixm .chg_frm .ext_frm .ext_notifi { position:absolute; bottom:0; right:0; }
.notify_pw_sixm .chg_frm .ext_frm .ext_notifi input { vertical-align:middle; }
.notify_pw_sixm .chg_frm .ext_frm .ext_notifi label { margin-left:3px; line-height:14px; vertical-align:middle; color:#666666; }

/* 회원가입 */
.join_welcome { margin-top:22px; }
.join_welcome .tit { display:block; }
.join_welcome .stit { display:block; margin-top:9px; }
.join_welcome img { display:block; }

/* 회원가입 - 타입선택 */
.join_choice {}
.join_choice { float:left; padding-top:109px; width:320px;/* 2018.1.19 수정 */ background:url("../images/member/join_icon_cyber.gif") no-repeat center 50px; }
.join_choice:after { content:""; display:"block"; clear:both; }
.join_choice .type { display:block; }
.join_choice .type img { margin:0 auto; display:block; }
.join_choice .desc { margin-top:15px; text-align:center; line-height:20px; color:#555555; height:60px;}
.join_choice .ext { margin-top:25px; text-align:center; }
.join_choice.cyber {}
.join_choice.regular { background-image:url("../images/member/join_icon_regular.gif"); clear:both; /* 2018.1.19 추가 */}
.join_choice.corp { background-image:url("../images/member/join_icon_corp.gif"); }
.join_choice.resp { background-image:url("../images/member/join_icon_resp.gif"); }

/* 2018.1.19 추가 */
.join_sns{float:left; background:url("../images/member/bg_or.gif") no-repeat 0 90%; padding-left:60px; padding-top:70px;}
.join_sns ul{margin-top:20px;}
.join_sns ul li{text-align:center; height:39px; margin-bottom:12px;}

/* 회원가입 - 스탭 */
.join_step {}
.join_step ul { width:100%; }
.join_step ul:after { content:""; display:block; clear:both; }
.join_step ol { width:100%; }
.join_step ol:after { content:""; display:block; clear:both; }
.join_step li { float:left; position:relative; margin-left:-42px; width:271px; height:65px; text-indent:-9999px; background:url("../images/member/join_steps.png") no-repeat; }
.join_step li.step1 { margin-left:0; z-index:7; }
.join_step li.step2 { background-position:0 -70px; z-index:5; }
.join_step li.step3 { background-position:0 -140px; z-index:3; }
.join_step li.step4 { background-position:0 -210px; z-index:1; }
.join_step li.step1.active { background-position:-280px 0px;  z-index:8; }
.join_step li.step2.active { background-position:-280px -70px; z-index:6; }
.join_step li.step3.active { background-position:-280px -140px; }
.join_step li.step4.active { background-position:-280px -210px; }

/* 회원가입 - 타이틀 */
.join_stit {}
.join_stit { margin-top:30px; padding-bottom:28px; width:100%; }
.join_stit:after { content:""; display:block; clear:both; }
.join_stit .tit { display:block; margin-bottom:18px; width:100%; }
.join_stit .desc { clear:both; float:left; }
.join_stit .ui_forms { float:right; }
.join_stit .ui_forms label { font-weight:bold; color:#76591f; }

/* 회원가입 - 이용약관 */
.agree_box { border-top:1px solid #e3e3e3; }
.agree_box .pack { padding-top:28px; width:100%; }
.agree_box .pack:after { content:""; clear:both; display:block; }
.agree_box .pack h3 { display:block; font-size:14px; line-height:1.2em; color:#76591f; }
.agree_box .pack .field { margin-top:8px; padding:20px; height:140px; overflow-y:scroll; border:1px solid #c8c8c8; }
.agree_box .pack .ui_forms { float:right; margin-top:6px; color:#444444; }
.agree_box .ui_align { margin-top:30px; }

/* 회원가입 - 가입인증 */
.join_certifi {}
.join_certifi .cert_box {}
.join_certifi .cert_box h3 { display:block; margin-top:10px; }
.join_certifi .cert_box h3 img { display:block; }
.join_certifi .cert_box .box { margin-top:15px; width:100%; background-color:#f9f9f9; }
.join_certifi .cert_box .box:after { content:""; display:block; clear:both; }
.join_certifi .cert_box .certifi { float:left; position:relative; width:479px; min-height:157px; }
.join_certifi .cert_box .certifi .txt { padding:46px 0 0 150px; color:#666666; }
.join_certifi .cert_box .certifi .txt h4 { font-size:16px; color:#76591f; }
.join_certifi .cert_box .certifi .txt .desc { width:186px; }
.join_certifi .cert_box .certifi .ui_button { position:absolute; top:90px; left:344px; }
.join_certifi .cert_box .certifi.phone { border-right:1px solid #ffffff; background:url("../images/member/certifi_icon_phone.png") no-repeat 85px 56px; }
.join_certifi .cert_box .certifi.ipin { border-left:1px solid #ececec; background:url("../images/member/certifi_icon_ipin.png") no-repeat 89px 52px; }

.join_certifi .cert_box .regular { position:relative; margin-top:15px; width:100%; min-height:226px; background:#f9f9f9 url("../images/member/certifi_icon_reg.png") no-repeat 243px 49px; }
.join_certifi .cert_box .regular .pivot { padding:48px 0 0 358px; }
.join_certifi .cert_box .regular .ui_forms { position:relative; clear:both; margin-top:5px; width:100%; }
.join_certifi .cert_box .regular .ui_forms:after { content:""; display:block; clear:both; }
.join_certifi .cert_box .regular .tit { float:left; display:block; width:106px; }
.join_certifi .cert_box .regular .forms { float:left; display:block; width:400px; }
.join_certifi .cert_box .regular .ui_forms.certi {}
.join_certifi .cert_box .regular .ui_forms.certi input { float:left; }
.join_certifi .cert_box .regular .ui_forms.certi .ui_button { float:left; margin-top:-3px; margin-left:10px; }
.join_certifi .cert_box .regular .btns { margin:30px 0 0 106px; }
.join_certifi .cert_box .regular.corp { background-image:url("../images/member/certifi_icon_corp.png"); }

.join_certifi .cert_box .on_phone { margin-top:10px; }
.join_certifi .cert_box .on_phone input { height:22px; line-height:22px; text-align:center; }
.join_certifi .cert_box .on_phone .ui_button { position:static; margin:0; }
.join_certifi .cert_box .on_phone .redir { margin-top:10px; }

.join_certifi .ntice { margin-top:27px; font-size:11px; color:#a1a1a1; }
.join_certifi .ntice li { list-style:square inside;  }

/* 회원가입 - 이미 가입된 회원 */
.join_already {}
.join_already .comp_box { margin:0 auto; margin-top:100px; padding-left:90px; width:390px; background:url("../images/member/join_already_icon.gif") no-repeat 3px 0px; }
.join_already .comp_box .nts { margin-top:15px; width:389px; color:#666666; font-weight:bold; }
.join_already .comp_box .nts:after { content:""; display:block; clear:both; }
.join_already .comp_box .nts .link { margin-left:10px; color:#279ba1; }
.join_already .comp_box .btns { margin-top:30px; padding:20px 0; border-top:1px solid #ececec; border-bottom:1px solid #ececec; }
.join_already .comp_box .btns .ui_button { margin:0 3px; }

/* 비밀번호 변경 = 마이페이지로 이동
.change_pw {  }
	.change_pw .note_txt { margin-top:20px; padding:0 0 45px 84px; background:url("../images/member/change_pw_key.gif") no-repeat 23px 2px; }
	.change_pw .note_txt .t1 {}
	.change_pw .note_txt .t2 { margin:10px 0 5px 0; }
	.change_pw .note_txt .qna { margin-top:15px; padding-left:2px; width:510px; line-height:1.8em; }
	.change_pw .note_txt .qna dt { font-weight:bold; color:#666666; }
	.change_pw .note_txt .qna dd {}
	.change_pw .chg_frm { padding-top:25px; border-top:1px solid #e3e3e3; }
	.change_pw .chg_frm .frm { clear:both; margin-bottom:5px; }
	.change_pw .chg_frm .frm:after { content:""; display:block; clear:both; }
	.change_pw .chg_frm .frm .tit { float:left; width:110px; height:20px; line-height:20px; font-weight:bold; color:#666666; }
	.change_pw .chg_frm .frm .ui_forms { float:left; }
	.change_pw .chg_frm .frm .ui_forms input { width:232px; }
	.change_pw .chg_frm .frm.inp_new .ui_placeholder { background:url("../images/member/label_change_pw.gif") no-repeat; }
	.change_pw .chg_frm .ext_frm { position:relative; margin:20px 0 0 110px; width:850px; }
	.change_pw .chg_frm .ext_frm:after { content:""; display:block; clear:both; }
	.change_pw .chg_frm .ext_frm .ui_button { float:left; margin-right:10px; }
	.change_pw .chg_frm .ext_frm .ext_notifi { position:absolute; bottom:0; right:0; }
	.change_pw .chg_frm .ext_frm .ext_notifi input { vertical-align:middle; }
	.change_pw .chg_frm .ext_frm .ext_notifi label { margin-left:3px; line-height:14px; vertical-align:middle; color:#666666; }
*/

/* 회원가입정보 입력 */
.join_info {}
.join_info .stit { padding-bottom:8px; width:100%; }
.join_info .stit.selective { margin-top:30px; }
.join_info .stit h3 { float:left; font-size:14px; color:#76591f; }
.join_info .stit .n_trt { float:right; font-size:11px; color:#868686; }
.join_info .stit:after { content:""; display:block; clear:both; }
.join_info .ui_table_a tr.require th { background-image:url("../images/common/ui/table/bullet_require.gif"); background-repeat:no-repeat; background-position:10px center; }
.join_info .ui_table_a tbody th { padding-right:0; text-align:left; font-weight:bold; background-color:#f7f7f7; }
.join_info .ui_table_a tbody td { text-align:left; }
.join_info .ui_table_a.require { border-color:#b49350; }
.join_info .ui_table_a.require th { background:#f1ece1; border-color:#e7e0d1; }
.join_info .ui_table_a.require .email .part { color:#777777; }
.join_info .ui_table_a.require .address { padding-bottom:0; }
.join_info .ui_table_a.require .address .ui_forms { clear:both; float:none; margin-bottom:10px; }

.join_info .ui_table_a .ui_forms { float:left; margin-right:20px; }
.join_info .ui_table_a .txt_desc { clear:both; margin-top:-3px; color:#a1a1a1; font-size:11px; }
.join_info .ui_table_a .selc select { width:130px; }
.join_info .ui_table_a .selc input { width:128px; }
.join_info .ui_table_a .selc .left { display:block; float:left; width:50px; }
.join_info .ui_table_a .selc .part { display:block; float:left; width:26px; text-align:center; }
.join_info .ui_table_a .selc .right { display:block; float:right; width:50px; }
.join_info .ui_table_a .desc.error { padding-left:12px; color:#d01837; background:url("../images/reserve/rsv_room_mess_error.gif") no-repeat left 50%; }
.join_info .ui_table_a .desc.permission { padding-left:12px; color:#4d91bd; background:url("../images/reserve/rsv_room_mess_permission.gif") no-repeat left 50%; }
.join_info .btm_ctrl { margin-top:20px; }

/* 회원가입 완료 */
.join_comp {}
.join_comp .comp_box { margin:0 auto; margin-top:100px; padding-left:111px; width:389px; background:url("../images/member/join_comp_icon.gif") no-repeat 3px 5px; }
.join_comp .comp_box .welcome {}
.join_comp .comp_box .welcome strong { font-size:16px; color:#76591f; vertical-align:middle; }
.join_comp .comp_box .welcome .txt1 { margin:2px 0 0 1px; vertical-align:middle; }
.join_comp .comp_box .welcome .txt2 { display:block; margin-top:13px; }
.join_comp .comp_box .inf { margin:25px 0 20px 0; padding:15px 0 17px 0; width:389px; font-size:14px; font-weight:bold; border-top:1px solid #ececec; border-bottom:1px solid #ececec; }
.join_comp .comp_box .inf:after { content:""; display:block; clear:both; }
.join_comp .comp_box .inf dl { display:block; clear:both; }
.join_comp .comp_box .inf dt { display:inline-block; color:#666666; }
.join_comp .comp_box .inf dd { display:inline-block; color:#896825; }
.join_comp .comp_box .btns { margin-top:20px; text-align:right; }


/* 패밀리회원 전환 */

.fam_join  {}
.fam_join .join_step li { background-image:url("../images/member/join_steps_fam.png"); }
.fam_join .notic { padding-bottom:25px; }
.fam_join .notic .msg { margin-top:30px; }
.fam_join .notic .msg .m1 { }
.fam_join .notic .msg .s1 { margin-top:10px; }
.fam_join .dt_info { margin-top:45px; color:#555555; }
.fam_join .dt_info dl { margin:2px 0; }
.fam_join .dt_info dt { display:inline; font-weight:bold; }
.fam_join .dt_info dd { display:inline; }

.fam_join .certifi { padding-top:25px; border-top:1px solid #e3e3e3; }
.fam_join .certifi .frm { clear:both; margin-bottom:5px; }
.fam_join .certifi .frm:after { content:""; display:block; clear:both; }
.fam_join .certifi .frm .tit { float:left; width:70px; height:20px; line-height:20px; font-weight:bold; color:#666666; }
.fam_join .certifi .frm .ui_forms { float:left; }
.fam_join .certifi .frm .ui_forms input { width:244px; }
.fam_join .certifi .frm.inp_new .ui_placeholder { background:url("../images/member/label_change_pw.gif") no-repeat; }
.fam_join .certifi .comment { margin: 8px 0 0 70px; }
.fam_join .certifi .ext_frm { position:relative; margin:15px 0 0 70px; width:850px; }
.fam_join .certifi .ext_frm:after { content:""; display:block; clear:both; }
.fam_join .certifi .ext_frm .ui_button { float:left; margin-right:10px; }

.fam_join .comp_notic { }
.fam_join .comp_notic .msg { padding-bottom:30px; }
.fam_join .comp_notic .msg .m1 { display:block; margin-top:30px; }
.fam_join .comp_notic .msg .s1 { display:block; margin-top:30px; }

/* 로그인 - 기존회원 인증 */
.wpp_exist_note {}
.wpp_exist_note .notice { line-height:20px; }
.wpp_exist_note .notice strong { color:#279ba1; }
.wpp_exist_note .ui_align { margin-top:26px; }

.wpp_exist_certifi .certifi {}
.wpp_exist_certifi .certifi .noway { position:relative; margin-top:27px; padding-left:50px; color:#555555; background:url("../images/member/login_old_icon1.gif") no-repeat 0 3px; }
.wpp_exist_certifi .certifi .noway .stit { color:#444444; }
.wpp_exist_certifi .certifi .noway .txt { margin-top:3px; font-size:11px; line-height:16px; color:#666666; }
.wpp_exist_certifi .certifi .noway .ui_button { position:absolute; right:0; top:17px; }
.wpp_exist_certifi .certifi .noway.ipin { background:url("../images/member/login_old_icon2.gif") no-repeat 0 5px; }

.sns_login{width:386px; margin:0 auto; overflow:hidden;}
.sns_login li{float:left; margin:0 3px 3px 0px; }


/********************************************************
 * 2020.07.16 추가
 ********************************************************/

#log_pgwrap {color:#666; font-family:'Noto Sans KR','돋움',Dotum,sans-serif;}
#log_pgwrap>.log_section {width: 960px; margin: 0 auto;}
#log_pgwrap>.log_section>.logbox {width: 470px;}
#log_pgwrap>.log_section>.log_left { float: left;}
#log_pgwrap>.log_section>.log_right {float: right;}

#log_pgwrap>.log_section>.logbox>h3.log_title { width: 470px; border-bottom: 2px solid #9e7d3a; color: #9e7d3a; line-height: 45px; height: 45px; margin: 0 0 ; font-weight: 600; font-size: 18px; }
#log_pgwrap>.log_section>.logbox>.log_bgbox { width: 340px; background:#f9f9f9; height: 380px; margin: 0 0 ;  padding: 55px 65px;}
#log_pgwrap>.log_section>.logbox>.log_bgbox>.log_txt  {font-size: 14px; line-height: 20px; }



#log_pgwrap>.log_section>.logbox>.log_bgbox>.input_area {margin: 0; padding: 0;}
#log_pgwrap>.log_section>.logbox>.log_bgbox>.input_area>.input_row{padding: 6px 35px 6px 10px;
																  position: relative;
																  height: 29px;
																  margin: 0 0 10px;
																  padding: 10px 35px 10px 15px;
																  border: solid 1px #dadada;
																  background: #fff;}

#log_pgwrap>.log_section>.logbox>.log_bgbox>.input_area>.input_row>.input_box {display: block; overflow: hidden;}
#log_pgwrap>.log_section>.logbox>.log_bgbox>.input_area>.input_row>.input_box>.lbl {display: block;
																				font-size: 15px;
																				line-height: 16px;
																				position: absolute;
																				z-index: 8;
																				top: 16px;
																				left: 15px;
																				color: #8e8e8e;}
#log_pgwrap>.log_section>.logbox>.log_bgbox>.input_area>.input_row>.input_box>.int {font-size: 15px;
																				line-height: 16px;
																				position: relative;
																				z-index: 9;
																				width: 100%;
																				height: 16px;
																				padding: 7px 0 6px;
																				color: #666666;
																				border: none;
																				background: #fff;
																				-webkit-appearance: none;}

#log_pgwrap>.log_section>.logbox>.log_bgbox>.btn_global {display: block;
														 width: 100%;
														 height: 45px;
														 margin: 10px 0 14px;
														 padding-top: 1px;
														 border: none;
														 border-radius: 0;
														 background-color: #9e7d3a;
														 cursor: pointer;
														 text-align: center;
														 color: #fff;
														 font-size: 17px;
														 font-weight: 600;
														 line-height: 45px;
														-webkit-appearance: none;}



#log_pgwrap>.log_section>.logbox>.log_bgbox>.position_a { position: relative; font-size: 12px;letter-spacing: -0.2px;
															line-height: 14px; padding-top: 8px; text-align: center; color: #8e8e8e; }


#log_pgwrap>.log_section>.logbox>.log_bgbox>.position_a>.position_logck {float: left; line-height: 14px; margin: 0px  0px; display:inline-block;}
#log_pgwrap>.log_section>.logbox>.log_bgbox>.position_a>.position_logck>.login_check_box>.log_checkbox { width: 14px;height: 14px;vertical-align: middle;}
#log_pgwrap>.log_section>.logbox>.log_bgbox>.position_a>.position_logck>.login_check_box>.sp 


#log_pgwrap>.log_section>.logbox>.log_bgbox>.find_info { float: right;padding-top: 2px; display:inline-block; }
#log_pgwrap>.log_section>.logbox>.log_bgbox>.position_a>.find_info>a.log_info_text{text-decoration: none;
														line-height: 16px;
														display: inline-block; padding-top: 1px;
														color: #8e8e8e;}







#log_pgwrap>.log_section>.logbox>.log_bgbox>.input_area>.input_row_b {padding: 6px 10px; float: left;
																		position: relative; width: 190px; 
																		height: 29px;
																		padding: 10px 15px;
																		border: solid 1px #dadada;
																		background: #fff;
																		margin: 0 0 10px 0px;}


#log_pgwrap>.log_section>.logbox>.log_bgbox>.input_area>.input_row_b>.input_box {display: block; overflow: hidden;}
#log_pgwrap>.log_section>.logbox>.log_bgbox>.input_area>.input_row_b>.input_box>.lbl {display: block;
				font-size: 15px;
				line-height: 16px;
				position: absolute;
				z-index: 8;
				top: 16px;
				left: 15px;
				color: #8e8e8e;}
 


#log_pgwrap>.log_section>.logbox>.log_bgbox>.input_area>.input_row_b>.input_box>.int {font-size: 15px;
    line-height: 16px;
    position: relative;
    z-index: 9;
    width: 100%;
    height: 16px;
    padding: 7px 0 6px;
    color: #666666;
    border: none;
    background: #fff;
    -webkit-appearance: none;
	
}

#log_pgwrap>.log_section>.logbox>.log_bgbox>.input_area>.btn_global_b {display: block;
			width: 118px;
			height: 51px;
            margin: 0 0 10px 0;
			padding-top: 1px;
			border: none;
			border-radius: 0;
			background-color: #9e7d3a;
			cursor: pointer;
			text-align: center;
			color: #fff;
			font-size: 14px;
			font-weight: 600;
			line-height: 45px;
			-webkit-appearance: none;}




#log_pgwrap>.log_section>.logbox>.log_bgbox>.time_info_box { overflow: hidden;}
#log_pgwrap>.log_section>.logbox>.log_bgbox>.time_info_box>.time_info_txt1 {font-size: 13px; float: left; margin: 0 0; padding: 0 0;}
#log_pgwrap>.log_section>.logbox>.log_bgbox>.time_info_box>.time_info_txt2 {font-size: 13px; float: left; margin: 0 0; padding: 0px 0px 10px 10px;}

#log_pgwrap>.log_section>.logbox>.log_bgbox>.info_box { padding: 6px 35px 6px 10px; 
	font-size: 12px; overflow-x:hidden;
	line-height: 18px;
	position: relative;
    margin: 0 0 10px;
    padding: 10px 35px 10px 15px;
    border: solid 1px #dadada;
    background: #fff;
	overflow-y:scroll; height: 44px;}

#log_pgwrap>.log_section>.logbox>.log_bgbox>.info_bottom_box {overflow: hidden; padding-bottom: 10px;}
#log_pgwrap>.log_section>.logbox>.log_bgbox>.info_bottom_box>.info_bottom_text1 {font-size: 13px; float: left; margin: 0 0; padding: 2px 0px 0px 0px; letter-spacing: -1px;}
#log_pgwrap>.log_section>.logbox>.log_bgbox>.info_bottom_box>.info_bottom_text2 {font-size: 13px; float: right; margin: 0 0; padding: 0 0;}