@charset "UTF-8";
.bh.member .content_wrap {
  background-color: var(--bh_color_white);
}
.member_wrap {
  /* common */
  /* 회원정보 수정 */
  /* 로그인 */
  /* 회원가입 */
  /* 비민번호변경, 탈퇴에서만 배경색 gray */
}
.member_wrap .form_input_items .form_item:not(:last-child) {
  margin-bottom: 10px;
}
.member_wrap .form_input_items .form_item .item_title {
  font-size: 18px;
  font-weight: 500;
  color: var(--bh_color_gray_900);
  margin-bottom: 5px;
}
.member_wrap .form_input_items .form_item .item_title em {
  color: #ff0000;
  font-style: normal;
}
.member_wrap .form_input_items .form_item .item_input input[type="text"], .member_wrap .form_input_items .form_item .item_input input[type="email"], .member_wrap .form_input_items .form_item .item_input input[type="tel"], .member_wrap .form_input_items .form_item .item_input input[type="number"], .member_wrap .form_input_items .form_item .item_input input[type="password"] {
  border: 1px solid var(--bh_color_gray_300);
  background-color: var(--bh_color_white);
  border-radius: 5px;
  padding: 0 15px;
  width: 100%;
  height: 40px;
  font-size: 14px;
}
.member_wrap .form_input_items .form_item .item_input input[type="text"]::placeholder, .member_wrap .form_input_items .form_item .item_input input[type="email"]::placeholder, .member_wrap .form_input_items .form_item .item_input input[type="tel"]::placeholder, .member_wrap .form_input_items .form_item .item_input input[type="number"]::placeholder, .member_wrap .form_input_items .form_item .item_input input[type="password"]::placeholder {
  color: var(--bh_color_gray_400);
}
.member_wrap .form_input_items .form_item .item_input input[type="text"]:read-only, .member_wrap .form_input_items .form_item .item_input input[type="email"]:read-only, .member_wrap .form_input_items .form_item .item_input input[type="tel"]:read-only, .member_wrap .form_input_items .form_item .item_input input[type="number"]:read-only, .member_wrap .form_input_items .form_item .item_input input[type="password"]:read-only {
  background-color: var(--bh_color_gray_200);
  color: var(--bh_color_gray_500);
  pointer-events: none;
}
.member_wrap .form_input_items .form_item .item_input input[type="text"]:focus, .member_wrap .form_input_items .form_item .item_input input[type="email"]:focus, .member_wrap .form_input_items .form_item .item_input input[type="tel"]:focus, .member_wrap .form_input_items .form_item .item_input input[type="number"]:focus, .member_wrap .form_input_items .form_item .item_input input[type="password"]:focus {
  outline: none;
}
.member_wrap .form_input_items .form_item .item_input input[type="number"] {
  -moz-appearance: textfield;
}
.member_wrap .form_input_items .form_item .item_input input[type="number"]::-webkit-outer-spin-button, .member_wrap .form_input_items .form_item .item_input input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.member_wrap .form_input_items .form_item .item_input .input_inner {
  border-radius: 5px;
  background-color: var(--bh_color_white);
  border: 1px solid var(--bh_color_gray_300);
  padding: 15px;
}
.member_wrap .form_input_items .form_item .item_input .input_inner.type_image #profile_imagetag {
  display: flex;
  align-items: end;
  gap: 5px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.member_wrap .form_input_items .form_item .item_input .input_inner.type_image #profile_imagetag img {
  border-radius: 5px;
  max-height: 150px;
  aspect-ratio: 1;
  height: 100%;
}
.member_wrap .form_input_items .form_item .item_input .input_inner.type_image #profile_imagetag > button {
  border: 0;
  background-color: var(--bh_color_main_800);
  height: 20px;
  line-height: 17px;
  padding: 0 8px;
  border-radius: 3px;
  font-size: 1.1rem;
  color: var(--bh_color_white);
  font-weight: 400;
  cursor: pointer;
  transition: 0.3s;
}
.member_wrap .form_input_items .form_item .item_input .input_inner.type_image #profile_imagetag > button:hover {
  background-color: var(--bh_color_main_900);
}
.member_wrap .form_input_items .form_item .item_input .input_inner.type_image > input[type="file"] {
  font-size: 14px;
  color: var(--bh_color_gray_600);
  margin-bottom: 10px;
}
.member_wrap .form_input_items .form_item .item_input .input_inner.type_image > input[type="file"]::file-selector-button {
  margin: 0;
  margin-right: 5px;
  padding: 3px 5px;
  border-radius: 3px;
  background-color: var(--bh_color_gray_100);
  border: 1px solid var(--bh_color_gray_300);
  font-size: 10px;
  color: var(--bh_color_gray_600);
  cursor: pointer;
}
.member_wrap .form_input_items .form_item .item_input .input_inner.type_image .help-block {
  font-size: 14px;
  color: var(--bh_color_gray_600);
}
.member_wrap .form_input_items .form_item .item_input .help-inline {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  color: var(--bh_color_gray_600);
}
.member_wrap .member_common_desc {
  margin-bottom: 30px;
}
.member_wrap .member_common_desc .icon {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  margin: auto;
  border: 3px solid var(--bh_color_main);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.member_wrap .member_common_desc .icon > i {
  font-size: 25px;
  line-height: 1;
  color: var(--bh_color_main);
}
.member_wrap .member_common_desc .desc {
  text-align: center;
  font-size: 16px;
  color: var(--bh_color_gray_900);
}
.member_wrap .btn_submit_wrap {
  margin-top: 30px;
}
.member_wrap .btn_submit_wrap.btn_fill > .btn_submit {
  max-width: 100%;
}
.member_wrap .btn_submit_wrap > .btn_submit {
  /*max-width: 165px;*/
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bh_color_main_800);
  color: var(--bh_color_white);
  border: 0;
  border-radius: 5px;
  margin: auto;
  font-size: 14px;
  font-weight: 700;
  transition: 0.3s;
  cursor: pointer;
}
.member_wrap .btn_submit_wrap > .btn_submit:hover {
  background-color: var(--bh_color_main_900);
}
.member_wrap .sns_wrap {
  margin-top: 50px;
}
.member_wrap .sns_wrap .sns_title {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 14px;
  color: var(--bh_color_gray_500);
  margin-bottom: 20px;
}
.member_wrap .sns_wrap .sns_title::before, .member_wrap .sns_wrap .sns_title::after {
  content: "";
  display: block;
  flex-grow: 1;
  height: 1px;
  background-color: var(--bh_color_gray_300);
}
.member_wrap .sns_wrap .sns_list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 50px;
}
.member_wrap .sns_wrap .sns_list .sns_item {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.member_wrap .sns_wrap .sns_list .sns_item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.member_wrap .modify_member_info .form_input_items .form_item:not(:last-child) {
  margin-bottom: 30px;
}
.member_wrap .modify_member_info .form_input_items .form_item .item_title em {
  display: none;
}
.member_wrap .login_form_wrap {
  padding-top: 50px;
}
.member_wrap .login_form_wrap .login_img_wrap {
  text-align: center;
  margin-bottom: 37px;
}
.member_wrap .login_form_wrap .login_img_wrap > .login_img {
  max-width: 130px;
  margin: auto;
}
.member_wrap .login_form_wrap .login_img_wrap > .login_img > img {
  width: 100%;
}
.member_wrap .login_form_wrap .login_img_wrap .login_desc {
  margin-top: 25px;
  font-size: 18px;
  font-weight: 700;
  color: var(--bh_color_gray_900);
}
.member_wrap .login_form_wrap .login_form .keep_login_wrap .keep_login_btn > input {
  display: none;
}
.member_wrap .login_form_wrap .login_form .keep_login_wrap .keep_login_btn > input:checked + label .checkbox {
  border-color: var(--bh_color_main_800);
}
.member_wrap .login_form_wrap .login_form .keep_login_wrap .keep_login_btn > input:checked + label .checkbox > i {
  color: var(--bh_color_main_800);
}
.member_wrap .login_form_wrap .login_form .keep_login_wrap .keep_login_btn > label {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  color: var(--bh_color_gray_600);
}
.member_wrap .login_form_wrap .login_form .keep_login_wrap .keep_login_btn > label .checkbox {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 1px solid var(--bh_color_gray_400);
  display: flex;
  align-items: center;
  justify-content: center;
}
.member_wrap .login_form_wrap .login_form .keep_login_wrap .keep_login_btn > label .checkbox > i {
  font-size: 14px;
  line-height: 1;
  color: transparent;
}
.member_wrap .login_form_wrap .login_form .keep_login_wrap .keep_login_warning {
  margin-top: 10px;
  font-size: 12px;
}
.member_wrap .login_form_wrap .btn_link {
  display: block;
  text-align: center;
  font-size: 14px;
  color: var(--bh_color_gray_900);
}
.member_wrap .login_form_wrap .btn_link.find_account {
  margin-top: 20px;
}
.member_wrap .signup_form_wrap .signup_form .form_input_items .form_item:not(:last-child) {
  margin-bottom: 20px;
}
.member_wrap .signup_form_wrap .signup_form .form_input_items .form_item.item_phone_number > .item_input {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.member_wrap .signup_form_wrap .signup_form .form_input_items .form_item.item_phone_number > .item_input input {
  flex-grow: 1;
  flex-basis: calc(100% - 150px);
}
.member_wrap .signup_form_wrap .signup_form .form_input_items .form_item.item_phone_number > .item_input button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  height: 40px;
  border-radius: 5px;
  background-color: var(--bh_color_main_800);
  color: var(--bh_color_white);
  font-size: 14px;
  font-weight: 700;
  border: 0;
}
.member_wrap .signup_form_wrap .signup_form .form_input_items .form_item.item_phone_number > .item_input button:hover {
  background-color: var(--bh_color_main_900);
}
.member_wrap .signup_form_wrap .signup_form .form_input_items .form_item.item_phone_number > .item_input button:disabled {
  background-color: var(--bh_color_gray_400);
}
.member_wrap .signup_form_wrap .signup_form .form_input_items .form_item.item_phone_number > .item_input > .verifySMS_input_area {
  flex: 0 0 100%;
  display: flex;
  gap: 5px;
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap {
  border-radius: 10px;
  background-color: var(--bh_color_gray_100);
  padding: 15px;
  margin-top: 30px;
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_title .title1 {
  font-size: 18px;
  font-weight: 700;
  color: var(--bh_color_gray_900);
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_title .title2 {
  margin-top: 5px;
  font-size: 14px;
  color: var(--bh_color_gray_600);
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_items .agreement_item.agree_all {
  border-bottom: 1px solid var(--bh_color_gray_300);
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_items .agreement_item.agree_all .agreement_name .agreement_chekcbox > label > i {
  font-size: 24px;
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_items .agreement_item.agree_all .agreement_name .agreement_title {
  font-size: 16px;
  font-weight: 700;
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_items .agreement_item .agreement_name {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 0;
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_items .agreement_item .agreement_name .agreement_checkbox {
  flex-shrink: 0;
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_items .agreement_item .agreement_name .agreement_checkbox > input {
  display: none;
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_items .agreement_item .agreement_name .agreement_checkbox > input:checked + label > i {
  color: var(--bh_color_main_800);
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_items .agreement_item .agreement_name .agreement_checkbox > label {
  display: flex;
  cursor: pointer;
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_items .agreement_item .agreement_name .agreement_checkbox > label > i {
  font-size: 20px;
  line-height: 1;
  color: var(--bh_color_gray_400);
  transition: 0.3s;
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_items .agreement_item .agreement_name .agreement_title {
  flex-grow: 1;
  display: flex;
  cursor: pointer;
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_items .agreement_item .agreement_name .agreement_title > p {
  flex-grow: 1;
  font-size: 14px;
  font-weight: 500;
  color: var(--bh_color_gray_900);
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_items .agreement_item .agreement_name .agreement_title .agreement_arrow {
  flex-shrink: 0;
  font-size: 20px;
  line-height: 1;
}
.member_wrap .signup_form_wrap .signup_form .agreement_wrap .agreement_items .agreement_item .agreement_body {
  padding: 15px;
  background-color: var(--bh_color_white);
  height: 130px;
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 14px;
  color: var(--bh_olor_gray_600);
}
.member_wrap .modify_password, .member_wrap .leave_wrap {
  position: relative;
}
.member_wrap .modify_password::after, .member_wrap .leave_wrap::after {
  position: absolute;
  content: "";
  width: 100vw;
  left: -15px;
  height: calc(100vh - 60px);
  top: -30px;
  background-color: var(--bh_color_gray_100);
}
.member_wrap .modify_password .member_common_desc, .member_wrap .modify_password .modify_password_form, .member_wrap .modify_password .leave_form, .member_wrap .leave_wrap .member_common_desc, .member_wrap .leave_wrap .modify_password_form, .member_wrap .leave_wrap .leave_form {
  position: relative;
  z-index: 1;
}
.member_wrap .modify_password > .message, .member_wrap .leave_wrap > .message {
  position: relative;
  z-index: 2;
  margin: 0;
  margin-bottom: 20px;
}
/*# sourceMappingURL=43c5b6f5a1bc534ea2cfa2361eb84bef54eec6c9.member.scss.map */