/* 약관동의 join_agree.php */
#memberWrap.join_agree .textarea {padding:1%; box-sizing:border-box; width:100%; height:270px; background:#f7f7f7; resize:none;}
#memberWrap.join_agree .agree_chk {display:block; text-align:right; margin-top:10px;}
#memberWrap .policyWrap {height:300px; overflow-y:scroll; box-sizing:border-box; padding:1%; border:1px solid #dfdfdf;}

/* 회원정보입력/회원정보수정 member_form.php */
#memberWrap.member_form .btn_gray {vertical-align:bottom;}
#memberWrap.member_form .tip {color:#777; padding-left:10px; vertical-align:middle;}
#memberWrap.member_form .tip.pdL0 {padding-left:0;}
#memberWrap.member_form label.comm_check_label, #memberWrap.member_form label.comm_radio_label {height:33px; line-height:33px; margin-right:15px;}
#memberWrap.member_form input.text {width:30%; vertical-align:middle;}
#memberWrap.member_form input.zipcode {width:15%;}
#memberWrap.member_form input.address1 {width:60%; margin-top:10px;}
#memberWrap.member_form input.address2 {width:88%; margin-top:10px;}
#memberWrap.member_form input.tel_text {width:100px;}
#memberWrap.member_form select.tel_select {width:100px;}
#memberWrap.member_form textarea.etc_message {width:100%; padding:1%; height:100px; resize:none;}

/* 로그인 login.php */
#memberWrap.login .loginMessage {margin-bottom:30px;}
#memberWrap.login .loginMessage dt {font-size:24px; color:#b22320;}
#memberWrap.login .loginMessage dd .red {text-decoration:underline; color:#222;}
#memberWrap.login .loginWrap {overflow:hidden;}
#memberWrap.login .loginWrap .loginBox {width:49%; border:1px solid #d0d0d0; box-sizing:border-box; padding:5%; border-top:2px solid #b22421; background:#f7f7f7;}
#memberWrap.login .loginWrap .loginBox_l {float:left;}
#memberWrap.login .loginWrap .loginBox_r {float:right;}
#memberWrap.login .loginWrap .login_title {font-weight:normal; font-family:'NanumBarunGothicN'; font-size:22px; color:#222; margin-bottom:20px;}
#memberWrap.login .loginWrap .write_info dt, #memberWrap.login .loginWrap .write_info dd {margin-bottom:20px;}
#memberWrap.login .loginWrap input.text {width:100%; margin-bottom:5px;}
#memberWrap.login .loginWrap label {margin-right:15px;}
#memberWrap.login .loginWrap .find_info {text-align:center;}
#memberWrap.login .loginWrap .join_info {margin-top:30px;}
#memberWrap.login .loginWrap .join_info dt {color:#222; margin-bottom:10px;}
#memberWrap.login .loginWrap .join_info dd {margin-bottom:10px;}

/* 아이디/비밀번호 찾기 find_info.php */
#memberWrap.find_info .findBox {width:100%; border:1px solid #d0d0d0; box-sizing:border-box; padding:5% 15%; border-top:2px solid #b22421; background:#f7f7f7; overflow:hidden;}
#memberWrap.find_info .findBox01 {margin-bottom:2%;}
#memberWrap.find_info .findBox .find_title {font-weight:normal; font-family:'NanumBarunGothicN'; font-size:22px; color:#222; margin-bottom:20px;}
#memberWrap.find_info .findBox ul {position:relative;}
#memberWrap.find_info .findBox ul li span {position:relative; display:block; margin-bottom:5px;}
#memberWrap.find_info .findBox ul li em {display:inline-block; width:20%;}
#memberWrap.find_info .findBox ul li input.text {width:59%;}
#memberWrap.find_info .findBox ul li input.find_mail {width:28%;}
#memberWrap.find_info .findBox ul li .btn_find {position:absolute; right:0; top:0; background:#b22421; color:#fff; width:20%; height:100%; text-align:center; font-size:20px;}
#memberWrap.find_info .findBox01 ul li .btn_find {line-height:110px;}
#memberWrap.find_info .findBox02 ul li .btn_find {line-height:140px;}
#memberWrap.find_info .findBox .tip {margin-top:30px;}

/* 회원탈퇴 member_break.php */
#memberWrap.member_break .breakBox {width:100%; border:1px solid #d0d0d0; box-sizing:border-box; padding:5% 8%; border-top:2px solid #b22421; background:#f7f7f7; overflow:hidden;}
#memberWrap.member_break .breakBox ul {position:relative;}
#memberWrap.member_break .breakBox ul li {vertical-align:top;}
#memberWrap.member_break .breakBox ul li span {position:relative; display:block; margin-bottom:10px;}
#memberWrap.member_break .breakBox ul li em {display:inline-block; width:20%;}
#memberWrap.member_break .breakBox ul li em.op {vertical-align:top;}
#memberWrap.member_break .breakBox ul li .textarea {width:79%; height:100px; resize:none; padding:1%; box-sizing:border-box;}
#memberWrap.member_break .breakBox ul li .tip {margin-top:10px;}

/********************************************************/
/**************** 테블릿 1024px 해상도 ******************/
/********************************************************/
@media only screen and (max-width:1024px){

}

/********************************************************/
/**************** 테블릿 768px 해상도 *******************/
/********************************************************/
@media only screen and (max-width:768px){

/* 회원정보입력/회원정보수정 member_form.php */
#memberWrap.member_form .tblType02 .col_title {width:25%;}
#memberWrap.member_form input.text {width:70%;}
#memberWrap.member_form input.zipcode {width:30%;}
#memberWrap.member_form input.address1, #memberWrap.member_form input.address2 {width:100%; margin-top:5px;}
#memberWrap.member_form input.tel_text, #memberWrap.member_form select.tel_select {width:28%;}
#memberWrap.member_form input.mail_text {width:30%;}
#memberWrap.member_form .tip {display:block; margin-top:5px; padding-left:0;}

/* 로그인 login.php */
#memberWrap.login .loginMessage {margin-bottom:5%}
#memberWrap.login .loginMessage dt {font-size:22px;}
#memberWrap.login .loginWrap .loginBox {width:100%;}
#memberWrap.login .loginWrap .loginBox_l {float:none; margin-bottom:3%;}
#memberWrap.login .loginWrap .loginBox_r {float:none;}
#memberWrap.login .loginWrap .login_title {font-size:20px;}

/* 아이디/비밀번호 찾기 find_info.php */
#memberWrap.find_info .findBox {padding:5%;}
#memberWrap.find_info .findBox .find_title {font-size:20px;}
#memberWrap.find_info .findBox ul li input.text {width:80%;}
#memberWrap.find_info .findBox ul li input.find_mail {width:38%;}
#memberWrap.find_info .findBox ul li .btn_find {position:relative; width:100%; height:45px; line-height:45px; display:block; font-size:18px;}

/* 회원탈퇴 member_break.php */
#memberWrap.member_break .breakBox {padding:5%;}

}

/********************************************************/
/**************** 모바일 520px 해상도 *******************/
/********************************************************/
@media only screen and (max-width:520px){

#memberWrap .policyWrap {height:150px;}

/* 로그인 login.php */
#memberWrap.login .loginMessage dt {font-size:5vw;}
#memberWrap.login .loginWrap .login_title {font-size:4.5vw; margin-bottom:5%;}
#memberWrap.login .loginWrap .write_info dt, #memberWrap.login .loginWrap .write_info dd {margin-bottom:3%;}

/* 아이디/비밀번호 찾기 find_info.php */
#memberWrap.find_info .findBox .find_title {font-size:4.5vw; margin-bottom:5%;}
#memberWrap.find_info .findBox ul li em {display:block; width:100%; margin-bottom:2%;}
#memberWrap.find_info .findBox ul li input.text {width:100%;}
#memberWrap.find_info .findBox ul li input.find_mail {width:45%;}
#memberWrap.find_info .findBox ul li .btn_find {font-size:4.2vw; height:35px; line-height:35px;}

/* 회원탈퇴 member_break.php */
#memberWrap.member_break .breakBox ul li em {display:block; width:100%; margin-bottom:2%;}
#memberWrap.member_break .breakBox ul li .textarea {width:100%; height:50px;}

}