@charset "UTF-8";
/* 공통 */
/* 커스텀 체크박스 */
/* Customize the label (the container) */
/* line 4, app/assets/stylesheets/users.scss */
#dt-oracle-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 */
#dt-oracle-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 */
#dt-oracle-users .checkbox-container .checkmark {
  position: absolute;
  top: -1.1rem;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #ccc;
}

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

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

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

/* -end- 커스텀 체크박스 */
/* -end- 공통 */
/* 회원 가입 */
/* line 60, app/assets/stylesheets/users.scss */
#dt-oracle-users .top-banner {
  width: 100%;
  max-width: 1920px;
  height: 614px;
  background-image: url("/img/member/d_top_member.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* line 69, app/assets/stylesheets/users.scss */
#dt-oracle-users .top-banner .text-title {
  font-family: 'Noto Serif KR';
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  padding: 9.375rem 0 6.25rem;
  color: #fff;
  line-height: 1.35;
  letter-spacing: normal;
  margin: 0;
}

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

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

/* line 90, app/assets/stylesheets/users.scss */
#dt-oracle-users .box-detail {
  width: 23.75rem;
  margin: 0 auto;
  text-align: center;
}

/* line 95, app/assets/stylesheets/users.scss */
#dt-oracle-users .main label {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.5;
  letter-spacing: -0.06rem;
  color: #333;
  display: block;
}

/* line 104, app/assets/stylesheets/users.scss */
#dt-oracle-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 117, app/assets/stylesheets/users.scss */
#dt-oracle-users .main select {
  height: 3.125rem;
  width: 100%;
  padding: 0 1rem;
  border: solid 1px #cccccc;
  background-color: #f5f5f5;
  margin-bottom: 0.937rem;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  letter-spacing: -0.06rem;
  color: #626262;
}

/* line 129, app/assets/stylesheets/users.scss */
#dt-oracle-users .main .text-info,
#dt-oracle-users .member-reset-password .text-info {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
  margin-bottom: 1.875rem;
}

/* line 138, app/assets/stylesheets/users.scss */
#dt-oracle-users .main .text-error,
#dt-oracle-users .member-reset-password .text-error {
  display: none;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #d32f2f;
  margin-bottom: 1.875rem;
}

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

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

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

/* line 165, app/assets/stylesheets/users.scss */
#dt-oracle-users .selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 3.125rem;
  float: right;
  font-family: 'Spoqa Han Sans Neo';
  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 186, app/assets/stylesheets/users.scss */
#dt-oracle-users .box-all-agree {
  border-top: solid 1px #e6e6e6;
  border-bottom: dotted 1px #f0f0f0;
  display: inline-block;
  width: 100%;
  margin-top: 0.937rem;
  padding-bottom: 1.437rem;
  padding-left: 0.625rem;
  box-sizing: border-box;
}

/* line 196, app/assets/stylesheets/users.scss */
#dt-oracle-users .box-agree {
  margin-bottom: 1.312rem;
  padding-left: 0.625rem;
  width: 100%;
  box-sizing: border-box;
}

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

/* line 206, app/assets/stylesheets/users.scss */
#dt-oracle-users .box-desc-title {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.5rem;
  letter-spacing: -0.06rem;
  color: #626262;
  display: inline-block;
  margin-top: 1.5rem;
  width: 65%;
}

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

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

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

/* line 231, app/assets/stylesheets/users.scss */
#dt-oracle-users .box-desc {
  display: inline-block;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  letter-spacing: -0.045rem;
  color: #626262;
  width: 65%;
}

/* line 239, app/assets/stylesheets/users.scss */
#dt-oracle-users .box-agree .checkbox-container {
  display: inline-block;
  width: 45%;
}

/* line 243, app/assets/stylesheets/users.scss */
#dt-oracle-users .box-agree .checkbox-container .label {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  letter-spacing: -0.045rem;
  color: #626262;
  padding-left: 1.875rem;
  font-weight: normal;
  margin-top: 0.187rem;
}

/* line 252, app/assets/stylesheets/users.scss */
#dt-oracle-users .checkmark.marketing-checkmark {
  top: 0.6rem;
}

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

/* line 254, app/assets/stylesheets/users.scss */
#dt-oracle-users .btn-join {
  display: block;
  margin-top: 3.5rem;
  padding: 0.812rem 2rem;
  color: #fff;
  background: #ffabc0;
  width: 100%;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: normal;
}

/* line 267, app/assets/stylesheets/users.scss */
#dt-oracle-users .login {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  font-weight: bold;
  line-height: -0.72px;
  letter-spacing: -0.045rem;
  text-align: center;
  margin-top: 1.25rem;
  margin-bottom: 6.25rem;
  color: #333;
}

/* line 278, app/assets/stylesheets/users.scss */
#dt-oracle-users .login span {
  color: #626262;
  font-weight: normal;
}

/* line 282, app/assets/stylesheets/users.scss */
#dt-oracle-users .login a {
  margin-left: 0.312rem;
  font-weight: bold;
}

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

/* line 291, app/assets/stylesheets/users.scss */
#dt-oracle-users .margin-blank {
  margin: 9.375rem auto;
}

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

/* line 299, app/assets/stylesheets/users.scss */
#dt-oracle-users .check-icon .icon-error-outline,
#dt-oracle-users .check-icon .icon-check-circle {
  width: 100%;
  display: block;
}

/* line 304, app/assets/stylesheets/users.scss */
#dt-oracle-users .title_email,
#dt-oracle-users .title_complete {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: normal;
  color: #333;
  margin: 0;
  padding: 1.875rem 0 1.25rem;
}

/* line 315, app/assets/stylesheets/users.scss */
#dt-oracle-users .text-email,
#dt-oracle-users .text-complete {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
  padding-bottom: 3.75rem;
}

/* line 325, app/assets/stylesheets/users.scss */
#dt-oracle-users .box-detail .btn-login {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  width: 100%;
  background: #ffabc0;
  box-sizing: border-box;
  display: block;
  margin: 3.75rem 0 1.25rem;
  padding: 0.812rem;
}

/* line 340, app/assets/stylesheets/users.scss */
#dt-oracle-users .box-detail .btn-home {
  font-family: 'Spoqa Han Sans Neo';
  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;
}

/* line 356, app/assets/stylesheets/users.scss */
#dt-oracle-users .box-detail .btn-remail {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  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;
}

/* line 372, app/assets/stylesheets/users.scss */
#dt-oracle-users .re-email {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 0.72;
  letter-spacing: -0.045px;
  color: #333;
}

/* line 380, app/assets/stylesheets/users.scss */
#dt-oracle-users .re-email span {
  font-weight: normal;
  opacity: 0.7;
}

/* line 384, app/assets/stylesheets/users.scss */
#dt-oracle-users .main .input-error {
  border: 1px solid #d32f2f;
}

/* -end- 회원 가입 */
/* 로그인 */
/* line 390, app/assets/stylesheets/users.scss */
#dt-oracle-users .contain {
  width: 23.75rem;
  margin: 0 auto;
}

/* line 391, app/assets/stylesheets/users.scss */
#dt-oracle-users .member-login-01 header {
  width: 100%;
  max-width: 387px;
}

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

/* line 393, app/assets/stylesheets/users.scss */
#dt-oracle-users .text-title-mobile {
  font-size: 3.75rem;
  font-weight: bold;
  letter-spacing: -0.15rem;
  text-align: center;
  color: #ffabc0;
  font-family: 'Spoqa Han Sans Neo';
  margin-top: 3rem;
  display: block;
}

/* line 403, app/assets/stylesheets/users.scss */
#dt-oracle-users .text-title2-mobile {
  font-size: 1.875rem;
  line-height: 1.8;
  text-align: center;
  color: #626262;
  display: block;
  margin-bottom: 3.125rem;
}

/* line 411, app/assets/stylesheets/users.scss */
#dt-oracle-users .member-login-01 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 421, app/assets/stylesheets/users.scss */
#dt-oracle-users .member-login-01 input::placeholder {
  color: #ccc;
  opacity: 1;
  /* Firefox */
}

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

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

/* line 433, app/assets/stylesheets/users.scss */
#dt-oracle-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 441, app/assets/stylesheets/users.scss */
#dt-oracle-users .login-incorrect {
  font-size: 1.125rem;
  vertical-align: -2px;
  padding-right: 0.625rem;
}

/* line 446, app/assets/stylesheets/users.scss */
#dt-oracle-users .member-login-01 main .checkbox-container {
  text-align: left;
  margin: 0.3rem auto 0;
}

/* line 450, app/assets/stylesheets/users.scss */
#dt-oracle-users .member-login-01 main .checkmark {
  top: -0.3rem;
}

/* line 453, app/assets/stylesheets/users.scss */
#dt-oracle-users .member-login-01 main .checkbox-container .label {
  margin-left: 2.5rem;
  color: #757575;
  text-align: left;
  font-size: 0.875rem;
}

/* line 459, app/assets/stylesheets/users.scss */
#dt-oracle-users .member-login-01 main a.btn-pink {
  display: block;
  margin-top: 2rem;
  padding: 1rem 1rem;
  color: #fff;
  background: #ffabc0;
  text-align: center;
  font-size: 1.125rem;
  margin: 2rem auto 2rem;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Spoqa Han Sans Neo';
  line-height: 1.33;
}

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

/* line 474, app/assets/stylesheets/users.scss */
#dt-oracle-users .member-login-02 .box-find-join {
  margin-top: 2rem;
  margin-bottom: 1.875rem;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: 0.72;
  letter-spacing: -0.045rem;
  color: #333;
  text-align: center;
}

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

/* -end- 로그인 */
/* 계정찾기 */
/* line 491, app/assets/stylesheets/users.scss */
#dt-oracle-users .member-find-01 .text-center,
#dt-oracle-users .member-reset-password .text-center {
  width: 23.75rem;
  margin: 9.375rem auto 0;
}

/* line 496, app/assets/stylesheets/users.scss */
#dt-oracle-users .member-find-01 h1,
#dt-oracle-users .member-reset-password h1 {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: normal;
  color: #333;
}

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

/* line 511, app/assets/stylesheets/users.scss */
#dt-oracle-users .member-find-01 .box-menu {
  font-family: 'Spoqa Han Sans Neo';
  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 522, app/assets/stylesheets/users.scss */
#dt-oracle-users .member-find-01 .box-menu.find-menu-active {
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid #333;
}

/* line 527, app/assets/stylesheets/users.scss */
#dt-oracle-users .member-find-01 input {
  padding: 0.812rem 1rem 0.812rem 1rem;
  border: solid 1px #ccc;
  width: 100%;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.9371rem;
  color: #cccccc;
  box-sizing: border-box;
}

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

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

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

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

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

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

/* line 574, app/assets/stylesheets/users.scss */
#dt-oracle-users .btn-mobilecheck {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #ffabc0;
  width: 20%;
  background: #fff;
  border: solid 1px #ffabc0;
  box-sizing: border-box;
  margin: 0 0 0 1.25rem;
  padding: 0.812rem 0;
}

/* line 589, app/assets/stylesheets/users.scss */
#dt-oracle-users .btn-apply {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  width: 100%;
  background: #ffabc0;
  box-sizing: border-box;
  display: block;
  margin: 3.125rem 0 1.25rem;
  padding: 0.812rem;
}

/* line 604, app/assets/stylesheets/users.scss */
#dt-oracle-users .text-id-concord {
  margin-top: 3.125rem;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
  text-align: center;
}

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

/* line 618, app/assets/stylesheets/users.scss */
#dt-oracle-users .btn-apply-again {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  width: 100%;
  background: #ffabc0;
  box-sizing: border-box;
  display: block;
  margin: 3.125rem 0 1.25rem;
  padding: 0.812rem;
}

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

/* line 644, app/assets/stylesheets/users.scss */
#dt-oracle-users .title_password_complete {
  font-family: 'Spoqa Han Sans Neo';
  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 654, app/assets/stylesheets/users.scss */
#dt-oracle-users .text-password-complete {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  text-align: center;
  color: #626262;
}

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

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

/* line 677, app/assets/stylesheets/users.scss */
#dt-oracle-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 687, app/assets/stylesheets/users.scss */
#dt-oracle-users .detail-reset-password {
  margin: 3.125rem 0 6.25rem;
}

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

/* line 700, app/assets/stylesheets/users.scss */
#dt-oracle-users .title-expire {
  font-family: 'Spoqa Han Sans Neo';
  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;
}

/* line 710, app/assets/stylesheets/users.scss */
#dt-oracle-users .text-expire {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
  padding-bottom: 3.75rem;
}

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

/* line 734, app/assets/stylesheets/users.scss */
#dt-oracle-users .detail-expire .btn-login,
#dt-oracle-users .detail-expire .btn-home {
  font-family: 'Spoqa Han Sans Neo';
  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 757, app/assets/stylesheets/users.scss */
.wrap-secession-ask {
  padding: 9.062rem 0 9.375rem;
  text-align: center;
}

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

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

/* line 760, app/assets/stylesheets/users.scss */
.wrap-secession-ask .title_complete,
.wrap-secession-ask .text-complete {
  text-align: center;
}

/* line 762, app/assets/stylesheets/users.scss */
#dt-oracle-users .box-detail .btn-back {
  font-family: 'Spoqa Han Sans Neo';
  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: #ffabc0;
  box-sizing: border-box;
  display: block;
  margin: 3.75rem 0 0.937rem;
  padding: 0.812rem;
}

/* line 778, app/assets/stylesheets/users.scss */
#dt-oracle-users .box-detail .btn-secession {
  font-family: 'Spoqa Han Sans Neo';
  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 796, app/assets/stylesheets/users.scss */
.wrap-secession-complete {
  padding: 9.062rem 0 9.375rem;
  text-align: center;
}

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

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

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

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

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

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

/* -end- content-body */
/* side-nav */
/* line 821, app/assets/stylesheets/users.scss */
.content-body aside.side-nav h3 {
  margin-bottom: 2.25rem;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.5;
  letter-spacing: -0.06rem;
  color: #333;
}

/* line 829, app/assets/stylesheets/users.scss */
.content-body aside.side-nav .list-my-account {
  margin-bottom: 2.5rem;
  font-family: 'Spoqa Han Sans Neo';
  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 840, app/assets/stylesheets/users.scss */
.content-body aside.side-nav .list-customer-center {
  margin-bottom: 1.7rem;
}

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

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

/* line 847, 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: bold;
  font-family: 'Spoqa Han Sans Neo';
  line-height: 2.5;
  letter-spacing: -0.06rem;
  color: #333;
}

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

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

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

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

/* line 877, 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 884, app/assets/stylesheets/users.scss */
.content-body section.content header h2 {
  margin-bottom: 2.25rem;
  font-size: 1.5rem;
  color: #333;
  font-family: 'Spoqa Han Sans Neo';
  font-weight: bold;
  line-height: 2.5;
  letter-spacing: -0.06rem;
  border-bottom: 1px solid #ccc;
}

/* line 894, app/assets/stylesheets/users.scss */
.content-body section.content header h3 {
  font-size: 1.5rem;
  color: #333;
  font-family: 'Spoqa Han Sans Neo';
  font-weight: bold;
  line-height: 2.5;
  letter-spacing: -0.06rem;
}

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

/* line 910, 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 916, app/assets/stylesheets/users.scss */
.content-body section.content label {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 3.33;
  letter-spacing: -0.045rem;
  color: #333;
}

/* line 924, 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: 'Spoqa Han Sans Neo';
  font-size: 1rem;
  color: #ccc;
  box-sizing: border-box;
  line-height: 1.5;
  margin-bottom: 0.937rem;
  display: block;
}

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

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

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

/* line 956, 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 965, app/assets/stylesheets/users.scss */
.content-body section.content select::-ms-expand {
  display: none;
}

/* line 968, 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: 'Spoqa Han Sans Neo';
  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 989, 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: 'Spoqa Han Sans Neo';
  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 1006, 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 1020, 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 1028, 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 1038, 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 1043, 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 1047, app/assets/stylesheets/users.scss */
.content-body section.content .checkbox-container input:checked ~ .checkmark {
  color: #fff;
  background-color: #ffabc0;
  border: 1px solid #ffabc0;
}

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

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

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

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

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

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

/* line 1082, 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 1088, app/assets/stylesheets/users.scss */
.content-body section.content section .info {
  margin: 1.25rem 0 0;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
  color: #626262;
}

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

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

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

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

/* - end - 마이페이지 */
@media only screen and (max-width: 600px) {
  /* 회원 가입 */
  /* line 1133, app/assets/stylesheets/users.scss */
  #dt-oracle-users .top-banner .text-title {
    text-align: center;
    font-size: 1.25rem;
    padding: 3.718rem 0 4.062rem;
  }
  /* line 1138, app/assets/stylesheets/users.scss */
  #dt-oracle-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 1147, app/assets/stylesheets/users.scss */
  #dt-oracle-users .main {
    max-width: 100%;
    margin: 0 auto 0;
    background-color: #fff;
    padding-top: 4.687rem;
  }
  /* line 1153, app/assets/stylesheets/users.scss */
  #dt-oracle-users .main form {
    width: 88.888%;
    margin: 0 auto;
  }
  /* line 1157, app/assets/stylesheets/users.scss */
  #dt-oracle-users .main label {
    font-size: 0.937rem;
    line-height: 0.8;
    letter-spacing: -0.075rem;
    padding-bottom: 0.625rem;
    margin-top: 2.187rem;
  }
  /* line 1164, app/assets/stylesheets/users.scss */
  #dt-oracle-users .main input {
    height: 3rem;
    border: solid 2px #cccccc;
    margin-bottom: 0.625rem;
    font-size: 0.812rem;
    line-height: 0.92;
  }
  /* line 1171, app/assets/stylesheets/users.scss */
  #dt-oracle-users .main p {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
    margin-bottom: 2.187rem;
  }
  /* line 1178, app/assets/stylesheets/users.scss */
  #dt-oracle-users .selectdiv select {
    height: 3rem;
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
    border: 2px solid #cccccc;
    margin: 0 0 0.625rem;
  }
  /* line 1187, app/assets/stylesheets/users.scss */
  #dt-oracle-users .checkbox-container .checkmark {
    top: -0.5rem;
  }
  /* line 1190, app/assets/stylesheets/users.scss */
  #dt-oracle-users .box-detail {
    width: 100%;
  }
  /* line 1193, app/assets/stylesheets/users.scss */
  #dt-oracle-users .box-desc-title {
    font-size: 0.937rem;
    font-weight: 500;
    line-height: 0.8;
    letter-spacing: -0.075rem;
  }
  /* line 1199, app/assets/stylesheets/users.scss */
  #dt-oracle-users .box-desc {
    font-size: 0.812rem;
    letter-spacing: -0.065rem;
    color: #656565;
  }
  /* line 1204, app/assets/stylesheets/users.scss */
  #dt-oracle-users .box-agree {
    margin-bottom: 0;
  }
  /* line 1207, app/assets/stylesheets/users.scss */
  #dt-oracle-users .box-agree .checkbox-container .label {
    font-size: 0.812rem;
    letter-spacing: -0.065rem;
    color: #656565;
  }
  /* line 1212, app/assets/stylesheets/users.scss */
  #dt-oracle-users .checkmark.marketing-checkmark {
    top: 0;
  }
  /* line 1213, app/assets/stylesheets/users.scss */
  #dt-oracle-users .checkbox-container.marketing-label {
    line-height: normal;
  }
  /* line 1214, app/assets/stylesheets/users.scss */
  #dt-oracle-users .btn-join {
    margin-top: 3.25rem;
    padding: 0.843rem 2rem;
    font-size: 0.937rem;
    font-weight: 500;
    line-height: 0.8;
  }
  /* line 1221, app/assets/stylesheets/users.scss */
  #dt-oracle-users .login {
    font-family: 'Spoqa Han Sans Neo';
    font-size: 0.812rem;
    font-weight: normal;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    margin-bottom: 4.687rem;
  }
  /* line 1229, app/assets/stylesheets/users.scss */
  #dt-oracle-users .login span {
    color: #656565;
  }
  /* line 1232, app/assets/stylesheets/users.scss */
  #dt-oracle-users .selectdiv {
    position: relative;
  }
  /* line 1235, app/assets/stylesheets/users.scss */
  #dt-oracle-users .selectdiv .material-icons {
    top: 12px;
    right: 11px;
    font-size: 20px;
  }
  /* line 1240, app/assets/stylesheets/users.scss */
  #dt-oracle-users .text-center {
    width: 88.88%;
    text-align: center;
    margin: 1.25rem auto 4.687rem;
  }
  /* line 1246, app/assets/stylesheets/users.scss */
  #dt-oracle-users .margin-blank {
    margin: 4.687rem auto;
  }
  /* line 1249, app/assets/stylesheets/users.scss */
  #dt-oracle-users .check-icon {
    width: 100%;
    max-width: 1.875rem;
    margin: 0 auto;
  }
  /* line 1254, app/assets/stylesheets/users.scss */
  #dt-oracle-users .title_email,
#dt-oracle-users .title_complete {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 0.6;
    letter-spacing: -0.1rem;
    color: #262626;
    padding: 1.25rem 0 0.937rem;
  }
  /* line 1263, app/assets/stylesheets/users.scss */
  #dt-oracle-users .text-email,
#dt-oracle-users .text-complete {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
    padding-bottom: 3.125rem;
  }
  /* line 1271, app/assets/stylesheets/users.scss */
  #dt-oracle-users .box-detail .btn-login {
    font-size: 0.937rem;
    font-weight: 500;
    line-height: 0.8;
    margin: 3.125rem 0 0.625rem;
    padding: 0.843rem;
  }
  /* line 1278, app/assets/stylesheets/users.scss */
  #dt-oracle-users .box-detail .btn-home {
    font-size: 0.937rem;
    font-weight: 500;
    line-height: 0.8;
    color: #626262;
    border: solid 2px #ccc;
    margin: 0 0 0.625rem;
    padding: 0.843rem;
  }
  /* line 1287, app/assets/stylesheets/users.scss */
  #dt-oracle-users .box-detail .btn-remail {
    font-size: 0.937rem;
    font-weight: 500;
    line-height: 0.8;
    letter-spacing: -0.075rem;
    margin: 0 0 0.625rem;
    padding: 0.843rem;
  }
  /* line 1295, app/assets/stylesheets/users.scss */
  #dt-oracle-users .re-email {
    font-size: 0.812rem;
    line-height: 1.38;
    letter-spacing: -0.048px;
    padding-top: 0.843rem;
  }
  /* line 1301, app/assets/stylesheets/users.scss */
  #dt-oracle-users .re-email span {
    font-weight: normal;
    color: #656565;
  }
  /* line 1305, app/assets/stylesheets/users.scss */
  #dt-oracle-users .main .input-error {
    border: 2px solid #d32f2f;
  }
  /* line 1308, app/assets/stylesheets/users.scss */
  #dt-oracle-users .main .text-info,
#dt-oracle-users .member-reset-password .text-info {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
    margin-bottom: 2.187rem;
  }
  /* line 1316, app/assets/stylesheets/users.scss */
  #dt-oracle-users .main .text-error,
#dt-oracle-users .member-reset-password .text-error {
    font-size: 0.812rem;
    line-height: 0.85;
    letter-spacing: -0.065rem;
    margin-bottom: 2.187rem;
  }
  /* -end- 회원 가입 */
  /* 로그인 */
  /* line 1326, app/assets/stylesheets/users.scss */
  #dt-oracle-users .contain {
    width: 100%;
  }
  /* line 1328, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-login-01 header img {
    width: 53.3333%;
    margin: 0 auto;
    padding: 4.687rem 0 3.125rem;
  }
  /* line 1333, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-login-01 input {
    font-size: 0.812rem;
    line-height: 0.92;
    margin-bottom: 0.625rem;
    border: solid 2px #ccc;
  }
  /* line 1339, app/assets/stylesheets/users.scss */
  #dt-oracle-users .login-incorrect {
    font-size: 1.325rem;
    vertical-align: -5px;
    padding-right: 0.218rem;
  }
  /* line 1344, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-login-01 p {
    font-size: 0.812rem;
    line-height: 0.85;
    letter-spacing: -0.065rem;
  }
  /* line 1349, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-login-01 main a.btn-pink {
    margin-top: 2rem;
    padding: 0.843rem 0.843rem;
    font-size: 0.937rem;
    margin: 2rem auto 2rem;
    width: 100%;
    line-height: 0.8;
    font-weight: 500;
  }
  /* line 1358, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-login-02 .box-find-join {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
  }
  /* line 1364, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-login-02 .box-find-join .divider {
    margin: 0 0.937rem;
  }
  /* line 1367, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-login-02 {
    margin-bottom: 4.3687rem;
  }
  /* -end- 로그인 */
  /* 계정찾기 */
  /* line 1373, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-find-01 .text-center,
#dt-oracle-users .member-reset-password .text-center {
    width: 88.88%;
    margin: 0 auto 0;
  }
  /* line 1378, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-find-01 .title-text,
#dt-oracle-users .member-reset-password .title-text {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  /* line 1385, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-find-01 .title-text .material-icons,
#dt-oracle-users .member-reset-password .title-text .material-icons {
    display: inline-block;
    font-size: 1.062rem;
    width: 10%;
  }
  /* line 1391, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-find-01 h1,
#dt-oracle-users .member-reset-password h1 {
    font-size: 1.25rem;
    line-height: 0.6;
    letter-spacing: -0.1rem;
    color: #262626;
    width: 80%;
  }
  /* line 1399, app/assets/stylesheets/users.scss */
  #dt-oracle-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: 183px;
    margin-bottom: 2.5rem;
  }
  /* line 1409, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-find-01 label {
    font-family: 'Spoqa Han Sans Neo';
    font-size: 0.937rem;
    line-height: 2;
    letter-spacing: -0.075rem;
    padding: 0.625rem 0;
  }
  /* line 1416, app/assets/stylesheets/users.scss */
  #dt-oracle-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 1423, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-find-01 .box-detail {
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 1427, app/assets/stylesheets/users.scss */
  #dt-oracle-users .btn-apply {
    font-size: 0.937rem;
    font-weight: 500;
    line-height: 0.8;
    margin: 1.25rem 0;
    padding: 0.843rem;
  }
  /* line 1434, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-find-01 .check-email {
    width: 76%;
  }
  /* line 1437, app/assets/stylesheets/users.scss */
  #dt-oracle-users .btn-mobilecheck {
    font-size: 0.812rem;
    line-height: 0.92;
    width: 20%;
    border: solid 2px #ffabc0;
    margin: 0 0 0 0.625rem;
    padding: 0.937rem 0;
  }
  /* line 1445, app/assets/stylesheets/users.scss */
  #dt-oracle-users .text-id-concord {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
  }
  /* line 1451, app/assets/stylesheets/users.scss */
  #dt-oracle-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 1459, app/assets/stylesheets/users.scss */
  #dt-oracle-users .text-id-discord {
    font-size: 0.812rem;
    line-height: 1.38;
    letter-spacing: -0.048rem;
    color: #333;
  }
  /* line 1465, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-find-01 input {
    margin-bottom: 0.625rem;
  }
  /* line 1468, app/assets/stylesheets/users.scss */
  #dt-oracle-users .title_password_complete {
    font-size: 1.25rem;
    line-height: 0.6;
    letter-spacing: -0.1rem;
    color: #262626;
    padding: 1.25rem 0 0.937rem;
  }
  /* line 1475, app/assets/stylesheets/users.scss */
  #dt-oracle-users .text-password-complete {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
  }
  /* -start- 이메일 전송 - 비밀번호변경*/
  /* line 1482, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-reset-password {
    margin: 0 0 4.678rem;
  }
  /* line 1485, app/assets/stylesheets/users.scss */
  #dt-oracle-users .member-reset-password label {
    font-size: 0.937rem;
    line-height: 0.8;
    letter-spacing: -0.037rem;
    padding-bottom: 0.625rem;
  }
  /* line 1491, app/assets/stylesheets/users.scss */
  #dt-oracle-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 1498, app/assets/stylesheets/users.scss */
  #dt-oracle-users .detail-password-change-complete,
#dt-oracle-users .detail-password-change-failed,
#dt-oracle-users .detail-reset-password {
    margin: 4.687rem auto 5.937rem;
    width: 88.88%;
  }
  /* -end- 이메일 전송 -  비밀번호변경*/
  /* -start- 이메일 전송 - 유효기간 만료*/
  /* line 1506, app/assets/stylesheets/users.scss */
  #dt-oracle-users .detail-expire {
    margin: 4.678rem auto;
    width: 88.88%;
  }
  /* line 1510, app/assets/stylesheets/users.scss */
  #dt-oracle-users .title-expire {
    font-size: 1.25rem;
    letter-spacing: -0.1rem;
    color: #262626;
    padding: 1.25rem 0 0.937rem;
  }
  /* line 1516, app/assets/stylesheets/users.scss */
  #dt-oracle-users .text-expire {
    font-size: 0.812rem;
    line-height: 1.46;
    letter-spacing: -0.065rem;
    color: #656565;
    padding-bottom: 3.125rem;
  }
  /* line 1523, app/assets/stylesheets/users.scss */
  #dt-oracle-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 1530, app/assets/stylesheets/users.scss */
  #dt-oracle-users .detail-expire .btn-login,
#dt-oracle-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 1544, app/assets/stylesheets/users.scss */
  .content-body {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  /* line 1550, app/assets/stylesheets/users.scss */
  .content-body .content {
    width: 88.88%;
    max-width: 88.88%;
  }
  /* line 1551, app/assets/stylesheets/users.scss */
  .content-body .content article {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
  /* -end- content-body */
  /* content - header */
  /* line 1554, 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 1564, 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 1571, 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 1578, 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 1584, 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 1593, 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 1603, app/assets/stylesheets/users.scss */
  .content-body section.content section .form-group {
    margin-top: 1.25rem;
  }
  /* line 1604, 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 1610, 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 1619, app/assets/stylesheets/users.scss */
  .content-body section.content .selectdiv .material-icons {
    top: 21px;
  }
  /* line 1622, app/assets/stylesheets/users.scss */
  .content-body section.content section .checkbox-container {
    width: 45%;
  }
  /* line 1625, app/assets/stylesheets/users.scss */
  .content-body section.content .checkbox-advertise-group {
    margin-top: 1.25rem;
  }
  /* line 1626, app/assets/stylesheets/users.scss */
  .content-body section.content .checkbox-container .checkmark {
    top: -6px;
    left: 0;
  }
  /* line 1630, 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 1636, 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 1643, app/assets/stylesheets/users.scss */
  .content-body section.content section .box-next {
    display: block;
    padding-bottom: 4.687rem;
  }
  /* line 1647, 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 1657, 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 1663, app/assets/stylesheets/users.scss */
  .content-body section.content section .message-box {
    background-color: #f9f9f9;
    padding: 1.25rem 2.5rem;
    margin-bottom: 3.75rem;
  }
  /* line 1668, app/assets/stylesheets/users.scss */
  .content-body section.content section .message-box .message > span {
    float: left;
    padding-right: 0.625rem;
    height: 50px;
  }
  /* line 1673, 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: 'Spoqa Han Sans Neo';
    word-break: keep-all;
  }
  /* line 1681, app/assets/stylesheets/users.scss */
  .content-body section.content section .box-next-check {
    display: block;
    padding-bottom: 4.687rem;
  }
  /* line 1685, 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;
  }
}

/*# sourceMappingURL=users.css-d0d7b750913436ab179b24be14f3e87808ffbec8ddf588603d253c725dc94404.map */