/*회원*/
.join_wrap{width:95%;max-width:430px;margin:0 auto;font-size:15px}
.join_wrap li{margin-bottom:10px}
.join_wrap li input[type="text"],.join_wrap li input[type="password"],.user_info_detail dd input[type="text"],.user_info_detail dd input[type="password"],.contact_box dd input[type="text"],.contact_box dd input[type="password"]{border:1px solid #ddd; height:50px;width:100%;padding:10px;background:#fff}
.join_wrap li.email input[type="text"]{width:calc(50% - 34px)}
.join_wrap li.email select{width:50%;height:40px;padding-left:10px;background:#f6f6f6 url(../img/bg-arrow.png) no-repeat 95% 50%;;border-radius:3px;-webkit-appearance: none;-moz-appearance: none;appearance:none;}
.join_wrap li.email span{display:inline-block; width:30px;text-align:center}
.join_wrap .btn_wrap{margin-bottom:10px}
.agree_box{font-size:14px; color:#555;line-height:130%}
.agree_box p{padding:3px 0;}
.agree_box p input[type="checkbox"]{margin-right:5px}
.agree_box .btn_agree a{display:inline-block;padding:5px;border:1px solid #ddd;font-size:12px;border-radius:3px;background:#f6f6f6}
.join_wrap a.btn_join,.join_wrap button.btn_join{display:inline-block; width:100%; background:#ff801a;border-radius:5px;padding:15px 0;color:#fff;text-align:center}
.join_wrap button.btn_join{border:0}
.login_check{text-align:center;margin-top:10px;color:#666}
.login_check  a{position:relative;display:inline-block;margin:30px 20px 0 20px; }
.login_check  a:first-child:after{position:absolute;content:"|";color:#ddd;right:-20px;top:0;font-family:100}
.login_case{margin-top:30px;}
.login_case a{display:inline-block;border:1px solid #ddd; padding:15px;text-align:center; width:100%;margin-bottom:10px;color:#666}
.login_case a img{vertical-align:middle}
.member_type{width:100%;text-align:center;padding-bottom:10px;font-size:15px}
.member_type span{display:inline-block; padding:0 10px}
.agree_box{border:1px solid #ddd; padding:20px;overflow-y:scroll;height:180px;margin-top:10px;}
.agree_check{margin:10px 0;font-size:14px; color:#595959}
.btn-login input[type="submit"],.find_id input[type="submit"]{background:#d71e29; height:50px;line-height:50px; width:100%;color:#fff;font-family:"Poppins","Arita-dotum-Medium", "Noto Sans KR", "NanumGothic", dotum ,sans-serif;font-size:15px}
.btn-login button[type="submit"],.find_id input[type="submit"]{background:#222; height:50px;line-height:50px; width:100%;color:#fff;font-family:"Poppins","Arita-dotum-Medium", "Noto Sans KR", "NanumGothic", dotum ,sans-serif;font-size:15px;border:0}

.tbl_join{width:100%;max-width:1200px;margin:0 auto}
.tbl_join h3{font-size:24px !important;margin-top:30px;}
.tbl_join ul{width:100%;border:1px solid #ddd;margin-top:15px;font-size:0}
.tbl_join li{display:table;width:100%;font-size:16px;border-bottom:1px solid #ddd}
.tbl_join li:last-child{border-bottom:0}
.tbl_join li > strong,.tbl_join  ul li > span{display:table-cell;padding:15px;vertical-align:middle;line-height:150%}
.tbl_join li > strong{width:180px;border-right:1px solid #ddd}
.tbl_join li > strong em{display:inline-block; color:#d71e29;vertical-align:middle;padding-left:5px}
.tbl_join li  input[type="text"],.tbl_join li input[type="password"],.tbl_join li select,.tbl_join li textarea{width:100%;height:50px;border-radius:3px; border:1px solid #eee;padding:0 10px;margin:1px 0;vertical-align:middle}
.tbl_join  ul li select{background:#fff url(../img/bg-arrow.png) no-repeat 95% 50%;;border-radius:3px;-webkit-appearance: none;-moz-appearance: none;appearance:none;}
.tbl_join li a{width:80px;background:#d71e29;display:inline-block; height:50px;color:#fff;line-height:50px;text-align:center;font-weight:normal}
.tbl_join li.id input[type="text"]{width:calc(100% - 85px)}
.tbl_join li.phone input[type="text"],.tbl_join ul .phone select{width:calc(33.3% - 31px);max-width:100px}
.tbl_join li.birth input[type="text"]{width:calc(100% - 55px);max-width:150px}
.tbl_join li.birth a{width:50px}
.tbl_join li.email{line-height:50px;font-size:14px;}
.tbl_join li.email input[type="text"]{width:calc(33.3% - 31px);max-width:150px}
.tbl_join li.email select{width:calc(33.3% - 40px);margin:0 3px;max-width:150px}
.tbl_join li.address input[type="text"]{margin-bottom:5px}
.tbl_join li.address .zip  input[type="text"]{max-width:100px}
.tbl_join li.map input[type="text"]{width:calc(100% - 105px);margin-bottom:5px}
.tbl_join li.map a{width:100px}
.tbl_join li input[type="file"]{}
.tbl_join li.file label{display:inline-block;width:150px; height:150px;border:1px solid #ddd;cursor:pointer;background:url(../img/file-bg.png);vertical-align:middle}
.tbl_join li.file input[type="file"]{height:40px;margin:1px 0;}
.tbl_join input[type="checkbox"]{display:inline-block;margin-right:5px}
.tbl_join li.type label{display:inline-block;width:20%}
.form-info{font-size:13px; color:#d71e29}
.file-con{display:inline-block;position:relative;width:150px;height:150px;vertical-align:middle}
.tbl_join li .file-con a{display:inline-block;position:absolute;width:40px; height:40px;line-height:40px;border-radius:50px;top:10px; right:10px;background:#d71e29 url(../img/btn-del.png) no-repeat 50% 50%;background-size:12px;cursor:pointer}
.tbl_join li textarea{width:100%;min-width:100%;height:150px;max-height:150px;padding:10px;max-width:100% !important}

/*.tbl_join{max-width:430px; margin:0 auto}

.tbl_join ul li{display:flex; flex-wrap:wrap;font-size:14px;margin-top:10px;}
.tbl_join ul li strong{display:block; width:100%;line-height:100% !important; margin-bottom:10px;margin-top:20px}
.tbl_join ul input[type="text"],.tbl_join ul input[type="password"],.tbl_join ul select{width:100%;height:50px;padding:0 15px}
.tbl_join ul .id {height:50px; line-height:50px;font-weight:bold; }
.tbl_join ul .id input[type="text"]{width:calc(100% - 80px)}
.tbl_join ul a{width:80px;background:#d71e29;display:inline-block; height:50px;color:#fff;line-height:50px;text-align:center;font-weight:normal}
.pw-check{margin-top:10px;width:100%}
.tbl_join ul .password label{margin-top:10px}

.tbl_join ul .phone{justify-content:space-between}
.tbl_join ul .phone input[type="text"],.tbl_join ul .phone select{width:calc(33.3% - 30px)}
.tbl_join ul .jumin input[type="text"]{width:calc(50% - 3px)}
.join-btn{text-align:center;margin-top:30px;font-size:0}
.join-btn a{min-width:100px;font-size:16px; margin:0 3px}
.join-btn a.btn-reset{background:#aaa}
.tbl_join ul .name{height:50px;line-height:50px}*/


/* 아이디비번찾기 */
.find_wrap{width:100%; max-width:480px;margin:0 auto}
.find_wrap .find-box{padding:15px; background:#fafafa;font-size:14px;line-height:150%}
.find_id,.find_pw{width:100%;padding:0 1%}
.find_id h3,.find_pw h3{margin-bottom:10px;font-size:24px !important;margin-top:30px}
.find_id .txt,.find_pw .txt{color:#555;font-size:14px}
.find_id dl{width:100%;margin:10px 0;}
.find_id dt{width:100px;font-size:14px;line-height:2em}
.find_id dd{width:100%;margin-bottom:5px;font-size:14px;}
.find_id dd input[type="text"],.find_id dd select{height:50px;vertical-align:middle; width:100%;padding:0 10px}
.find_id dd.email input[type="text"],.find_id dd.email select{width:calc(33.3% - 9px)}
.find_wrap hr{margin:50px 0;background:#ddd; height:1px; width:100%;border:0}
.find_id dd.jumin{justify-content:space-between}
.find_id dd.jumin input[type="text"]{width:calc(50% - 3px)}
.find_id dd.phone{justify-content:space-between}
.find_id dd.phone input[type="text"],.find_id dd.phone select{width:calc(33.3% - 3px)}

/* 회원탈퇴 */
.mem_out{border:1px solid #ddd; background:#f6f6f6;padding:20px;margin-top:15px;}
.mem_out h4{font-size:16px; font-weight:400;padding:10px 0}
.mem_out li{padding-bottom:5px;font-size:14px;color:#595959;line-height:130%}
.mem_out li:before{content:'- '}

/* 버튼 */
.btn_warp{margin-top:20px;width:100%;text-align:center;color:#fff;font-size:0}
.btn_warp a{font-size:16px;margin:0 5px}
.btn_warp a.btn_list{display:inline-block; height:45px;line-height:45px;padding:0 25px; background:#f6f6f6;border-radius:3px; border:1px solid #ddd; font-weight:500;}
a.btn_agree,input.btn_agree{display:inline-block;background:#d71e29;height:45px;line-height:45px;padding:0 25px;}
a.btn_reset{display:inline-block;background:#999; height:45px;line-height:45px;padding:0 25px;}
select{padding-right:20px !important}

/* 개인정보수정 비밀번호 체크 */
.pwck-wrap{width:100%;max-width:310px;margin:0 auto;text-align:center;line-height:160%}
.pwck-wrap strong{border-bottom:1px solid #666}
.pwck-wrap input[type="password"]{border:1px solid #ddd; height:50px; line-height:50px; width:100%;margin:10px 0;padding:0 10px}
.pwck-wrap a{display:inline-block; height:50px; line-height:50px;background:#d71e29; width:calc(50% - 2px); color:#fff !important}
.pwck-wrap a.btn_cancel{background:#aaa}

.page-num{padding-bottom:70px;text-align:center;font-size:0}
.page-num a,.page-num b{display:inline-block;width:40px; height:40px;background:#fff;border:1px solid #ddd;line-height:40px;font-size:14px;margin:0 3px}
.page-num b{background:#d71e29; color:#fff;border:0}

.no-data{font-size:18px;text-align:center;color:#666;padding:100px 0}

@media(max-width:768px){
.tbl_join li,.tbl_join li > strong,.tbl_join  ul li > span{display:block}
.tbl_join li > strong{width:100%;border-right:0;padding-bottom:0}

.tbl_join li.phone input[type="text"],.tbl_join ul .phone select{width:calc(33.3% - 5px);}
.tbl_join li.email input[type="text"]{width:calc(33.3% - 10px);}
.tbl_join li.email select{width:calc(33.3% - 10px);margin:0 ;}
.tbl_join li.type label{width:100%}
}