@charset "UTF-8";
/* 공통 */
/* 커스텀 체크박스 */
/* Customize the label (the container) */
/* line 4, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .checkbox-container {
  display: block;
  position: relative;
  /* padding-left: 35px;
  margin-bottom: 12px; */
  margin: 0;
  cursor: pointer;
  font-size: 0.875rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
/* line 19, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .checkbox-container input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
/* line 28, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .checkbox-container .checkmark {
  position: absolute;
  top: -0.45rem;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #ccc;
}

/* line 39, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .checkbox-container .checkmark .material-icons {
  font-size: 20px;
  position: absolute;
}

/* On mouse-over, add a grey background color */
/* line 45, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
/* line 50, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .checkbox-container input:checked ~ .checkmark {
  color: #fff;
  background-color: #242424;
  border: 1px solid #242424;
}

/* -end- 커스텀 체크박스 */
/* -end- 공통 */
/* 로그인 */
/* line 59, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .contain {
  width: 23.75rem;
  margin: 0 auto;
}

/* line 63, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-login-01 header {
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
}

/* line 68, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-login-01 header img {
  width: 100%;
  display: block;
  padding: 9.375rem 0 3.125rem;
}

/* line 73, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-login-01 input {
  padding: 1rem 0.937rem 0.937rem;
  border: solid 1px #ccc;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.9371rem;
  color: #cccccc;
  box-sizing: border-box;
}

/* line 83, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-login-01 input::placeholder {
  color: #ccc;
  opacity: 1;
  /* Firefox */
}

/* line 88, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-login-01 input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
}

/* line 93, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-login-01 input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ccc;
}

/* line 97, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-login-01 p {
  font-size: 1.125rem;
  line-height: 1.22;
  letter-spacing: -0.045rem;
  color: #d32f2f;
  margin-bottom: 1.25rem;
  text-align: left;
}

/* line 105, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .login-incorrect {
  font-size: 1.125rem;
  vertical-align: -2px;
  padding-right: 0.625rem;
}

/* line 110, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-login-01 a.btn-black {
  display: block;
  padding: 1rem 1rem 0.937rem;
  color: #fff;
  background: #242424;
  text-align: center;
  font-size: 1.125rem;
  margin: 2rem auto 2rem;
  width: 100%;
  box-sizing: border-box;
  font-family: 'SeoulNamsanM';
  line-height: 1.33;
}

/* line 123, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-login-02 {
  margin-bottom: 9.375rem;
}

/* line 124, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-login-02 .box-find-join {
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 0.72;
  letter-spacing: -0.045rem;
  color: #333;
  text-align: center;
}

/* line 132, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-login-02 .box-find-join .divider {
  margin: 0 1.375rem;
  color: #ccc;
}

/* -end- 로그인 */
/* 회원 가입 */
/* line 139, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .top-banner {
  width: 100%;
  max-width: 1920px;
  height: 704px;
  background-image: url("/img/member/d_top_member.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* line 148, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .top-banner .text-title {
  font-family: 'Noto Serif KR';
  text-align: center;
  font-size: 3.125rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.156rem;
  padding: 9.375rem 0 6.25rem;
  color: #fff;
  margin: 0;
}

/* line 159, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .main {
  max-width: 1760px;
  margin: -19.5rem auto 0;
  padding-top: 6.25rem;
  background-color: #fff;
}

/* line 165, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .main form {
  width: 23.75rem;
  margin: 0 auto;
}

/* line 169, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .box-detail {
  width: 23.75rem;
  margin: 0 auto;
}

/* line 173, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .main label {
  font-family: 'SeoulNamsanM';
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.5;
  letter-spacing: -0.06rem;
  color: #333;
  display: block;
  padding-top: 0.625rem;
}

/* line 183, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .main input {
  height: 3.125rem;
  width: 100%;
  padding: 0 0.937rem;
  border: solid 1px #cccccc;
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 0.937rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
  color: #cccccc;
}

/* line 196, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .main select {
  height: 3.125rem;
  width: 100%;
  padding: 0 1rem;
  border: solid 1px #cccccc;
  background-color: #f5f5f5;
  margin-bottom: 0.937rem;
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  letter-spacing: -0.045rem;
  color: #626262;
}

/* line 208, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .main .text-info {
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
  margin-bottom: 1.875rem;
}

/* line 216, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .main .text-error {
  display: none;
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 1.22;
  letter-spacing: -0.045rem;
  color: #d32f2f;
  margin-bottom: 1.875rem;
}

/* line 225, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .selectdiv {
  float: left;
  min-width: 100%;
  position: relative;
}

/* line 230, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .selectdiv .material-icons {
  color: #9aa19a;
  height: 2.125rem;
  position: absolute;
  pointer-events: none;
  top: 11px;
  right: 11px;
}

/* IE11 hide native button */
/* line 239, app/assets/stylesheets/users.scss */
#hyehwapyeon-users select::-ms-expand {
  display: none;
}

/* line 242, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 3.125rem;
  float: right;
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
  padding: 0 1rem;
  margin: 0 0 0.812rem;
}

/* line 263, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .box-all-agree {
  border-top: solid 1px #e6e6e6;
  border-bottom: dotted 1px #f0f0f0;
  display: inline-block;
  width: 100%;
  margin-top: 1.562rem;
  padding-bottom: 1.437rem;
  padding-left: 0.625rem;
  box-sizing: border-box;
}

/* line 273, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .box-agree {
  padding-left: 0.625rem;
  width: 100%;
  box-sizing: border-box;
}

/* line 279, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .box-checkbox {
  width: 10%;
  display: inline-block;
}

/* line 283, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .box-desc-title {
  font-family: 'SeoulNamsanM';
  font-size: 1.5rem;
  letter-spacing: -0.06rem;
  color: #626262;
  display: inline-block;
  margin-top: 1.5rem;
  width: 65%;
}

/* line 292, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .box-view {
  display: inline-block;
  width: 20%;
  margin-top: 1.25rem;
  text-align: right;
  font-size: 0.75rem;
  color: #9aa19a;
}

/* line 300, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .box-view span {
  text-decoration: underline;
  color: #626262;
}

/* line 304, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .checkbox {
  width: 15%;
  display: inline-block;
}

/* line 308, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .box-desc {
  display: inline-block;
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
  width: 65%;
  padding: 1.312rem 0 0.562rem;
}

/* line 318, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .box-agree .checkbox-container {
  display: inline-block;
  width: 35%;
}

/* line 322, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .box-agree .checkbox-container .label {
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  letter-spacing: -0.045rem;
  line-height: 1.33;
  color: #626262;
  padding-left: 1.875rem;
  font-weight: normal;
  margin-top: 0.187rem;
}

/* line 332, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .checkmark.marketing-checkmark {
  top: 0.85rem;
}

/* line 333, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .checkbox-container.marketing-label {
  line-height: normal;
}

/* line 334, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .btn-join {
  display: block;
  margin-top: 3.125rem;
  padding: 0.75rem 0 0.875rem;
  color: #fff;
  background: #242424;
  width: 100%;
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: normal;
}

/* line 347, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .login {
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33px;
  letter-spacing: -0.045rem;
  margin-top: 2.75rem;
  margin-bottom: 6.25rem;
  color: #626262;
  text-align: center;
}

/* line 358, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .login a {
  margin-left: 0.612rem;
  font-family: 'SeoulNamsan';
  font-weight: 700;
  color: #333;
}

/* line 364, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .text-center {
  width: 23.75rem;
  text-align: center;
}

/* line 368, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .check-icon {
  width: 100%;
  max-width: 3.75rem;
  margin: 0 auto;
}

/* line 373, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .check-icon .icon-check-circle,
#hyehwapyeon-users .check-icon .icon-expire {
  width: 100%;
  display: block;
}

/* 회원 가입 완료 */
/* line 379, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-join-complete-01 {
  margin: 12.5rem 0 9.375rem;
}

/* line 382, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-join-complete-01 header {
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
}

/* line 387, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-join-complete-01 .check-icon {
  width: 100%;
  max-width: 3.75rem;
  margin: 0 auto;
  padding-bottom: 2.5rem;
}

/* line 393, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-join-complete-01 .icon-check-circle {
  width: 100%;
  display: block;
}

/* line 397, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-join-complete-01 .title_complete {
  font-family: 'SeoulNamsanM';
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 1.35;
  color: #333;
  margin: 0;
  padding-bottom: 1.5rem;
}

/* line 406, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-join-complete-01 .text-complete {
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
}

/* line 413, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-join-complete-01 a.btn-login {
  display: block;
  padding: 1rem 1rem 0.937rem;
  color: #fff;
  background: #242424;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.33;
  margin: 3.75rem auto 0.937rem;
  width: 100%;
  box-sizing: border-box;
  font-family: 'SeoulNamsanM';
}

/* line 426, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-join-complete-01 a.btn-home {
  display: block;
  padding: 1rem 1rem 0.937rem;
  color: #626262;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  width: 100%;
  box-sizing: border-box;
  font-family: 'SeoulNamsanM';
}

/* -end- 회원 가입 완료 */
/* -end- 회원 가입 */
/* 계정찾기 */
/* line 443, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 .text-center,
#hyehwapyeon-users .member-reset-password .text-center {
  width: 23.75rem;
  margin: 12.5rem auto 0;
}

/* line 448, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 h1,
#hyehwapyeon-users .member-reset-password h1 {
  font-family: 'SeoulNamsanM';
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: normal;
  color: #333;
  margin: 0;
}

/* line 458, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 .box-find-menu {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding-bottom: 0.625rem;
}

/* line 464, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 .box-menu {
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
  border-bottom: 2px solid #d8d8d8;
  padding: 2.437rem 0 1.25rem;
  width: 190px;
}

/* line 475, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 .box-menu.find-menu-active {
  font-family: 'SeoulNamsanM';
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid #333;
}

/* line 481, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 input {
  padding: 1rem 0.937rem 0.937rem;
  border: solid 1px #ccc;
  width: 100%;
  font-family: 'SeoulNamsanM';
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.9371rem;
  color: #cccccc;
  box-sizing: border-box;
}

/* line 492, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 input::placeholder {
  color: #ccc;
  opacity: 1;
  /* Firefox */
}

/* line 497, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
}

/* line 501, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ccc;
}

/* line 504, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 label {
  font-family: 'SeoulNamsanM';
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.5;
  letter-spacing: -0.06rem;
  text-align: left;
  color: #333;
  display: block;
}

/* line 515, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 .check-email {
  width: 73%;
  display: inline-block;
}

/* line 519, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 .detail-id,
#hyehwapyeon-users .member-find-01 .detail-password,
#hyehwapyeon-users .member-find-01 .detail-id-concord,
#hyehwapyeon-users .member-find-01 .detail-id-discord,
#hyehwapyeon-users .member-find-01 .detail-email-send-complete,
#hyehwapyeon-users .member-find-01 .detail-password-change,
#hyehwapyeon-users .member-find-01 .detail-password-discord,
#hyehwapyeon-users .member-find-01 .detail-password-change-complete,
#hyehwapyeon-users .member-find-01 .detail-password-change-failed {
  display: none;
  margin: 2rem 0 5rem;
}

/* line 531, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .text-id-concord {
  margin-top: 3.125rem;
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
  text-align: center;
}

/* line 540, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .text-id-concord span {
  font-weight: bold;
  line-height: 0.72;
  color: #333;
}

/* line 545, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .btn-apply-again {
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  width: 100%;
  background: #242424;
  box-sizing: border-box;
  display: block;
  margin: 3.125rem 0 1.25rem;
  padding: 1rem;
}

/* line 560, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .text-id-discord,
#hyehwapyeon-users .text-password-discord,
#hyehwapyeon-users .text-password-change-failed {
  margin-top: 3.125rem;
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 1.56;
  letter-spacing: -0.045rem;
  color: #626262;
  text-align: center;
}

/* line 571, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .title_password_complete,
#hyehwapyeon-users .title_complete {
  font-family: 'SeoulNamsanM';
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #333;
  padding: 1.875rem 0 1.25rem;
}

/* line 582, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .text-password-complete,
#hyehwapyeon-users .text-complete {
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  text-align: center;
  color: #626262;
}

/* line 591, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .btn-apply {
  display: block;
  padding: 1rem 1rem 0.937rem;
  color: #fff;
  background: #242424;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.33;
  margin: 3.125rem auto 1.875rem;
  width: 100%;
  box-sizing: border-box;
  font-family: 'SeoulNamsanM';
}

/* line 604, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 .detail-password-change-complete .check-icon,
#hyehwapyeon-users .member-find-01 .detail-email-send-complete .check-icon {
  margin: 0 auto;
  width: 100%;
  max-width: 3.75rem;
}

/* line 610, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-find-01 .detail-password-change-complete .check-icon .icon-check-circle,
#hyehwapyeon-users .member-find-01 .detail-email-send-complete .check-icon .icon-check-circle {
  width: 100%;
  display: block;
}

/* -start- 이메일 전송 - 비밀번호변경*/
/* line 616, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-reset-password {
  margin: 9.375rem auto;
}

/* line 619, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-reset-password label {
  font-family: 'SeoulNamsan';
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.5;
  letter-spacing: -0.06rem;
  text-align: left;
  color: #333;
  display: block;
}

/* line 630, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .member-reset-password input {
  padding: 0.812rem 1rem 0.812rem 1rem;
  border: solid 1px #ccc;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.9371rem;
  color: #cccccc;
  box-sizing: border-box;
}

/* line 640, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .detail-reset-password {
  margin: 3.125rem 0 6.25rem;
}

/* -end- 이메일 전송 -  비밀번호변경*/
/* -start- 이메일 전송 - 유효기간 만료*/
/* line 648, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .icon-expire {
  width: 100%;
  max-width: 60px;
  display: block;
}

/* line 653, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .title-expire {
  font-family: 'SeoulNamsan';
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: normal;
  color: #333;
  margin: 0 auto;
  padding: 1.875rem 0 1.25rem;
  text-align: center;
}

/* line 664, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .text-expire {
  font-family: 'SeoulNamsan';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
  padding-bottom: 3.75rem;
  text-align: center;
}

/* line 674, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .detail-expire .btn-adduction {
  font-family: 'SeoulNamsan';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  width: 100%;
  background: #242424;
  box-sizing: border-box;
  display: block;
  margin: 3.75rem 0 1.25rem;
  padding: 0.812rem;
}

/* line 689, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .detail-expire .btn-login,
#hyehwapyeon-users .detail-expire .btn-home {
  font-family: 'SeoulNamsan';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #626262;
  width: 100%;
  background: #fff;
  border: solid 1px #ccc;
  box-sizing: border-box;
  display: block;
  margin: 0 0 1.25rem;
  padding: 0.812rem;
}

/* -end- 이메일 전송 - 유효기간 만료*/
/* -end -계정찾기 */
/* 회원탈퇴 */
/* 회원탈퇴 - 확인하기 */
/* line 711, app/assets/stylesheets/users.scss */
.wrap-secession-ask {
  padding: 9.062rem 0 9.375rem;
  text-align: center;
}

/* line 712, app/assets/stylesheets/users.scss */
.wrap-secession-ask .secession-icon {
  width: 100%;
  max-width: 3.75rem;
  margin: 0 auto;
}

/* line 713, app/assets/stylesheets/users.scss */
.wrap-secession-ask .secession-icon .icon-secession {
  width: 100%;
  display: block;
}

/* line 714, app/assets/stylesheets/users.scss */
.wrap-secession-ask .title-complete,
.wrap-secession-complete .title-complete {
  text-align: center;
  margin: 0 auto;
  padding: 2.51rem 0 1.25rem;
  font-family: 'SeoulNamsan';
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: normal;
  color: #333;
}

/* line 726, app/assets/stylesheets/users.scss */
.wrap-secession-ask .text-complete,
.wrap-secession-complete .text-complete {
  text-align: center;
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
}

/* line 735, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .box-detail .btn-back {
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  width: 100%;
  max-width: 380px;
  background: #242424;
  box-sizing: border-box;
  display: block;
  margin: 3.75rem 0 0.937rem;
  padding: 0.812rem;
}

/* line 751, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .box-detail .btn-secession {
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  text-align: center;
  color: #626262;
  width: 100%;
  max-width: 380px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  display: block;
  margin: 0.937rem 0 1.25rem;
  padding: 0.812rem;
}

/* -end- 회원탈퇴 - 확인하기 */
/* 회원탈퇴 - 확인하기 */
/* line 769, app/assets/stylesheets/users.scss */
.wrap-secession-complete {
  padding: 9.062rem 0 9.375rem;
  text-align: center;
}

/* line 770, app/assets/stylesheets/users.scss */
.wrap-secession-complete .check-circle-icon {
  width: 100%;
  max-width: 3.75rem;
  margin: 0 auto;
}

/* line 771, app/assets/stylesheets/users.scss */
.wrap-secession-complete .check-circle-icon .icon-check-circle {
  width: 100%;
  display: block;
}

/* -end- 회원탈퇴 - 확인하기 */
/* -end- 회원탈퇴 */
/* 마이페이지 */
/* content-body */
/* line 777, app/assets/stylesheets/users.scss */
.content-body {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1180px;
  margin: 9.375rem auto 6.25rem;
}

/* line 784, app/assets/stylesheets/users.scss */
.content-body aside.side-nav {
  width: 25%;
  max-width: 16.25rem;
  color: #333;
}

/* line 789, app/assets/stylesheets/users.scss */
.content-body .content {
  width: 75%;
  max-width: 57.5rem;
}

/* line 790, app/assets/stylesheets/users.scss */
.content-body .content article {
  width: 100%;
  max-width: 880px;
  margin-left: 2.5rem;
}

/* -end- content-body */
/* side-nav */
/* line 793, app/assets/stylesheets/users.scss */
.content-body aside.side-nav h3 {
  margin-bottom: 1rem;
  font-family: 'SeoulNamsan';
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 2.5;
  letter-spacing: -0.06rem;
  color: #333;
}

/* line 801, app/assets/stylesheets/users.scss */
.content-body aside.side-nav .list-my-account {
  margin-bottom: 2.5rem;
  font-family: 'SeoulNamsanM';
  letter-spacing: -0.045rem;
  color: #626262;
  border-bottom: 1px solid #eaeaea;
  font-size: 1.125rem;
  line-height: 2.72rem;
  color: #757575;
  padding-bottom: 1.875rem;
}

/* line 812, app/assets/stylesheets/users.scss */
.content-body aside.side-nav .list-customer-center {
  margin-bottom: 1.7rem;
}

/* line 813, app/assets/stylesheets/users.scss */
.content-body aside.side-nav .list-my-account li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 818, app/assets/stylesheets/users.scss */
.content-body aside.side-nav .material-icons {
  opacity: 0.2;
}

/* line 819, app/assets/stylesheets/users.scss */
.content-body aside.side-nav .contact-phone {
  display: block;
  width: 100%;
  margin-bottom: 0.3rem;
  font-size: 1.5rem;
  font-weight: 800;
  font-family: 'SeoulNamsan';
  line-height: 2.5;
  letter-spacing: -0.06rem;
  color: #333;
}

/* line 830, app/assets/stylesheets/users.scss */
.content-body aside.side-nav .opening-hour {
  font-family: 'SeoulNamsanM';
  margin-top: 0.625rem;
  width: 100%;
  font-size: 1.125rem;
  color: #626262;
  line-height: normal;
  letter-spacing: 0.003rem;
  white-space: pre;
}

/* line 840, app/assets/stylesheets/users.scss */
.content-body aside.side-nav .opening-hour tr {
  height: 2.25rem;
}

/* line 843, app/assets/stylesheets/users.scss */
.content-body aside.side-nav .opening-hour .hour-left {
  width: 33%;
}

/* line 846, app/assets/stylesheets/users.scss */
.content-body aside.side-nav .opening-hour .hour-text {
  white-space: pre;
}

/* line 849, app/assets/stylesheets/users.scss */
.content-body aside.side-nav .section-last {
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin: 2.5rem 0;
}

/* -end- side-nav */
/* content - header */
/* line 856, app/assets/stylesheets/users.scss */
.content-body section.content header h2 {
  margin-bottom: 2.25rem;
  font-size: 1.5rem;
  color: #333;
  font-family: 'SeoulNamsan';
  font-weight: 800;
  line-height: 2.5;
  letter-spacing: -0.06rem;
  border-bottom: 1px solid #ccc;
}

/* line 866, app/assets/stylesheets/users.scss */
.content-body section.content header h3 {
  font-size: 1.5rem;
  color: #333;
  font-family: 'SeoulNamsan';
  font-weight: 800;
  line-height: 2.5;
  letter-spacing: -0.06rem;
}

/* line 874, app/assets/stylesheets/users.scss */
.content-body section.content header .message {
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
  margin-bottom: 1.25rem;
}

/* line 882, app/assets/stylesheets/users.scss */
.content-body section.content header .section-divide {
  border-bottom: 1px solid #ccc;
  margin-bottom: 3.125rem;
}

/* -end- content - header */
/* content - main */
/* line 888, app/assets/stylesheets/users.scss */
.content-body section.content label {
  font-family: 'SeoulNamsan';
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 3.33;
  letter-spacing: -0.045rem;
  color: #333;
}

/* line 896, app/assets/stylesheets/users.scss */
.content-body section.content input {
  width: 100%;
  max-width: 380px;
  padding: 0.875rem 1rem;
  border: 1px solid #ccc;
  font-family: 'SeoulNamsanM';
  font-size: 1rem;
  color: #ccc;
  box-sizing: border-box;
  line-height: 1.5;
  margin-bottom: 0.937rem;
  display: block;
}

/* line 909, app/assets/stylesheets/users.scss */
.content-body section.content input#email {
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
}

/* line 913, app/assets/stylesheets/users.scss */
.content-body section.content .text-error {
  display: none;
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #d32f2f;
  margin-bottom: 1.875rem;
}

/* line 922, app/assets/stylesheets/users.scss */
.content-body section.content .selectdiv {
  float: left;
  width: 100%;
  max-width: 380px;
  display: block;
  position: relative;
}

/* line 929, app/assets/stylesheets/users.scss */
.content-body section.content .clearfix {
  clear: both;
}

/* line 932, app/assets/stylesheets/users.scss */
.content-body section.content .selectdiv .material-icons {
  color: #626262;
  height: 2.125rem;
  position: absolute;
  pointer-events: none;
  top: 11px;
  right: 11px;
}

/* IE11 hide native button */
/* line 941, app/assets/stylesheets/users.scss */
.content-body section.content select::-ms-expand {
  display: none;
}

/* line 944, app/assets/stylesheets/users.scss */
.content-body section.content .selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 3.125rem;
  float: right;
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
  padding: 0 1rem;
  margin: 0 0 0.937rem;
}

/* line 965, app/assets/stylesheets/users.scss */
.content-body section.content #id {
  width: 100%;
  max-width: 380px;
  padding: 0.875rem 1rem;
  border: 1px solid #eee;
  font-family: 'SeoulNamsanM';
  font-size: 1rem;
  color: #ccc;
  box-sizing: border-box;
  line-height: 1.5;
  margin-bottom: 0.937rem;
  display: block;
  background: #eee;
}

/* -end- content - main */
/* 커스텀 체크박스 */
/* Customize the label (the container) */
/* line 982, app/assets/stylesheets/users.scss */
.content-body section.content .checkbox-container {
  display: block;
  position: relative;
  /* padding-left: 35px;
  margin-bottom: 12px; */
  margin: 0;
  cursor: pointer;
  font-size: 0.875rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
/* line 996, app/assets/stylesheets/users.scss */
.content-body section.content .checkbox-container input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
/* line 1004, app/assets/stylesheets/users.scss */
.content-body section.content .checkbox-container .checkmark {
  position: absolute;
  top: 1.2rem;
  left: 1.2rem;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #ccc;
}

/* line 1014, app/assets/stylesheets/users.scss */
.content-body section.content .checkbox-container .checkmark .material-icons {
  font-size: 20px;
  position: absolute;
}

/* On mouse-over, add a grey background color */
/* line 1019, app/assets/stylesheets/users.scss */
.content-body section.content .checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
/* line 1023, app/assets/stylesheets/users.scss */
.content-body section.content .checkbox-container input:checked ~ .checkmark {
  color: #fff;
  background-color: #242424;
  border: 1px solid #242424;
}

/* -end- 커스텀 체크박스 */
/* line 1029, app/assets/stylesheets/users.scss */
.content-body section.content .checkbox-container {
  display: inline-block;
  width: 45%;
}

/* line 1033, app/assets/stylesheets/users.scss */
.content-body section.content .checkbox-container .label {
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  letter-spacing: -0.045rem;
  color: #626262;
  padding-left: 3.5rem;
  font-weight: normal;
  margin-top: 0.187rem;
}

/* line 1042, app/assets/stylesheets/users.scss */
.content-body section.content .checkbox-container.marketing-label {
  line-height: normal;
}

/* line 1043, app/assets/stylesheets/users.scss */
.content-body section.content .btn-edit {
  display: block;
  padding: 0.812rem 2rem;
  color: #fff;
  background: #242424;
  width: 100%;
  max-width: 220px;
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: normal;
}

/* line 1056, app/assets/stylesheets/users.scss */
.content-body section.content section .input-btn-group {
  display: block;
  width: 100%;
  max-width: 380px;
}

/* line 1057, app/assets/stylesheets/users.scss */
.content-body section.content section .checkbox-container {
  width: 20%;
}

/* line 1058, app/assets/stylesheets/users.scss */
.content-body section.content section .section-divide {
  border-bottom: 1px solid #ccc;
  width: 100%;
  max-width: 880px;
  margin: 3.125rem 0 2.5rem;
}

/* line 1064, app/assets/stylesheets/users.scss */
.content-body section.content section .info {
  margin: 1.25rem 0 0;
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
}

/* line 1072, app/assets/stylesheets/users.scss */
.content-body section.content section .box-next {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 1077, app/assets/stylesheets/users.scss */
.content-body section.content section .box-next .leave-user {
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.045px;
  text-align: center;
  color: #626262;
}

/* line 1087, app/assets/stylesheets/users.scss */
.content-body section.content .btn-next {
  display: block;
  padding: 0.812rem 2rem;
  color: #fff;
  background: #242424;
  width: 100%;
  max-width: 220px;
  font-family: 'SeoulNamsanM';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: normal;
}

/* line 1100, app/assets/stylesheets/users.scss */
.content-body section.content section .box-next-check {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* line 1105, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .btn-login {
  display: block;
  padding: 1rem 1rem 0.937rem;
  color: #fff;
  background: #242424;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.33;
  margin: 3.75rem auto 0.937rem;
  width: 100%;
  box-sizing: border-box;
  font-family: 'SeoulNamsanM';
}

/* line 1118, app/assets/stylesheets/users.scss */
#hyehwapyeon-users .btn-home {
  display: block;
  padding: 1rem 1rem 0.937rem;
  color: #626262;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  width: 100%;
  box-sizing: border-box;
  font-family: 'SeoulNamsanM';
}

/* - end - 마이페이지 */
@media (max-width: 600px) {
  /* 로그인 */
  /* line 1138, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .contain {
    width: 88.88%;
  }
  /* line 1141, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .text-center {
    width: 100%;
  }
  /* line 1144, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-login-01 header {
    width: 53.33%;
    max-width: 192px;
  }
  /* line 1148, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-login-01 header img {
    width: 100%;
    display: block;
    padding: 4.687rem 0 3.125rem;
  }
  /* line 1153, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-login-01 input {
    padding: 1.031rem 0.937rem 1rem;
    border: solid 2px #ccc;
    width: 100%;
    font-size: 0.812rem;
    line-height: 0.92;
    margin-bottom: 0.625rem;
    color: #cccccc;
  }
  /* line 1162, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-login-01 p {
    font-size: 0.812rem;
    line-height: 0.85;
    letter-spacing: -0.065rem;
    color: #d32f2f;
  }
  /* line 1168, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .login-incorrect {
    font-size: 1.031rem;
    vertical-align: -2px;
    padding-right: 0.218rem;
  }
  /* line 1173, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-login-01 a.btn-black {
    padding: 0.968rem 1rem 0.937rem;
    font-size: 0.937rem;
    margin: 1.875rem auto 1.406rem;
    line-height: 0.8;
  }
  /* line 1179, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-login-02 {
    margin-bottom: 6.25rem;
  }
  /* line 1180, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-login-02 .box-find-join {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
  }
  /* line 1186, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-login-02 .box-find-join .divider {
    margin: 0 1.015rem;
  }
  /* -end- 로그인 */
  /* 회원 가입 */
  /* line 1192, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .top-banner .text-title {
    font-size: 1.25rem;
    line-height: 1.35;
    letter-spacing: normal;
    padding: 3.906rem 0 3.875rem;
  }
  /* line 1198, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .top-banner {
    width: 100%;
    max-width: 100%;
    height: 180px;
    background-image: url("/img/member/m_top_member.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  /* line 1207, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .main {
    max-width: 100%;
    margin: 0 auto 0;
    padding-top: 2.187rem;
  }
  /* line 1212, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .main form {
    width: 88.88%;
  }
  /* line 1215, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .box-detail {
    width: 100%;
  }
  /* line 1218, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .main label {
    font-size: 0.937rem;
    line-height: 0.8;
    letter-spacing: -0.0375rem;
    padding-top: 1.875rem;
    padding-bottom: 0.625rem;
  }
  /* line 1225, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .main input {
    height: 3rem;
    padding: 0 0.937rem;
    border: solid 2px #cccccc;
    margin-bottom: 0.625rem;
    font-size: 0.812rem;
    line-height: 0.92;
  }
  /* line 1233, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .main .text-info {
    font-size: 0.812rem;
  }
  /* line 1236, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .selectdiv select {
    height: 3rem;
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #665656;
    border: 2px solid #cccccc;
    padding: 0 0.937rem;
    margin: 0 0 0.625rem;
  }
  /* line 1246, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .box-desc-title {
    font-size: 0.937rem;
    letter-spacing: -0.0375rem;
    margin-top: 1.125rem;
  }
  /* line 1251, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .box-desc {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
    padding: 1.187rem 0 0.593rem;
  }
  /* line 1258, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .box-agree .checkbox-container .label {
    font-size: 0.812rem;
    letter-spacing: -0.0325rem;
    line-height: 1.46;
    color: #656565;
  }
  /* line 1264, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .checkbox-container .checkmark {
    top: 1.55rem;
    border: 2px solid #ccc;
  }
  /* line 1268, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .box-agree .checkbox-container {
    width: 40%;
  }
  /* line 1271, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .btn-join {
    padding: 0.968rem 0 0.937rem;
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 0.8;
    font-family: 'SeoulNamsanM';
  }
  /* line 1278, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .login {
    font-size: 0.812rem;
    line-height: 1.46px;
    letter-spacing: -0.065rem;
    margin-top: 1.437rem;
    margin-bottom: 6.25rem;
    color: #656565;
  }
  /* line 1286, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .login a {
    margin-left: 0.875rem;
    font-family: 'SeoulNamsanM';
    color: #333;
    line-height: 1.38;
    letter-spacing: 0.024rem;
  }
  /* line 1293, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .check-icon {
    width: 100%;
    max-width: 1.875rem;
    margin: 0 auto;
  }
  /* 회원 가입 완료 */
  /* line 1299, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-join-complete-01 {
    width: 88.88%;
    margin: 4.687rem auto 6.25rem;
  }
  /* line 1303, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-join-complete-01 .check-icon {
    max-width: 1.875rem;
    padding-bottom: 1.562rem;
  }
  /* line 1307, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-join-complete-01 .title_complete {
    font-size: 1.25rem;
    line-height: 0.6;
    color: #262626;
    padding-bottom: 1.125rem;
    letter-spacing: -0.1rem;
  }
  /* line 1314, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-join-complete-01 .text-complete {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
  }
  /* line 1320, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-join-complete-01 a.btn-login {
    padding: 0.968rem 1rem 0.937rem;
    font-size: 0.937rem;
    line-height: 0.8;
    margin: 3.125rem auto 0.625rem;
  }
  /* line 1326, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-join-complete-01 a.btn-home {
    padding: 0.968rem 1rem 0.937rem;
    color: #707070;
    border: 2px solid #ccc;
    font-size: 0.937rem;
    line-height: 0.8;
    letter-spacing: normal;
  }
  /* -end- 회원 가입 완료 */
  /* -end- 회원 가입 */
  /* 계정찾기 */
  /* line 1338, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-find-01 .text-center,
#hyehwapyeon-users .member-reset-password .text-center {
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 1343, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-find-01 .title-text .material-icons,
#hyehwapyeon-users .member-reset-password .title-text .material-icons {
    display: inline-block;
    font-size: 1.062rem;
    width: 5%;
    text-align: left;
  }
  /* line 1350, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-find-01 h1,
#hyehwapyeon-users .member-reset-password h1 {
    font-size: 1.25rem;
    line-height: 0.6;
    letter-spacing: -0.1rem;
    color: #262626;
    width: 93%;
    display: inline-block;
  }
  /* line 1359, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-find-01 .box-menu {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
    border-bottom: 2px solid #d8d8d8;
    padding: 5.687rem 0 0.625rem;
    width: 185px;
  }
  /* line 1368, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-find-01 label {
    font-size: 0.937rem;
    line-height: 0.8;
    letter-spacing: -0.075rem;
    padding: 1.781rem 0 0.625rem;
  }
  /* line 1374, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-find-01 input {
    padding: 0.812rem 1rem 0.812rem 1rem;
    border: solid 2px #ccc;
    font-size: 0.812rem;
    line-height: 0.92;
    margin-bottom: 1.875rem;
  }
  /* line 1381, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-find-01 .box-detail {
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 1385, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .btn-apply {
    font-size: 0.937rem;
    font-weight: 500;
    line-height: 0.8;
    margin: 2.5rem 0 1.437rem;
    padding: 0.937rem;
  }
  /* line 1392, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .text-id-concord {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
  }
  /* line 1398, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .btn-apply-again {
    font-size: 0.937rem;
    font-weight: 500;
    line-height: 0.8;
    letter-spacing: normal;
    margin: 4.062rem 0 1.25rem;
    padding: 0.843rem;
  }
  /* line 1406, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .text-id-discord {
    font-size: 0.812rem;
    line-height: 1.38;
    letter-spacing: -0.048rem;
    color: #333;
  }
  /* line 1412, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-find-01 input {
    margin-bottom: 0.625rem;
  }
  /* line 1415, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .title_password_complete,
#hyehwapyeon-users .title_complete {
    font-size: 1.25rem;
    line-height: 0.6;
    letter-spacing: -0.1rem;
    color: #262626;
    padding: 1.25rem 0 0.937rem;
  }
  /* line 1423, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .text-password-complete,
#hyehwapyeon-users .text-complete {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
  }
  /* line 1430, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .text-id-discord, #hyehwapyeon-users .text-password-discord, #hyehwapyeon-users .text-password-change-failed {
    margin-top: 3.937rem;
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
  }
  /* -start- 이메일 전송 - 비밀번호변경*/
  /* line 1438, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-reset-password {
    margin: 0 0 4.678rem;
  }
  /* line 1441, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-reset-password label {
    font-size: 0.937rem;
    line-height: 0.8;
    letter-spacing: -0.037rem;
    padding-bottom: 0.625rem;
  }
  /* line 1447, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .member-reset-password input {
    padding: 0.937rem 1rem 0.937rem 1rem;
    border: solid 2px #ccc;
    font-size: 0.812rem;
    line-height: 0.92;
    margin-bottom: 0.625rem;
  }
  /* line 1454, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .detail-password-change-complete,
#hyehwapyeon-users .detail-password-change-failed,
#hyehwapyeon-users .detail-reset-password {
    margin: 4.687rem auto 5.937rem;
    width: 88.88%;
  }
  /* -end- 이메일 전송 -  비밀번호변경*/
  /* -start- 이메일 전송 - 유효기간 만료*/
  /* line 1462, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .detail-expire {
    margin: 4.678rem auto;
    width: 88.88%;
  }
  /* line 1466, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .title-expire {
    font-size: 1.25rem;
    letter-spacing: -0.1rem;
    color: #262626;
    padding: 1.25rem 0 0.937rem;
  }
  /* line 1472, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .text-expire {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
    padding-bottom: 3.125rem;
  }
  /* line 1479, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .detail-expire .btn-adduction {
    font-size: 0.812rem;
    font-weight: 500;
    line-height: 0.8;
    margin: 3.312rem 0 0.625rem;
    padding: 0.843rem;
  }
  /* line 1486, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .detail-expire .btn-login,
#hyehwapyeon-users .detail-expire .btn-home {
    font-size: 0.937rem;
    font-weight: 500;
    line-height: 0.8;
    border: solid 2px #ccc;
    margin: 0 0 0.625rem;
    padding: 0.843rem;
  }
  /* -end- 이메일 전송 - 유효기간 만료*/
  /* -end -계정찾기 */
  /* 마이페이지 */
  /* content-body */
  /* line 1500, app/assets/stylesheets/users.scss */
  .content-body {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  /* line 1506, app/assets/stylesheets/users.scss */
  .content-body .content {
    width: 88.88%;
    max-width: 88.88%;
  }
  /* line 1507, app/assets/stylesheets/users.scss */
  .content-body .content article {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
  /* -end- content-body */
  /* content - header */
  /* line 1510, app/assets/stylesheets/users.scss */
  .content-body section.content header h2 {
    margin-bottom: 0;
    font-size: 1.25rem;
    color: #262626;
    line-height: 0.6;
    letter-spacing: -0.1rem;
    border-bottom: 0px solid #ccc;
    width: 88%;
    text-align: center;
  }
  /* line 1520, app/assets/stylesheets/users.scss */
  .content-body section.content header .title-text {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 5.687rem;
  }
  /* line 1527, app/assets/stylesheets/users.scss */
  .content-body section.content header .title-text .material-icons {
    display: inline-block;
    font-size: 1.062rem;
    width: 10%;
  }
  /* -end- content - header */
  /* content - main */
  /* line 1534, app/assets/stylesheets/users.scss */
  .content-body section.content label {
    font-size: 0.937rem;
    line-height: 0.8;
    letter-spacing: -0.075rem;
    padding-bottom: 0.625rem;
  }
  /* line 1540, app/assets/stylesheets/users.scss */
  .content-body section.content #id {
    width: 100%;
    max-width: 100%;
    padding: 0.937rem 1rem;
    font-size: 0.812rem;
    line-height: 0.92;
    margin-bottom: 0.937rem;
    margin-top: 0.625rem;
  }
  /* line 1549, app/assets/stylesheets/users.scss */
  .content-body section.content input {
    width: 100%;
    max-width: 100%;
    padding: 0.937rem 1rem;
    font-size: 0.812rem;
    line-height: 0.92;
    margin-bottom: 0.625rem;
    margin-top: 0.625rem;
    border: 2px solid #ccc;
  }
  /* line 1559, app/assets/stylesheets/users.scss */
  .content-body section.content section .form-group {
    margin-top: 2.406rem;
  }
  /* line 1560, app/assets/stylesheets/users.scss */
  .content-body section.content section .text-error {
    font-size: 0.812rem;
    line-height: 0.85;
    letter-spacing: -0.065rem;
    margin-bottom: 2.187rem;
  }
  /* line 1566, app/assets/stylesheets/users.scss */
  .content-body section.content .selectdiv select {
    height: 3rem;
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
    margin: 0.625rem 0 0;
    border: 2px solid #ccc;
  }
  /* line 1575, app/assets/stylesheets/users.scss */
  .content-body section.content .selectdiv .material-icons {
    top: 21px;
  }
  /* line 1578, app/assets/stylesheets/users.scss */
  .content-body section.content section .checkbox-container {
    width: 45%;
  }
  /* line 1581, app/assets/stylesheets/users.scss */
  .content-body section.content .checkbox-advertise-group {
    margin-top: 1.25rem;
  }
  /* line 1582, app/assets/stylesheets/users.scss */
  .content-body section.content .checkbox-container .checkmark {
    top: -6px;
    left: 0;
  }
  /* line 1586, app/assets/stylesheets/users.scss */
  .content-body section.content .checkbox-container .label {
    font-size: 0.812rem;
    letter-spacing: -0.065rem;
    color: #656565;
    padding-left: 2.5rem;
  }
  /* line 1592, app/assets/stylesheets/users.scss */
  .content-body section.content section .info {
    margin: 1.25rem 0 0;
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
  }
  /* line 1599, app/assets/stylesheets/users.scss */
  .content-body section.content section .box-next {
    display: block;
    padding-bottom: 4.687rem;
  }
  /* line 1603, app/assets/stylesheets/users.scss */
  .content-body section.content .btn-edit {
    display: block;
    padding: 0.843rem 2rem;
    max-width: 100%;
    font-size: 0.937rem;
    font-weight: 500;
    line-height: 0.8;
    letter-spacing: normal;
    margin: 2.5rem 0;
  }
  /* line 1613, app/assets/stylesheets/users.scss */
  .content-body section.content section .box-next .leave-user {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065px;
    color: #656565;
  }
  /* line 1619, app/assets/stylesheets/users.scss */
  .content-body section.content section .message-box {
    background-color: #f9f9f9;
    padding: 1.25rem 2.4rem;
    margin-bottom: 3.75rem;
  }
  /* line 1624, app/assets/stylesheets/users.scss */
  .content-body section.content section .message-box .message > span {
    float: left;
    padding-right: 0.625rem;
    height: 50px;
  }
  /* line 1629, app/assets/stylesheets/users.scss */
  .content-body section.content section .message-box .message {
    font-size: 0.875rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
    font-family: 'SeoulNamsanM';
    word-break: keep-all;
  }
  /* line 1637, app/assets/stylesheets/users.scss */
  .content-body section.content section .box-next-check {
    display: block;
    padding-bottom: 4.687rem;
  }
  /* line 1641, app/assets/stylesheets/users.scss */
  .content-body section.content .btn-next {
    max-width: 100%;
    font-size: 0.937rem;
    font-weight: 500;
    line-height: 0.8;
    padding: 0.845rem 2rem;
    margin-top: 2.5rem;
  }
  /* line 1649, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .btn-login {
    padding: 0.937rem;
    font-size: 0.937rem;
    line-height: 0.8;
    margin: 3.125rem auto 0.625rem;
  }
  /* line 1655, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .btn-home {
    padding: 0.937rem;
    color: #707070;
    border: 2px solid #707070;
    font-size: 0.937rem;
    line-height: 0.8;
    letter-spacing: normal;
  }
  /* -end- 마이페이지 */
  /* 회원탈퇴 */
  /* 회원탈퇴 - 확인하기 */
  /* line 1667, app/assets/stylesheets/users.scss */
  .wrap-secession-ask {
    width: 88.88%;
    margin: 0 auto;
    padding: 4.531rem 0 6.25rem;
    text-align: center;
  }
  /* line 1668, app/assets/stylesheets/users.scss */
  .wrap-secession-ask .secession-icon {
    width: 100%;
    max-width: 1.75rem;
    margin: 0 auto;
  }
  /* line 1669, app/assets/stylesheets/users.scss */
  .wrap-secession-ask .title-complete,
.wrap-secession-complete .title-complete {
    padding: 1.75rem 0 1.25rem;
    font-size: 1.25rem;
    line-height: 0.6;
    letter-spacing: -0.1rem;
    color: #262626;
  }
  /* line 1677, app/assets/stylesheets/users.scss */
  .wrap-secession-ask .text-complete,
.wrap-secession-complete .text-complete {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
  }
  /* line 1684, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .box-detail .btn-back {
    font-size: 0.937rem;
    line-height: 0.8;
    max-width: 100%;
    margin: 3.125rem 0 0.625rem;
    padding: 0.937rem;
  }
  /* line 1691, app/assets/stylesheets/users.scss */
  #hyehwapyeon-users .box-detail .btn-secession {
    font-size: 0.937rem;
    line-height: 0.8;
    letter-spacing: normal;
    color: #707070;
    max-width: 100%;
    border: 2px solid #707070;
    margin: 0.625rem 0 1.25rem;
    padding: 0.937rem;
  }
  /* -end- 회원탈퇴 - 확인하기 */
  /* 회원탈퇴 - 확인하기 */
  /* line 1703, app/assets/stylesheets/users.scss */
  .wrap-secession-complete {
    width: 88.88%;
    margin: 0 auto;
    padding: 4.531rem 0 6.25rem;
    text-align: center;
  }
  /* line 1704, app/assets/stylesheets/users.scss */
  .wrap-secession-complete .check-circle-icon {
    width: 100%;
    max-width: 1.75rem;
    margin: 0 auto;
  }
  /* -end- 회원탈퇴 - 확인하기 */
  /* -end- 회원탈퇴 */
}

/*# sourceMappingURL=users.css-8d4d750d174e13d2c85d95eb117e659b60ee58226117ef3a490f28ce6369a42c.map */