.memberWrap #Contents{width:800px;padding:50px 0}


#popupWrap { margin:20px 20px 0 20px; }
#popupWrap .btnList{border-top:1px #ddd solid; padding-top:10px; text-align:right}


.joinTop{position:relative;height:50px;margin-bottom:30px}
.joinTop .btnJoinTopBox{position:absolute;right:0;top:0}
.joinTop .btnJoinTopBox a{line-height:30px;padding:0 10px;margin-left:10px}

/* 회원가입절차 */
.joinTop .joinProcess{position:absolute;right:0;top:0}
.joinTop .joinProcess li{float:left;font-size:14px;color:#999;padding:0 10px}
.joinTop .joinProcess li em{color:#212121;font-weight:bold}


/* 개인정보동의 */
.joinCheck{position:relative}

.joinCheck .notice{padding-bottom:10px}

.joinCheck .documentBox{border-top:1px #ddd solid;border-bottom:1px #ddd solid;padding:30px 0;margin-bottom:30px}
.joinCheck .documentBox::after{content:"";display:block;clear:both}
.joinCheck .documentBox .cols{float:left;width:50%}
.joinCheck .documentBox .left{padding-right:10px}
.joinCheck .documentBox .right{padding-left:10px}

.joinCheck .txtBox{overflow:auto;height:200px;border:1px #ddd solid;padding:10px}
.joinCheck .txtBox h4{font-size:14px;margin-bottom:20px}
.joinCheck .txtBox h5{font-size:12px;margin-bottom:10px}
.joinCheck .txtBox blockquote{font-size:12px;font-weight:normal;margin-bottom:10px}

.joinCheck .btnBox{text-align:center}
.joinCheck .btnBox .basicButton{font-weight:bold;font-size:14px;padding:0 15px;margin-right:10px;line-height:40px}


/* 회원가입 및 정보수정 */
.joinWrap .notice{background:#f4f4f4;font-size:12px;padding:10px 15px;margin-bottom:20px}

.joinWrap .formBox{}
.joinWrap .formBox .colsWrap{border-bottom:1px solid #DFDFDF;padding-bottom:15px;margin-bottom:20px}
.joinWrap .formBox .colsWrap::after{content:"";display:block;clear:both}
.joinWrap .formBox .colsWrap .cols{float:left;width:50%;margin-bottom:15px}
.joinWrap .formBox .colsWrap .cols.left{padding:0 10px 0 0}
.joinWrap .formBox .colsWrap .cols.right{padding:0 0 0 10px}
.joinWrap .formBox .colsWrap .cols.wide{width:100%}
.joinWrap .formBox .colsWrap .cols .inputTitle{margin-bottom:5px}
.joinWrap .formBox .colsWrap .cols .inputBox{position:reative;width:100%;height:42px}
.joinWrap .formBox .colsWrap .cols .inputBox input[type=password],
.joinWrap .formBox .colsWrap .cols .inputBox input[type=text]{height:42px;line-height:40px}
.joinWrap .formBox .colsWrap .cols .inputBox.text{line-height:42px}
.joinWrap .formBox .colsWrap .cols .inputBox.text input[type="checkbox"]{margin-top:14px}
.joinWrap .formBox .colsWrap .cols .inputBox .btnItemView{float:right;line-height:40px;padding:0 10px}

.joinWrap .formBox .colsWrap.editBox .cols .inputBox .idBox{font-size:18px;color:#000}

.joinWrap .btnBox{text-align:center}
.joinWrap .btnBox .basicButton{font-weight:bold;font-size:14px;padding:0 15px;line-height:40px}


/* 회원관련 */

.loginBody { text-align:center; }

.loginBody .input1 { width:180px; }
.loginBody .input2 { width:80px; }
.loginBody .input3 { width:142px; }


/*  아이디 찾기 */
#idBody { text-align:left; }

#idBody .notice { margin-bottom:15px; }
#idBody .notice li { background:url(/news/images/icon21.gif) no-repeat 0 3px; font-size:11px; padding-left:15px; }

#idBody .idSearch { position:relative; width:360px; margin-bottom:10px; border-top:1px #ddd solid; padding-top:10px;  }
#idBody .idSearch dl { width:100%; }
#idBody .idSearch dt { float:left; width:60px; height:13px; margin-top:9px; }
#idBody .idSearch dd { margin-left:70px; }
#idBody .idSearch .dl1 dt { background:url(/indexpage/news/member/images/img_name.gif) no-repeat 0 0; margin-top:7px; }
#idBody .idSearch .dl2 dt { background:url(/indexpage/news/member/images/img_mail.gif) no-repeat 0 0; }
#idBody .idSearch .dl2 dd { margin-top:4px; }
#idBody .idSearch .loginBtn { position:absolute; right:0; top:10px; }

#idBody .btnList { border-top:1px #ddd solid; padding-top:10px; text-align:right; }


/*  비밀번호 찾기 */
#passBody { text-align:left; }

#passBody .notice { margin-bottom:15px; }
#passBody .notice li { background:url(/indexpage/news/images/icon21.gif) no-repeat 0 3px; font-size:11px; padding-left:15px; }

#passBody .passSearch { position:relative; width:360px; margin-bottom:10px; border-top:1px #ddd solid; padding-top:10px;  }
#passBody .passSearch dl { width:100%; }
#passBody .passSearch dt { float:left; width:60px; height:13px; margin-top:9px; }
#passBody .passSearch dd { margin-left:70px; }
#passBody .passSearch .dl1 dt { background:url(/indexpage/news/member/images/img_id.gif) no-repeat 0 0; margin-top:7px; }
#passBody .passSearch .dl2 dt { background:url(/indexpage/news/member/images/img_name.gif) no-repeat 0 0; }
#passBody .passSearch .dl2 dd { margin-top:4px; }
#passBody .passSearch .dl3 dt { background:url(/indexpage/news/member/images/img_mail.gif) no-repeat 0 0; }
#passBody .passSearch .dl3 dd { margin-top:4px; }
#passBody .passSearch .loginBtn { position:absolute; right:0; top:10px; }

#passBody .btnList { border-top:1px #ddd solid; padding-top:10px; text-align:right; }


/* 비밀번호 변경 */
.changePassword .formBox{position:relative;padding:15px}
.changePassword .formBox .notice{margin-bottom:20px}
.changePassword .formBox .item{position:relative;margin-bottom:10px}
.changePassword .formBox .item input[type=password]{font-size:14px;height:50px;line-height:50px}
.changePassword .formBox .btnLeaveFinal{font-weight:400;font-size:18px;text-align:center;width:100%;height:50px;line-height:50px;margin-top:10px}
.changePassword .formBox .caution{color:#ff0000;font-weight:400}


/* 회원탈퇴 */
.leaveBody{text-align:left;padding:20px}
.leaveBody h4{color:#76AB01}
.leaveBody .formBox{position:relative}
.leaveBody .formBox .item{position:relative;margin-bottom:5px}
.leaveBody .formBox .i_label{display:block;position:absolute;left:10px;height:30px;line-height:30px;color:#999}
.leaveBody .formBox .i_input{width:258px}
.leaveBody .formBox .btnLeaveLogin{position:absolute;top:0;right:0;font-weight:bold;font-size:14px;height:65px;line-height:65px;padding:0 20px}
.leaveBody .notice li{background:url('/indexpage/news/member/images/icon20.gif') no-repeat 0 5px;padding-left:15px}
.leaveBody .callBox{background:url('/indexpage/news/member/images/line_seperator.png') repeat-x 0 0;padding-top:15px}
.leaveBody .splitBar{background:url('/indexpage/news/member/images/bg_bottom_spacer.png') no-repeat center center;height:60px;clear:both}


/* 아이디 입력 및 중복확인 */
.chkIdBody{text-align:left;padding:20px}

.chkIdBody .item{position:relative}
.chkIdBody .i_label{position:absolute;top:6px;color:#999}

.chkIdBody .formBox{position:relative}
.chkIdBody .formBox .i_label{left:10px;cursor:text}
.chkIdBody .formBox .i_input{width:258px;ime-mode:disabled}
.chkIdBody .formBox .chkIdBtn{position:absolute;top:0;right:0;height:30px;font-weight:bold;line-height:30px;padding:0 10px}

.chkIdBody .msgBox{position:relative}
.chkIdBody .msgBox p{font-size:14px;line-height:28px}
.chkIdBody .msgBox .useIdBtn{position:absolute;top:0;right:0;height:28px;font-weight:bold;line-height:28px;padding:0 10px;display:none}