/*회원가입*/
.btn_black {background: #555555;color: #fff;border: 0;}
.btn_black:hover, .btn_black:active, .btn_black:focus, .btn_black[disabled] {background-color: #333333 !important;border-color: #333333 !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}


/*step 1*/
.member_icon {text-align: center;margin-top: 80px;}
.member_icon strong {font-size: 35px;font-weight: 400;}
.member_icon .icon_wrap ul {display: table;margin: 0 auto;padding-top: 50px;}
.member_icon .icon_wrap ul li {float: left;position: relative;margin-right: 116px;}
.member_icon .icon_wrap ul li:last-child {margin-right: 0;}
.member_icon .icon_wrap ul li:last-child::after {display: none;}
.member_icon .icon_wrap ul li::after {display: block;content: "";float: left;position: absolute;right: -58px;top: 50%;width: 28px;height: 28px;border-top: 2px solid #31543c;border-left: 2px solid #31543c;transform: translateY(-50%) rotate(135deg);}

.member_icon .icon_wrap ul li i{width: 116px; height: 116px; display: block; background: none; color: #aaaaaa; border-radius: 116px; font-size: 50px; line-height: 116px; margin-bottom: 15px;}
.member_icon .icon_wrap ul li i.active{background: #31543c; color: #ffffff;}
.member_btn {width: 1080px;margin: 50px 0 50px 0;}
.member_btn li {text-align: center;margin: 0 auto;}

/*step 2*/
.member_info h3 {font-size: 26px;font-weight: 400;text-align: left;padding: 20px 0 20px 0;margin-top: 20px;}
.member_info table.basic_info {width: 100%;border-top: 2px solid #31543c;}
.member_info table.basic_info tbody tr {height: 62px;border-bottom: 1px solid #ddd;}
.member_info table.basic_info tbody tr th {padding-left: 25%; text-align: left;text-indent: 40px;line-height: 62px;}
.member_info table.basic_info tbody tr td {font-size: 16px;}
.member_info table.basic_info tbody tr td  input {font-size: 14px;}
.member_info table.basic_info tbody tr td  input[readonly] {background-color: #e9ecef;opacity: 1;}
.member_info table.basic_info tbody tr td  button {padding: 8px;margin: 0 10px 0 10px;border: 0;font-family: 'Noto Sans KR', sans-serif;font-size: 14px; border-radius: 3px}
.member_info td .inpType01 {margin: 12px 0;}

/*step 2, modifyuserinfo*/
.pwd_accord,
.e_accord {color:#36563d; font-size: 12px;display: none;}
.pwd_discord,
.e_discord {color:red; font-size: 12px;display: none;}

/*간편회원가입*/
 #sub_wrap.soc_login {width: 100%;}
/*step 1*/
.soc_login .member_icon {padding: 0 30px 0 30px; text-align: center;}
.soc_login .member_icon strong {font-size: 24px;}
.soc_login .member_icon span {font-size: 14px;}
.soc_login .member_icon .icon_wrap ul {padding-top: 30px;width: 100%;}
.soc_login .member_icon .icon_wrap ul::after{display: block;content: "";clear: both;}
.soc_login .member_icon .icon_wrap ul li {float: left;position: relative;margin-right: 20%;width: 20%;}
.soc_login .member_icon .icon_wrap ul li:last-child {margin-right: 0;}
.soc_login .member_icon .icon_wrap ul li:last-child::after {display: none;}
.soc_login .member_icon .icon_wrap ul li::after {display: block;content: "";float: left;position: absolute;right: -50%;top: 20px;width: 28px;height: 28px;border-top: 2px solid #31543c;border-left: 2px solid #31543c;transform: translateX(14px) rotate(135deg);}
.soc_login .member_icon .icon_wrap ul li i {width: 64px;height: 64px;display: block;background: none;color: #aaaaaa;border-radius: 64px;font-size: 30px;line-height: 64px;margin: 0 auto 15px;}
.soc_login .member_icon .icon_wrap ul li i.active{background: #31543c; color: #ffffff;}
.soc_login .member_icon .icon_wrap ul li p{font-size: 12px;}
.soc_login .member_btn {width: 100%;margin: 50px 0 50px 0;}
.soc_login .member_btn li {text-align: center;margin: 0 auto;list-style: none;}

/*step 2*/
.soc_login .member_info {padding: 0 30px 0 30px;}
.soc_login .member_info h3 {font-size: 14px;font-weight: 400;text-align: left;padding: 20px 0 20px 0;margin-top: 20px;}
.soc_login .member_info table.basic_info {width: 100%;border-top: 2px solid #31543c;}
.soc_login .member_info table.basic_info tbody tr {height: 62px;border-bottom: 1px solid #ddd;}
.soc_login .member_info table.basic_info tbody tr th {text-align: left; font-size: 12px;text-indent: 12px;line-height: 62px;padding-left: 0;}
.soc_login .member_info table.basic_info tbody tr td {font-size: 14px;}
.soc_login .member_info table.basic_info tbody tr input {padding-right: 36px;}
.soc_login .member_info table.basic_info tbody tr td .xi-close-circle{position: absolute; top: 0; right: 0; margin: 12px 0; padding:7px; font-size: 24px; color:#ccc; display: none;}
.soc_login .member_info table.basic_info tbody tr td [id*='mb_sex'] + .xi-close-circle {display: none!important;}
.soc_login .member_info table.basic_info tbody tr td  button {padding: 8px;margin: 0 10px 0 10px;border: 0;font-family: 'Noto Sans KR', sans-serif;font-size: 14px; border-radius: 3px;}
.soc_login .member_info td .form-control {margin: 12px 0; display: inline-block; width: 100%;}

/*이용약관*/
.soc_login .member_agreement {padding: 0 15px 0 15px;}
.soc_login .member_agreement table {border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd; width: 100%;}
.soc_login .member_agreement table:first-child { /*약관모두동의*/margin: 50px 0 20px;border-bottom: 1px solid #ddd;}
.soc_login .member_agreement table:first-child tr:last-child td {border-bottom: 0;}
.soc_login .member_agreement table:first-child tr td {text-align: center;padding: 16px 0;font-size: 14px;margin: 0 25px;display: block;border-bottom: 1px solid #eee;}
.soc_login .member_agreement table:last-child {border-bottom: 1px solid #ddd;}
.soc_login .member_agreement table tr td label {font-size: 20px;font-weight: 500;color: #31543c;margin: 0 0 0 8px;}
.soc_login .member_agreement table thead tr th {text-align: left;padding: 20px 25px;}
.soc_login .member_agreement table thead tr th span {font-size: 14px;font-weight: 500;color: #31543c;margin-left: 5px;}
.soc_login .member_agreement table tbody .agreement_type {margin: 0 2% 25px;padding: 15px;border: 1px solid #eee;width: 96%;height: 240px;font-size: 14px;color: #717171;display: none;}
.soc_login .member_agreement table thead tr th .btn_viewAll {float: right;display: block;color: #333;width: 80px;height: 28px;line-height: 26px;font-size: 12px;text-align: center;border: 1px solid #dfdfdf;}
.soc_login .member_agreement table thead tr th .btn_viewAll i {margin-left: 5px;}

.soc_login .member_agreement input[type=checkbox] {display: none;}
.soc_login .member_agreement input[type=checkbox] + label {display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;font-size: 14px;}
.soc_login .member_agreement input[type=checkbox] + label:before {content: "";display: inline-block;width: 16px;height: 16px;margin-right: 10px;position: absolute;left: 0;bottom: 1px;border: 1px solid #ddd;border-radius: 2px;}
.soc_login .member_agreement input[type=checkbox]:checked + label:before {content: "\2713"; /* 체크모양 */font-size: 14px;font-weight: 800;color: #31543c;border: 1px solid #ddd;text-align: center;line-height: 14px;}



/*이용약관*/
.member_agreement table {border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.member_agreement table:first-child { /*약관모두동의*/margin: 50px 0 20px; border-bottom: 1px solid #ddd;}
.member_agreement table:first-child tr:last-child td {border-bottom: 0;}
.member_agreement table:first-child tr td {text-align: center;padding: 16px 0;font-size: 16px;margin: 0 80px;display: block;border-bottom: 1px solid #eee;}
.member_agreement table:last-child {border-bottom: 1px solid #ddd;}
.member_agreement table  tr td label {font-size: 20px;font-weight: 500;color: #31543c;margin: 0 0 0 8px;}
.member_agreement table thead tr th {font-size: 18px;text-align: left;padding: 20px 25px;}
.member_agreement table thead tr th span {font-size: 14px;font-weight:500;color: #31543c;margin-left: 5px;}
.member_agreement table tbody .agreement_type {margin: 0 25px 25px;padding: 15px;border: 1px solid #eee;width: 1026px;height: 240px;font-size: 14px;color: #717171;display: none;}
.member_agreement table thead tr th .btn_viewAll {float: right;display: block;color: #333;width: 100px;height: 28px;line-height: 26px;font-size: 14px;text-align: center;border: 1px solid #dfdfdf;}
.member_agreement table thead tr th .btn_viewAll i{margin-left: 5px;}
.member_agreement input[type=checkbox] {display: none;}
.member_agreement input[type=checkbox] + label{display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;font-size: 14px;}
.member_agreement input[type=checkbox] + label:before {content: "";display: inline-block;width: 16px;height: 16px;margin-right: 10px;position: absolute;left: 0;bottom: 1px;border: 1px solid #ddd;border-radius: 2px;}
.member_agreement input[type=checkbox]:checked + label:before  {content: "\2713";  /* 체크모양 */font-size: 14px;font-weight:800;color: #31543c;border: 1px solid #ddd;text-align: center;line-height: 14px;}



/*아이디 / 패스워드  찾기*/
#idPw_bg {background: url(/resources/images/join/idpw_bg.jpg) no-repeat top center;background-size: cover;}
#idPw_bg .find_idPw {padding: 125px 0;}
#idPw_bg .find_idPw table{margin: 0 auto; width: 500px; padding: 0; background: #fff}
#idPw_bg .find_idPw table, .find_idPw tbody.tap tr th, .find_idPw tbody.tap tr td {border: 0;}
#idPw_bg .find_idPw table tbody.tap tr:last-child td{padding: 30px 12px;}
#idPw_bg .find_idPw table tbody.tap tr th{padding: 0;}
#idPw_bg .find_idPw table tbody.tap tr th a {width: 250px;color: #333;font-size: 18px;font-weight: 400;display: block;text-align: center;padding: 16px 0;}
#idPw_bg .find_idPw table tbody.tap tr th a.on {color: #31543c;background: #fff;border: 0;border-top: 2px solid #31543c;}
#idPw_bg .find_idPw table tbody.tap tr th a.off {background: #f7f7f7;border-top: 1px solid #f7f7f7;border-bottom: 1px solid #ddd;}
#idPw_bg .find_idPw table tbody.tap tr td h1, .find_idPw .tap tr td  p{text-align: center;}
#idPw_bg .find_idPw #UserVO table tbody tr{border: 0; border-bottom: 1px solid #ddd;}
#idPw_bg .find_idPw #UserVO table tbody tr th{border: 0; padding: 20px 12px 20px 60px;}
#idPw_bg .find_idPw #UserVO table tbody tr td{border: 0; padding: 12px 50px 12px 12px;width: 70%;line-height: 38px;}
#idPw_bg .find_idPw #UserVO table tbody tr td .btn_black{display: block; height: 38px; width: 100%;}
#idPw_bg .find_idPw #UserVO table tbody tr td .row div{padding-right: 0; padding-left: 12px;}
#idPw_bg .find_idPw #UserVO table tbody tr td .row div:first-child{padding-left: 0;}
#idPw_bg .find_idPw #UserVO table tfoot tr td{border: 0; padding: 20px 20px 60px 20px;}
#idPw_bg .find_idPw #UserVO table tfoot tr td .btn_insert{margin: 0 auto; width:348px; display: block;}


/*아이디 찾기 결과*/
#idPw_bg .find_idPw table.find_idAction tbody tr td {text-align: center; border: 0; font-weight: 300;}
#idPw_bg .find_idPw table.find_idAction tbody tr td b{font-weight: bold;}
#idPw_bg .find_idPw table.find_idAction tfoot tr td {border: 0; padding: 20px 20px 60px 20px;}
#idPw_bg .find_idPw .find_idAction_bt {display: table;margin: 0 auto;}
#idPw_bg .find_idPw .find_idAction_bt li{float: left; margin-left: 10px;}
#idPw_bg .find_idPw .find_idAction_bt li:first-child{margin: 0;}