@charset "UTF-8";
html {
  font-size: 10px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
}

.ico-required {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url(../../../comm/image/icon_bullet_essential.svg) no-repeat center/cover;
  margin-left: 4px;
}

.ico-refresh {
  width: 40px;
  height: 40px;
  background: url(../../../comm/image/icon_refresh.svg) no-repeat center/cover;
}

.box-radio-type label {
  position: relative;
  display: block;
}
.box-radio-type label input[type=radio] {
  width: 100%;
  height: 40px;
  border: 1px solid #e0e0e0;
}
.box-radio-type label input[type=radio]:checked {
  width: 100%;
  height: 40px;
  border: 1px solid #131922;
}
.box-radio-type label > span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  font-size: 14px;
  color: #000;
}

.s-info-txt {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
}
.s-info-txt.type1 {
  color: #787878;
}
.s-info-txt.type2 {
  color: #d99c63;
}
.s-info-txt.type3 {
  color: #db3c3c;
}
.s-info-txt.type5 {
  color: #db3c3c;
}
.s-info-txt + .s-info-txt {
  margin-top: 0;
}

.list-radio,
.list-checkbox {
  width: 100%;
}
.list-radio ul,
.list-checkbox ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: -13px;
}
.list-radio ul.flex-no-wrap,
.list-checkbox ul.flex-no-wrap {
  flex-wrap: nowrap;
}
.list-radio ul.flex-no-wrap > li:not(:first-of-type),
.list-checkbox ul.flex-no-wrap > li:not(:first-of-type) {
  margin-left: 8px;
}
.list-radio ul li,
.list-checkbox ul li {
  width: 50%;
  margin-top: 13px;
}
.list-radio ul li.full,
.list-checkbox ul li.full {
  width: 100%;
}
.list-radio ul li .radio__label,
.list-checkbox ul li .radio__label {
  margin-top: 0;
}
.list-radio ul li .checkbox__label,
.list-checkbox ul li .checkbox__label {
  margin-top: 0;
}

.ul-table > ul {
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
}
.ul-table > ul > li {
  display: flex;
  margin-top: 12px;
}
.ul-table > ul > li:first-child {
  margin-top: 0;
}
.ul-table .th {
  width: 100%;
  max-width: 90px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #787878;
}
.ul-table .td {
  width: 100%;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #000;
}
.ul-table .set-point > li {
  display: flex;
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
.ul-table .set-point > li:first-child {
  margin-top: 0;
}
.ul-table .set-point__tit {
  width: 100%;
  max-width: 66px;
  font-weight: normal;
}
.ul-table .set-point__cont {
  width: 100%;
}

.box-title-h1 {
  display: flex;
  font-size: 18px;
  line-height: 22px;
  color: #131922;
}
.box-title-h1 > strong {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.box-title-h1 .r-cont {
  margin-left: auto;
}

.cont-tit-h1 {
  padding: 0 0 28px;
}
.cont-tit-h1 > strong {
  font-size: 16px;
  line-height: 22px;
}

.subheading {
  display: flex;
  align-items: center;
  margin-top: 33px;
  margin-bottom: 13px;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  letter-spacing: 0;
  word-break: keep-all;
}

.box-signature-pad {
  position: relative;
  height: 140px;
  border: 1px solid #e0e0e0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.box-signature-pad .signature-pad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box-ipin-auth {
  margin-top: 8px;
}

[class*=list-form__inner] {
  display: flex;
  align-items: center;
}
[class*=list-form__inner] .s-info-txt {
  margin-top: 4px;
  margin-right: auto;
}
[class*=list-form__inner] .s-info-txt:not(:last-child) {
  margin-top: 8px;
}
[class*=list-form__inner] .form_input {
  width: 100%;
  margin-bottom: 0;
}

.list-form__item {
  margin-top: 8px;
}
.list-form__item:first-child {
  margin-top: 0;
}
.list-form__item > .s-info-txt {
  margin-bottom: 0;
}
.list-form__item > .s-info-txt:last-child {
  margin-bottom: 16px;
}
.list-form__inner--email .ico-at {
  margin: 0 9px;
  font-size: 14px;
  letter-spacing: 0;
  color: #000;
}
.list-form__inner--email.type2 .form_input:nth-of-type(1) {
  max-width: 96px;
}
.list-form__inner--email.type2 .siv-selectbox {
  margin-left: 0;
}
.list-form__inner--email .siv-selectbox {
  margin-left: 8px;
}
.list-form__inner--email-chk {
  margin-top: 8px;
}
.list-form__inner--pw {
  flex-direction: column;
}
.list-form__inner--pw + .list-form__inner--pw {
  margin-top: 16px;
}
.list-form__inner--cp .siv-selectbox {
  max-width: 90px;
  margin-right: 8px;
}
.list-form__inner--cp .btn-wide {
  max-width: 90px;
  margin-left: 8px;
}
.list-form__inner--cp .box-num-auth {
  display: block;
  flex: none;
}
.list-form__inner--cp-result {
  display: block;
  margin-top: 8px;
}
.list-form__inner--cp-result .time {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 500;
}
.list-form__inner--cp-result .time-out {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #db3c3c;
}
.list-form__inner--cp-result .time-out + .time-out {
  margin-top: 0;
}
.list-form__inner--cp-result .input-auth-num {
  display: flex;
}
.list-form__inner--cp-result .input-auth-num .btn-wide {
  max-width: 90px;
  margin-left: 8px;
}
.list-form__inner--cp.type2 .siv-selectbox {
  max-width: 140px;
}
.list-form__inner--birth .siv-selectbox:not(:first-child) {
  margin-left: 8px;
}
.list-form__inner--mo-auth .siv-selectbox {
  max-width: 90px;
  margin-left: 9px;
}
.list-form__inner--mo-auth-birth .input-special-key {
  max-width: 40px;
  margin-right: 11px;
}
.list-form__inner--mo-auth-birth .input-special-key.form_input input {
  padding: 0;
  text-align: center;
}
.list-form__inner--mo-auth-birth .input-special-key.form_input .writing {
  padding-right: 0 !important;
  width: 100% !important;
  border-right: 1px solid #e0e0e0 !important;
}
.list-form__inner--mo-auth-birth .input-special-key.form_input .input-reset {
  display: none !important;
}
.list-form__inner--mo-auth-birth .input-special-key.form_input .input-focus-controler {
  display: none !important;
}
.list-form__inner--mo-auth-birth .dash {
  display: inline-block;
  margin: 0 11px 0 10px;
  font-size: 14px;
  color: #000;
}
.list-form__inner--mo-auth-birth .dots {
  display: flex;
}
.list-form__inner--mo-auth-birth .dots .dot {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #141a23;
  border-radius: 50%;
}
.list-form__inner--mo-auth-birth .dots .dot:not(:last-child) {
  margin-right: 8px;
}
.list-form__inner--sns .list-sns {
  width: 100%;
}
.list-form__inner--sns .list-sns li {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.list-form__inner--sns .list-sns li:first-child {
  margin-top: 0;
}
.list-form__inner--sns .list-sns li .s-tit {
  display: block;
  width: 100%;
  max-width: 96px;
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
.list-form__inner--sns .list-sns li .form_input {
  margin-left: 8px;
}
.list-form__inner--recom {
  flex-direction: column;
}
.list-form__inner--recom .txt-wran {
  margin: 8px auto 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #787878;
}
.list-form__inner--idpw2 {
  margin-top: 8px;
}
.list-form__inner--idpw2 .siv-selectbox {
  max-width: 95px;
  margin-right: 8px;
}

.box-addrress-search {
  display: table;
  width: 100%;
}
.box-addrress-search__before {
  display: table-cell;
  width: 100%;
  padding-right: 16px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
  color: #a0a0a0;
}
.box-addrress-search__after {
  display: table-cell;
  width: 100%;
  padding-right: 16px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 24px;
  color: #131922;
}
.box-addrress-search .btn-wide {
  display: table-cell;
  width: 81px;
  margin-left: auto;
}

.optional-field-address .txt-info {
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #787878;
}

.join .underline-wrap {
  display: flex;
  justify-content: center;
}
.join .underline-btn {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #787878;
  text-decoration: underline;
  margin-top: 25px;
}
.join .desc-item {
  padding-left: 8px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
  color: #787878;
  position: relative;
}
.join .desc-item:not(:first-of-type) {
  margin-top: 8px;
}
.join .desc-item::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 2px;
  width: 2px;
  height: 2px;
  background: #787878;
  border-radius: 50%;
}
.join .desc-item.type2 {
  font-size: 14px;
  color: #404040;
}
.join .gray-bar {
  height: 8px;
  margin: 0 -24px;
  background-color: #f0f0f0;
  border: 0 none;
}
.join__title.hidden {
  display: none;
}
.join-container {
  padding: 0 24px 80px;
  margin-top: 55px;
}
.join-container-inner:not(:first-child) {
  margin-top: 60px;
}
.join-container.join-container-layout2 {
  margin-top: 0;
}
.join-container .join__btn-1 {
  margin-top: 16px;
  display: block;
}
.join-container .join__btn-1 .btn-wide {
  gap: 6px;
  line-height: 20px;
}
.join-container .join__btn-1 .btn-wide:not(:first-child) {
  margin-top: 12px;
}
.join-container .join__btn-1 .btn-wide::before {
  content: "";
  display: block;
}
.join-container .join__btn-1 .btn-wide.btn-kakao {
  background-color: #fee500;
}
.join-container .join__btn-1 .btn-wide.btn-kakao::before {
  width: 24px;
  height: 24px;
  background: url(../../../comm/image/05-icon-32-px-sns-kakaotalk-b@2x.png) no-repeat center/contain;
}
.join-container .join__btn-1 .btn-wide.btn-verification {
  margin-left: 0;
  background-color: #131922;
  color: #fff;
}
.join-container .join__btn-1 .btn-wide.btn-verification::before {
  width: 20px;
  height: 20px;
  background: url(../../../comm/image/05-icon-32-px-thin-phone-white@2x.png) no-repeat center/contain;
}
.join-container .join__btn-2 {
  margin-top: 12px;
}
.join-container .join__btn-2 .btn-wide {
  white-space: nowrap;
  letter-spacing: -1px;
  padding-left: 0;
  padding-right: 0;
}
.join-container .join__btn-3 {
  margin-top: 28px;
  margin-bottom: 60px;
}
.join-container-txt-1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: 0;
}
.join-container-txt-2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0;
}
.join-container-txt-3 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #787878;
  margin-top: 6px;
}
.join-container-txt-4 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  margin-top: 8px;
}
.join-container-membership-info {
  background-color: #f8f8f8;
  padding: 20px 16px;
  margin-top: 24px;
  box-sizing: border-box;
}
.join-container-membership-info li:not(:last-of-type) {
  margin-bottom: 16px;
}
.join-container-self-authentication {
  margin-top: 24px;
}
.join-container-simple-sign-up {
  margin-top: 28px;
}
.join-container .side-bar {
  position: relative;
  margin: 32px 0;
  text-align: center;
}
.join-container .side-bar:after {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: block;
  border-top: 1px solid #929292;
  content: "";
}
.join-container .side-bar-or {
  position: relative;
  z-index: 1;
  display: inline-block;
  background: #fff;
  padding: 0 8px;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0;
}
.join-container-guide-title {
  height: 48px;
  font-size: 16px;
  font-weight: bold;
  line-height: 48px;
  letter-spacing: 0;
  margin-top: 20px;
}
.join-container .guide-area,
.join-container .line-tab__btns,
.join-container .simple-sign-up-user {
  margin-left: -24px;
  margin-right: -24px;
}
.join__integrate-top-area {
  background: #f8f8f8;
  margin: 0 -24px 5px;
  padding: 32px 24px;
}
.join__integrate-top-area [class*=s-txt] {
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  text-align: center;
}
.join__integrate-top-area .s-txt2 {
  margin-top: 8px;
}
.join__integrate-membership {
  margin-top: 37px;
}
.join__integrate-membership .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0;
}
.join__integrate-membership + .join__club-agreement {
  margin-top: -11px;
}
.required-field {
  padding: 0 0 40px;
}
.required-field-form {
  margin-top: 12px;
}
.required-field-form .subheading {
  margin-bottom: 13px;
}
.required-field-user-info {
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  margin-top: 16px;
  margin-bottom: 40px;
  padding: 14px 16px;
}
.required-field-user-info span {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #a0a0a0;
  margin-left: -4px;
}
.required-field-user-info span:not(:last-of-type)::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #e0e0e0;
  margin: 0 8px;
}

.optional-field {
  padding: 0 0 42px;
}
.optional-field .transfer-dormancy-term-select {
  margin-top: 13px;
}
.optional-field .transfer-dormancy-term-notice {
  margin-top: 18px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #787878;
}
.optional-field .marketing-consent-checkbox {
  display: flex;
  justify-content: space-between;
}
.optional-field .marketing-consent-checkbox .icon-arrow-right {
  margin-top: 4px;
  width: 16px;
  height: 16px;
  background: url(../../../comm/image/04IconArrowRight.svg) no-repeat center/cover;
}
.optional-field .marketing-consent-checkbox .replace-text {
  font-size: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.optional-field .marketing-consent-notice {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  margin-top: 13px;
  font-weight: 700;
  text-decoration: underline;
}
.optional-field .marketing-consent-select {
  margin-top: 24px;
}
.optional-field .marketing-consent-select label.all-reception {
  width: 100%;
}
.optional-field .club-join-agreement-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 33px;
}
.optional-field .club-join-agreement-top .subheading {
  margin-top: 0;
  margin-bottom: 0;
}
.optional-field .club-join-agreement-top .checkbox__label {
  margin-top: 0;
}
.optional-field .club-join-agreement-msg {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  margin-top: 12px;
}
.optional-field .club-join-agreement-select {
  margin-top: 16px;
}
.optional-field .club-join-agreement .list-checkbox {
  margin-top: 16px;
}

.join__integrate-membership-authentication-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: 0;
  color: #000;
}
.join__integrate-membership-authentication-method {
  display: flex;
  margin-top: 40px;
}
.join__integrate-membership-authentication-method a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 120px;
  border: 1px solid #000;
}
.join__integrate-membership-authentication-method a:not(:last-child) {
  margin-right: 11px;
}
.join__integrate-membership-authentication-method a .icon-common {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.join__integrate-membership-authentication-method a .icon-phone {
  background: url(../../../comm/image/icon_thin_phone.svg) no-repeat center/cover;
}
.join__integrate-membership-authentication-method a .icon-ipin {
  background: url(../../../comm/image/icon_thin_ipin.svg) no-repeat center/cover;
}
.join__integrate-membership-authentication-method a .icon-kakao {
  background: url(../../../comm/image/icon_thin_kakao.svg) no-repeat center/cover;
}
.join__integrate-membership-authentication-method a .s-tit {
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  color: #404040;
  margin-top: 8px;
}
.join__integrate-membership-authentication-info1 {
  margin-top: 20px;
  padding: 20px 16px;
  background: #f8f8f8;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.3px;
}
.join__integrate-membership-authentication-info1 > .keep-all {
  word-break: keep-all;
  white-space: nowrap;
}
.join__integrate-membership-authentication .desc {
  margin-top: 40px;
}
.join__phone-authentication-tab {
  display: flex;
  flex: 1;
  margin: 0 -24px;
}
.join__phone-authentication-tab a {
  display: block;
  width: 100%;
  height: 48px;
  font-size: 16px;
  text-align: center;
  line-height: 48px;
  letter-spacing: -0.1px;
  color: #929292;
  border-bottom: 1px solid #e0e0e0;
}
.join__phone-authentication-tab a.on {
  font-weight: 500;
  color: #131922;
  border-bottom: 2px solid #131922;
}
.join__phone-authentication-agreement {
  padding: 36px 0 38px;
}
.join__phone-authentication-agreement .all-agreement {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  z-index: 10;
}
.join__phone-authentication-agreement .all-agreement.bottom-bar {
  border-bottom: 1px solid #f0f0f0;
}
.join__phone-authentication-agreement .all-agreement.bottom-bar.hidden {
  border-bottom: none;
}
.join__phone-authentication-agreement .all-agreement .checkbox__label {
  margin-top: 0;
}
.join__phone-authentication-agreement .all-agreement .checkbox__label > span {
  font-weight: 500;
  color: #131922;
}
.join__phone-authentication-agreement .all-agreement .icon-arrow-up {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../../comm/image/icon_arrow_up_thin.svg) no-repeat center/cover;
}
.join__phone-authentication-agreement .all-agreement .icon-arrow-down {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../../comm/image/icon_arrow_down.svg) no-repeat center/cover;
}
.join__phone-authentication-agreement-list.hidden {
  display: none;
}
.join__phone-authentication-agreement-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.join__phone-authentication-agreement-item:first-child {
  margin-top: 22px;
}
.join__phone-authentication-agreement-item .checkbox__label {
  margin-top: 0;
}
.join__phone-authentication-agreement-item .icon-arrow-right {
  width: 16px;
  height: 16px;
  background: url(../../../comm/image/04IconArrowRight.svg) no-repeat center/cover;
}
.join__phone-authentication-form {
  padding: 0 0 38px;
}
.join__phone-authentication-cheap-phone {
  display: none;
  flex-wrap: wrap;
  padding: 0 0 16px;
  margin-top: 34px;
}
.join__phone-authentication-cheap-phone.active {
  display: flex;
}
.join__sign-up-simple {
  padding: 22px 0 40px;
}
.join__sign-up-simple-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}
.join__sign-up-simple-form {
  margin-top: 20px;
}
.join__sign-up-simple-email .inner {
  display: flex;
  align-items: center;
}
.join__sign-up-simple-email-at {
  font-size: 14px;
  letter-spacing: 0;
  color: #000;
  margin: 0 9px;
}
.join__sign-up-simple-email .siv-selectbox {
  max-width: 96px;
  margin-left: 8px;
}
.join__sign-up-simple-email .siv-selectbox .selected span {
  width: calc(100% - 38px);
  margin-left: 10px;
}
.join__sign-up-simple-email .siv-selectbox .selectbox .option label input[type=radio] ~ p span {
  width: 100%;
}
.join__sign-up-simple-phone {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.join__sign-up-simple-phone input[type=number] {
  width: 224px;
}
.join__sign-up-simple-phone button {
  width: 95px;
  margin-top: 8px;
}
.join__sign-up-simple-check {
  margin-top: 16px;
}
.join__sign-up-simple-check label {
  display: flex;
}
.join__sign-up-simple-check label .checkbox-title {
  margin-left: 8px;
}
.join__sign-up-simple .pw-guide {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #787878;
  margin-top: 8px;
  margin-bottom: 8px;
}
.join__sign-up-simple .available-notice {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #d99c63;
  margin-top: 8px;
  margin-bottom: 8px;
}
.join__sign-up-simple .available-notice.margin-style {
  margin-top: -4px;
}
.join__sign-up-simple .available-notice.hidden {
  display: none;
}
.join__sign-up-simple .warning-notice {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  margin-top: -4px;
  color: #db3c3c;
}
.join__sign-up-simple .warning-notice.hidden {
  display: none;
}
.join__sign-up-kakao-title {
  margin-top: 24px;
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  color: #000;
}
.join__recommended-person {
  padding-bottom: 32px;
}
.join__terms-of-use {
  padding: 42px 0 0;
}
.join__terms-of-use:not(:last-child) {
  padding-bottom: 40px;
}
.join__terms-of-use .btn-wrap {
  margin-top: 32px;
}
.join__terms-of-use-item {
  display: flex;
  justify-content: space-between;
}
.join__terms-of-use-item .checkbox__label {
  margin-top: 0;
}
.join__terms-of-use-item .checkbox__label--input {
  min-width: 24px;
}
.join__terms-of-use-item .checkbox__label .gold {
  color: #d99c63;
}
.join__terms-of-use-item .icon-arrow-right {
  margin-top: 4px;
  width: 16px;
  height: 16px;
  background: url(../../../comm/image/04IconArrowRight.svg) no-repeat center/cover;
}
.join__terms-of-use-notice {
  padding: 0 24px 0 32px;
  margin-top: 6px;
  font-size: 12px;
  line-height: 18px;
  word-break: initial;
  letter-spacing: -0.8px;
  color: #929292;
}
.join__terms-of-use-signature {
  margin-top: 29px;
}
.join__terms-of-use-signature .box-signature-pad {
  margin-top: 8px;
}
.join__terms-of-use-signature-area {
  width: 100%;
  height: 140px;
  border: 1px solid #e0e0e0;
  margin-top: 13px;
}
.join__terms-of-use-btn {
  margin-top: 32px;
}
.join__terms-of-use .list-terms {
  margin-top: 40px;
}
.join__terms-of-use .list-terms.forgine-ver li.join__terms-of-use-item .checkbox__label {
  align-items: flex-start;
}
.join__terms-of-use .list-terms.forgine-ver li label > span {
  word-break: break-all;
  font-weight: 500;
  color: #131922;
}
.join__terms-of-use .list-terms li {
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
}
.join__terms-of-use .list-terms li:first-child {
  padding-top: 0;
}
.join__terms-of-use .list-terms li label > span {
  word-break: keep-all;
  font-weight: 500;
  color: #131922;
}
.join__joint-membership {
  padding: 38px 0 0;
}
.join__joint-membership .joint__agree {
  margin-top: 40px;
  border-bottom: 1px solid #f0f0f0;
}
.join__joint-membership .joint__agree .checkbox__label > span {
  color: #131922;
}
.join__joint-membership .joint__agree .checkbox__label--input:disabled {
  pointer-events: none;
}
.join__joint-membership .joint__agree-inner {
  padding-bottom: 19px;
}
.join__joint-membership .joint__agree-item {
  display: none;
}
.join__joint-membership .joint__agree-item.is-active {
  display: block;
}
.join__joint-membership .joint__agree-description {
  font-size: 12px;
  margin-top: 8px;
  padding-left: 32px;
  color: #929292;
  line-height: 18px;
}
.join__joint-membership .joint__agree-description-list {
  margin-top: 8px;
  padding-left: 32px;
}
.join__joint-membership .joint__agree-description-item {
  font-size: 12px;
  color: #929292;
  line-height: 18px;
}
.join__joint-membership .join__terms-of-use-item {
  flex-wrap: wrap;
  padding: 20px 0;
  border-top: 1px solid #f0f0f0;
}
.join__joint-membership .list-checkbox {
  flex: 1 100%;
  margin-top: 14px;
  padding-left: 32px;
}
.join__joint-membership .list-checkbox ul li {
  width: auto;
}
.join__joint-membership .list-checkbox ul li:not(:first-child) {
  margin-left: 10px;
}
.join__joint-membership .list-checkbox .checkbox__label {
  align-items: center;
}
.join__joint-membership .list-checkbox .checkbox__label--input {
  width: 16px;
  height: 16px;
  background-size: contain;
}
.join__joint-membership + .btn-wrap {
  margin-top: 40px;
}
.join__joint-membership + .join__terms-of-use-signature + .btn-wrap {
  margin-top: 32px;
}
.join__club-agreement .gray-bar + .join__joint-membership {
  padding-bottom: 32px;
}
.join__club-agreement .join__joint-membership .box-title-h1 {
  font-size: 16px;
}
.join__club-agreement .join__joint-membership .joint__agree {
  margin-top: 25px;
}
.join__complete {
  margin-top: -15px;
}
.join__complete-wrap .btn-wrap {
  margin-top: 40px;
}
.join__complete-wrap.padding-6 {
  padding-bottom: 60px;
}
.join__complete-title {
  font-size: 18px;
  text-align: center;
  line-height: 26px;
  color: #000;
}
.join__complete-txt-1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  color: #000;
}
.join__complete-txt-2 {
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  margin-top: 16px;
}
.join__complete-txt-3 {
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  margin-top: 8px;
}
.join__complete-banner {
  margin: 30px -24px 0;
}
.join__complete-banner .banner__swiper .swiper-pagination {
  display: none;
  position: static;
  font-size: 0;
  margin-top: 17px;
}
.join__complete-banner .banner__swiper .swiper-pagination.swiper-pagination-bullets {
  display: block;
}
.join__complete-banner .banner__swiper .swiper-pagination.swiper-pagination-bullets + .banner__arrow-right {
  top: calc(50% - 8.5px);
}
.join__complete-banner .banner__swiper .swiper-pagination-bullet {
  width: 10px;
  height: 1px;
  border-radius: 0;
  background-color: #787878;
}
.join__complete-banner .banner__swiper .swiper-pagination-bullet-active {
  background-color: #141a23;
}
.join__complete-banner .banner__swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 1px;
}
.join__complete-banner .banner__swiper .banner__image img {
  width: 100%;
}
.join__complete-banner .banner__img-only {
  display: block;
  overflow: hidden;
  position: relative;
  height: 8rem;
}
.join__complete-banner .banner__img-only img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate(0%, -50%);
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
}
.simple-sign-up-user {
  position: relative;
  background-color: #f8f8f8;
  padding: 32px 24px;
  margin-top: 40px;
}
.simple-sign-up-user .btn-wrap {
  margin-top: 24px;
}
.simple-sign-up-user-txt-1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  color: #000;
}
.simple-sign-up-user-txt-2 {
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  margin-top: 6px;
}
.simple-sign-up + .gray-bar {
  display: none;
}

.intergrate-sign-up + .shinsegae-point-guide {
  padding-top: 50px;
}
.intergrate-sign-up + .shinsegae-point-guide:before {
  position: absolute;
  top: 0;
  left: -24px;
  right: -24px;
  height: 8px;
  background-color: #f0f0f0;
  content: "";
}
.intergrate-sign-up__user {
  position: relative;
  margin-top: 30px;
  padding: 50px 0 38px;
}
.intergrate-sign-up__user:before {
  position: absolute;
  top: 0;
  left: -24px;
  right: -24px;
  height: 8px;
  background-color: #f0f0f0;
  content: "";
}
.intergrate-sign-up__user .user-name {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: #131922;
}
.intergrate-sign-up__user [class*=s-txt] {
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  margin-top: 8px;
}
.intergrate-sign-up__user .s-txt1 {
  margin-top: 20px;
}
.intergrate-sign-up__mem-info {
  padding: 0 0 40px;
}
.intergrate-sign-up__mem-info .ul-table + .ul-table {
  padding-top: 16px;
}
.intergrate-sign-up__mem-info .ul-table + .ul-table ul {
  padding-bottom: 0;
  border-bottom: none;
}

.integrate-kakao-user {
  padding: 0 24px;
  margin-top: 42px;
  margin-bottom: 28px;
}
.integrate-kakao-user-txt-1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: #000;
}
.integrate-kakao-user-txt-2 {
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  margin-top: 20px;
  margin-bottom: 38px;
}
.integrate-kakao-user .easy-member-info {
  padding-bottom: 4px;
}
.integrate-kakao-user .easy-member-info:not(:last-of-type) {
  border-bottom: 1px solid #f0f0f0;
}
.integrate-kakao-user .easy-member-info-title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
}
.integrate-kakao-user .easy-member-info-title:first-of-type {
  margin-top: 28px;
}
.integrate-kakao-user .easy-member-info table {
  margin-top: 12px;
}
.integrate-kakao-user .easy-member-info table th {
  width: 90px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #787878;
  text-align: left;
  padding-bottom: 12px;
}
.integrate-kakao-user .easy-member-info table td {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  padding-left: 16px;
  padding-bottom: 12px;
}

.join__entire-guide {
  position: relative;
}
.join__entire-guide-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0;
  color: #000;
}
.join__entire-guide.club-member-benefit {
  padding: 42px 0 40px;
}
.join__entire-guide.club-benefit-jaju .club-benefit__list {
  box-shadow: none;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  border-radius: 0;
  margin: 0 auto;
}
.join__entire-guide.club-benefit-jaju .club-benefit__item {
  margin: 0;
}
.join__entire-guide.club-benefit-jaju .club-benefit__item:before {
  padding-left: 10px;
}
.club-member-benefit-wrap {
  margin-top: 20px;
  padding: 36px 22px 33px 23px;
  background: url(../../../comm/image/pattern_shinsegae_club_benefit.svg) no-repeat center/cover;
}
.club-member-benefit .shinsegae-logo-img {
  display: block;
  margin: auto;
  width: 16px;
  height: 27px;
}
.club-member-benefit .shinsegae-logo-img img {
  width: 100%;
  height: 100%;
}
.club-member-benefit .side-small-bar {
  display: block;
  width: 28px;
  height: 1px;
  background-color: #787878;
  margin: auto;
  margin-top: 16px;
  margin-bottom: 14px;
}
.club-member-benefit-txt {
  font-size: 14px;
  text-align: center;
  line-height: 22px;
  color: #fff;
}

.membership-integrate-guide-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0;
}
.membership-integrate-guide-list {
  margin-top: 20px;
}
.membership-integrate-guide-item {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
}
.membership-integrate-guide-item:not(:last-of-type) {
  margin-bottom: 8px;
}
.membership-integrate-guide-info {
  margin-top: 38px;
}
.membership-integrate-guide-info .integrate-member-info {
  padding-bottom: 4px;
}
.membership-integrate-guide-info .integrate-member-info:not(:last-of-type) {
  border-bottom: 1px solid #f0f0f0;
}
.membership-integrate-guide-info .integrate-member-info-title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
}
.membership-integrate-guide-info .integrate-member-info-title.margin-16 {
  margin-top: 16px;
}
.membership-integrate-guide-info .integrate-member-info-title.margin-28 {
  margin-top: 28px;
}
.membership-integrate-guide-info .integrate-member-info table {
  margin-top: 12px;
}
.membership-integrate-guide-info .integrate-member-info table th {
  width: 90px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #787878;
  text-align: left;
  padding-bottom: 12px;
}
.membership-integrate-guide-info .integrate-member-info table td {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  padding-left: 16px;
  padding-bottom: 12px;
}

.join__offline-wrap {
  margin-top: 40px;
  padding: 0 24px 48px;
}
.join__offline-store-code .list-form {
  margin-top: 40px;
}
.join__offline-store-code .checkbox__label {
  margin-top: 16px;
}
.join__offline-store-code .btn-wrap {
  margin-top: 28px;
}
.join__offline-store-code-title {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  color: #000;
}
.join__offline-store-code-txt1 {
  margin-top: 20px;
  font-size: 20px;
  line-height: 26px;
  color: #000;
}
.join__offline-store-code-txt2 {
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #d99c63;
}
.join__offline-membership-tab {
  display: flex;
  flex: 1;
  margin: 0 -24px;
}
.join__offline-membership-tab a {
  display: inline-block;
  width: 50%;
  height: 48px;
  font-size: 16px;
  text-align: center;
  line-height: 48px;
  letter-spacing: -0.1px;
  color: #929292;
  border-bottom: 1px solid #e0e0e0;
}
.join__offline-membership-tab a.on {
  color: #000;
  border-bottom: 2px solid #141a23;
}
.join__offline-membership-mobile-carrier-tab {
  position: relative;
  display: flex;
  margin-top: 22px;
}
.join__offline-membership-mobile-carrier-tab:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #141a23;
  content: "";
}
.join__offline-membership-mobile-carrier-tab a {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid #c8c8c8;
  border-bottom: none;
  margin-left: -1px;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  letter-spacing: 0;
  color: #929292;
}
.join__offline-membership-mobile-carrier-tab a.on {
  position: relative;
  z-index: 1;
  border: 1px solid #141a23;
  border-bottom: none;
  background: #fff;
  color: #141a23;
}
.join__offline-membership-phone {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.join__offline-membership-phone input[type=number] {
  width: 224px;
  margin-top: 0;
}
.join__offline-membership-phone button {
  width: 95px;
}
.join__offline-input-user-info {
  margin-top: 24px;
  margin-bottom: 40px;
}
.join__offline-input-user-info__title {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  margin-bottom: 29px;
}
.join__offline-input-user-info .user-info {
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  padding: 16px;
  margin-top: 13px;
}
.join__offline-input-user-info .user-info span {
  display: block;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #a0a0a0;
}
.join__offline-input-user-info .marketing-consent-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0;
  margin-top: 29px;
}
.join__offline-input-user-info .marketing-consent-notice {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  margin-top: 13px;
}
.join__offline-input-user-info .marketing-consent-select {
  margin-top: 24px;
}
.join__offline-input-user-info .marketing-consent-select label {
  display: flex;
  align-items: center;
}
.join__offline-input-user-info .marketing-consent-select label .checkbox-title {
  margin-left: 8px;
}
.join__offline-input-user-info .marketing-consent-select-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.join__offline-input-required {
  padding-bottom: 50px;
}
.join__offline-input-required .required-field {
  padding: 0;
}
.join__offline-input-required .desc {
  margin-top: 16px;
}
.join__offline-input-optional {
  position: relative;
  margin-top: 40px;
}
.join__offline-input-optional .optional-field {
  padding: 0;
}
.join__offline .join__club-agreement {
  padding-left: 0;
  padding-right: 0;
}
.join__kakao-wrap {
  margin-top: 40px;
  padding: 0 24px 40px;
}
.join__kakao-intro .join__complete-txt-1 {
  color: #131922;
}
.join__kakao-intro .join__complete-txt-2 {
  margin-top: 8px;
}
.join__kakao-intro .btn-wrap {
  margin-top: 28px;
}
.join__kakao-intro .btn-wrap .btn-wide {
  padding: 14px;
  height: auto;
  line-height: 20px;
}
.join__kakao-intro .btn-wrap .btn-wide ~ .btn-wide {
  margin-top: 16px;
}
.join__qr-link-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0;
  color: #000;
  margin-top: 34px;
}
.join__qr-link-txt-1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0;
}
.join__qr-link-txt-2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  margin-top: 13px;
}
.join__qr-link__personal-info {
  margin-top: 29px;
}
.join__qr-complete .btn-wrap {
  margin-top: 16px;
}
.join__qr-complete-txt-1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  margin-top: 40px;
}
.join__qr-complete-txt-2 {
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  margin-top: 8px;
}
.join__qr-complete-user {
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  color: #000;
  background-color: #f8f8f8;
  padding: 20px 16px;
  margin-top: 28px;
}
.join__qr-complete .user-email {
  display: block;
  text-align: left;
}
.join__qr-complete .user-name {
  display: block;
  text-align: left;
}
.join__club-agreement {
  margin-top: 38px;
}
.join__club-agreement .btn-wrap {
  margin-top: 32px;
}
.join__club-agreement .btn-wrap .btn-wide {
  height: 56px;
  font-size: 16px;
}
.join__club-agreement-txt-1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0;
}
.join__club-agreement-txt-2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
}
.join__club-agreement .desc {
  margin-top: 28px;
}
.join__club-agreement .desc-item {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #404040;
}
.join__club-agreement-club {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.join__club-agreement-club .checkbox__label {
  margin-top: 0;
}
.join__club-agreement-club .underline-btn {
  margin-top: 0;
}
.join__club-agreement .join__terms-of-use {
  display: none;
  padding: 0;
  margin-bottom: 0;
}
.join__club-agreement .join__terms-of-use.type-du {
  display: block;
}
.join__club-agreement .join__terms-of-use.type-du .list-terms {
  margin-top: 23px;
}
.join__club-agreement .join__terms-of-use-title {
  margin-top: 38px;
}
.join__club-agreement .join__terms-of-use-s-title {
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
}
.join__club-agreement .join__terms-of-use + .gray-bar {
  display: none;
}
.join__club-agreement .join__terms-of-use.active {
  display: block;
  margin-top: 38px;
}
.gray-bar + .join__club-agreement .join__terms-of-use.active {
  margin: 38px 0 32px;
}
.join__club-agreement .join__terms-of-use.active + .gray-bar {
  display: block;
}
.join__kakao-plus-friend-txt-1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0;
  color: #000;
  margin-top: 26px;
  margin-bottom: -7px;
}
.join__partnership {
  padding: 40px 24px;
}
.join__partnership .s-txt1 {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #131922;
  font-weight: bold;
}
.join__partnership .txt-uline {
  text-decoration: underline;
}
.join__partnership .list-form {
  margin-top: 40px;
}
.join__partnership .btn-wrap {
  margin-top: 40px;
}
.join__partnership .list-form + .btn-wrap {
  margin-top: 12px;
}
.join__partnership--txt1 {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  text-align: center;
  color: #000;
}
.join__partnership--txt2 {
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #404040;
}
.join__partnership--txt3 {
  margin-top: 28px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #404040;
}
.join__partnership--box1 {
  margin: 28px -24px 0;
  padding: 32px 0;
  background: #f8f8f8;
}
.join__partnership--auth-code {
  margin-top: 40px;
}
.join__partnership--auth-code + .btn-wrap {
  margin-top: 12px;
}
.join__partnership .desc {
  margin-top: 8px;
}
.join .box-wran {
  margin-top: 48px;
}

.box-user-info {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid #e0e0e0;
  background-color: #f8f8f8;
}
.box-user-info > span {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #a0a0a0;
}
.box-user-info > span:first-child {
  margin-top: 0;
}

.box-wran .desc-tit {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #131922;
  font-weight: bold;
  text-align: center;
}
.box-wran .desc {
  margin-top: 16px;
}

/*** 팝업 관련 ***/
.popup__content .marketing-consent-guide-wrap {
  margin-top: 55px;
  padding: 0 24px;
}
.popup__content .marketing-consent-guide-wrap .txt-1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: 0;
  text-align: center;
  color: #000;
}
.popup__content .marketing-consent-guide-wrap .txt-2 {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  color: #404040;
  margin-top: 16px;
}
.popup__content .marketing-consent-guide-wrap .txt-3 {
  display: block;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
}
.popup__content .marketing-consent-guide-wrap .txt-3.white {
  color: #fff;
}
.popup__content .marketing-consent-guide-wrap .txt-4 {
  display: block;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #c8c8c8;
}
.popup__content .marketing-consent-guide-wrap button {
  width: 100%;
}
.popup__content .marketing-consent-guide-wrap button.black {
  background-color: #141a23;
}
.popup__content .marketing-consent-guide-wrap button.border {
  border: 1px solid #e0e0e0;
}
.popup__content .marketing-consent-guide-wrap button:first-of-type {
  padding: 16px 0;
  margin-top: 40px;
}
.popup__content .marketing-consent-guide-wrap button:last-of-type {
  padding: 14px 0;
  margin-top: 12px;
}
.popup__content .club-benefit {
  padding: 0 24px;
  margin-top: 52px;
}
.popup__content .club-benefit-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0;
  color: #000;
}
.popup__content .club-benefit-common-html {
  width: 100%;
  height: 120px;
  font-size: 16px;
  text-align: center;
  line-height: 120px;
  background-color: #f8f8f8;
  line-height: #404040;
  margin-top: 13px;
}
.popup__content .club-benefit .desc {
  margin-top: 24px;
}
.popup__content .club-benefit .desc-item {
  padding-left: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  position: relative;
}
.popup__content .club-benefit .desc-item:not(.popup__content .club-benefit .desc-item:first-of-type) {
  margin-top: 8px;
}
.popup__content .club-benefit .desc-item::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 2px;
  width: 2px;
  height: 2px;
  background: #404040;
  border-radius: 50%;
}

.popup-mini-wrap {
  padding: 0 20px;
}
.popup-mini-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 57px;
  border-bottom: 1px solid #f0f0f0;
}
.popup-mini-top-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: #000;
}
.popup-mini-top-close-btn {
  font-size: 0;
  overflow: hidden;
  text-indent: -9999px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../../../comm/image/icon_close_20.svg) no-repeat center/cover;
}
.popup-mini-content {
  padding: 20px 0 28px 0;
}
.popup-mini-content .txt-1 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #131922;
}
.popup-mini-content .txt-1 .nowrap {
  white-space: nowrap;
}
.popup-mini-content .txt-with-bg {
  margin-top: 16px;
  padding: 16px 0;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  letter-spacing: 0;
  text-align: center;
  background-color: #f8f8f8;
}
.popup-mini-content .txt-with-bg .user-email {
  background: none;
  font-weight: 400;
}
.popup-mini-content .user-email {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  letter-spacing: 0;
  background-color: #f8f8f8;
  padding: 16px 0;
  margin-top: 20px;
  color: #000;
}
.popup-mini-content .comment {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  margin-top: 16px;
  margin-bottom: 28px;
}
.popup-mini-content .comment.txt-1 {
  letter-spacing: -0.1px;
}
.popup-mini-content .comment.txt-2 {
  letter-spacing: -0.5px;
}
.popup-mini__text .user-email {
  display: block;
}

.login__wrap {
  padding: 28px 24px 112px;
}
.login__wrap.login__wrap-layout2 {
  padding-top: 0;
}
.login .box-capcha {
  margin-top: 16px;
}
.login .underline-wrap {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.login .underline-btn {
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  color: #787878;
  text-decoration: underline;
}
.login .underline-btn:not(:last-child):before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  border-left: 1px solid #e0e0e0;
  content: "";
}
.login .desc-item {
  position: relative;
  padding-left: 10px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  color: #787878;
}
.login .desc-item:not(:first-of-type) {
  margin-top: 8px;
}
.login .desc-item::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #787878;
  border-radius: 50%;
}
.login .side-bar {
  position: relative;
  margin: 32px 0;
  text-align: center;
}
.login .side-bar:after {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: block;
  border-top: 1px solid #929292;
  content: "";
}
.login .side-bar-or {
  position: relative;
  z-index: 1;
  display: inline-block;
  background: #fff;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0;
}
.login .hide {
  display: none;
}
.login__title.hidden {
  display: none;
}
.login__form-warning {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #db3c3c;
}
.login__form-warning.hidden {
  display: none;
}
.login__form-input .form_input:last-child {
  margin-bottom: 0;
}
.login__form-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.login__form-wrap label {
  position: relative;
  display: flex;
}
.login__form-wrap label:not(:first-of-type) {
  margin-left: 24px;
}
.login__form-wrap label .checkbox__label--input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.login__form-wrap label .checkbox__label--input + span {
  display: flex;
  align-items: center;
}
.login__form-wrap label .checkbox__label--input + span:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: url(../../../comm/image/icon_checkbox_off.svg) no-repeat center/100%;
  content: "";
}
.login__form-wrap label .checkbox__label--input:checked + span:before {
  background: url(../../../comm/image/icon_checkbox_on_black.svg) no-repeat center/100%;
  content: "";
}
.login__form-wrap .checkbox-title {
  font-size: 14px;
  letter-spacing: 0;
  margin-left: 8px;
}
.login__form-wrap .find-id-pw {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  letter-spacing: 0;
  color: #787878;
  text-decoration: underline;
}
.login__form-btn {
  margin-top: 28px;
}
.login__form-btn2 {
  margin-top: 60px;
}
.login__form-sns {
  margin-top: 32px;
  text-align: center;
}
.login__form-sns li {
  display: inline-block;
  margin: 0 0 0 -3px;
  padding: 0 16px;
}
.login__form-sns li a {
  display: block;
  text-align: center;
}
.login__form-sns li a .sns-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 100%;
}
.login__form-sns li a .sns-bg.color-1 {
  background-color: #03cf5d;
}
.login__form-sns li a .sns-bg.color-2 {
  background-color: #1982f4;
}
.login__form-sns li a .sns-bg.color-3 {
  background-color: #231f20;
}
.login__form-sns li a .sns-bg img {
  width: 28px;
  height: 28px;
}
.login__form-sns li a .sns-img {
  width: 48px;
  height: 48px;
}
.login__form-sns li a .sns-img img {
  width: 48px;
  height: 48px;
}
.login__form-sns li a span {
  display: inline-block;
  margin-top: 6px;
  font-size: 12px;
  line-height: 20px;
  color: #404040;
}
.login__tab {
  display: flex;
  margin: 0 -24px;
}
.login__tab a {
  display: block;
  width: 100%;
  height: 48px;
  font-size: 16px;
  line-height: 48px;
  letter-spacing: -0.1px;
  text-align: center;
  color: #929292;
  border-bottom: 1px solid #e0e0e0;
}
.login__tab a.on {
  font-weight: 500;
  color: #000;
  border-bottom: 2px solid #131922;
}
.login__find-id-pw {
  margin-top: 40px;
}
.login__find-id-pw-form .btn-wrap {
  margin-top: 16px;
}
.login__connect-sns-id .btn-wrap {
  margin-top: 16px;
}
.login__connect-sns-id .login__form-input {
  margin-top: 40px;
}
.login__connect-sns-id .txt-1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0;
  color: #000;
}
.login__connect-sns-id .txt-2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  margin-top: 16px;
  color: #404040;
}
.login__connect-sns-id .box-capcha {
  margin-bottom: 12px;
}
.login__non-member__order-inquiry .btn-wrap {
  margin-top: 16px;
}
.login__find-id-result .btn-wrap {
  margin-top: 28px;
}
.login__find-id-result .txt-1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0;
  color: #000;
}
.login__find-id-result .txt-2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  margin-top: 8px;
}
.login__find-id-result .member-info {
  background-color: #f8f8f8;
  margin-top: 40px;
  padding: 16px 0;
}
.login__find-id-result .member-info-email {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  color: #000;
}
.login__temp-pw-send .btn-wrap {
  margin-top: 28px;
}
.login__temp-pw-send-msg-1 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
}
.login__temp-pw-send-msg-2 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  background-color: #f8f8f8;
  color: #000;
  padding: 16px 20px;
  margin-top: 24px;
}
.login__pw-resetup .btn-wrap {
  margin-top: 28px;
}
.login__pw-resetup-msg-1 {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
}
.login__pw-resetup-msg-2 {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  background-color: #f8f8f8;
  color: #000;
  padding: 16px 20px;
  margin-top: 40px;
}
.login__pw-resetup .txt-style {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.login__pw-resetup .txt-style.red {
  color: #db3c3c;
}
.login__pw-resetup .txt-style.gold {
  color: #d99c63;
}
.login__pw-resetup .txt-style.no-blank {
  margin-top: 12px;
}
.login__pw-resetup .txt-style.available-pw {
  margin-top: 2px;
}
.login__pw-resetup .desc {
  margin-top: 41px;
}
.login__release-dormancy .btn-wrap, .login__two-factor .btn-wrap {
  margin-top: 16px;
}
.login__release-dormancy .txt-1, .login__two-factor .txt-1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: 0;
  color: #000;
}
.login__release-dormancy .txt-2, .login__two-factor .txt-2 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  word-break: keep-all;
  color: #404040;
  margin-top: 8px;
}
.login__release-dormancy .txt-2 + .btn-wrap, .login__two-factor .txt-2 + .btn-wrap {
  margin-top: 40px;
}
.login__release-dormancy .list-form, .login__two-factor .list-form {
  margin-top: 40px;
}
.login__release-dormancy-authentication, .login__two-factor-authentication {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.login__release-dormancy-authentication a, .login__two-factor-authentication a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 120px;
  border: 1px solid #000;
}
.login__release-dormancy-authentication a:last-child, .login__two-factor-authentication a:last-child {
  margin-left: 9px;
}
.login__release-dormancy-authentication a .icon-common, .login__two-factor-authentication a .icon-common {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.login__release-dormancy-authentication a .icon-phone, .login__two-factor-authentication a .icon-phone {
  background: url(../../../comm/image/icon_thin_phone.svg) no-repeat center/cover;
}
.login__release-dormancy-authentication a .icon-ipin, .login__two-factor-authentication a .icon-ipin {
  background: url(../../../comm/image/icon_thin_ipin.svg) no-repeat center/cover;
}
.login__release-dormancy-authentication a .s-tit, .login__two-factor-authentication a .s-tit {
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  color: #404040;
  margin-top: 8px;
}
.login__release-dormancy .desc, .login__two-factor .desc {
  margin-top: 40px;
}
.login__release-dormancy-simple-check, .login__two-factor-simple-check {
  margin-top: 24px;
}

/*** 팝업 관련 ***/
.popup__content .change-password {
  margin-top: 40px;
  padding: 0 24px;
}
.popup__content .change-password .btn-wrap {
  margin-top: 40px;
}
.popup__content .change-password-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 28px;
  letter-spacing: 0;
}
.popup__content .change-password-desc {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  letter-spacing: 0;
  color: #404040;
  margin-top: 20px;
}
.popup__content .change-password-do-not-show {
  display: block;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  letter-spacing: 0;
  text-decoration: underline;
  color: #787878;
  margin-top: 25px;
}

@media screen and (min-width: 1024px) {
  .join .responsive_wrap .responsive_inner .responsive_content {
    width: 480px;
  }
  .join .responsive_content .gray-bar {
    margin-left: -284px;
    margin-right: -284px;
  }
  .join__complete-banner {
    margin: 30px 0 0 0;
  }
  .join__complete-banner .banner__img-only {
    height: 92px;
  }

  .responsive_content .join-container.join-container-layout2 {
    margin-top: 55px;
  }
  .responsive_content .login__wrap.login__wrap-layout2 {
    margin-top: 55px;
  }
  .responsive_content .gray-bar {
    margin-left: -336.5px;
    margin-right: -336.5px;
  }
  .responsive_content .intergrate-sign-up__user:before {
    margin-left: -336.5px;
    margin-right: -336.5px;
  }

  .join__partnership {
    box-sizing: border-box;
    max-width: 375px;
    margin: 0 auto;
  }

  .form_input input {
    margin-bottom: 0;
  }

  .btn-wide {
    font-size: 14px;
  }
  .list-form__inner--email .ico-at {
    margin: 0 9px;
    font-size: 14px;
    letter-spacing: 0;
    color: #000;
  }
  .list-form__inner--email.type2 .form_input:nth-of-type(1) {
    max-width: 96px;
  }
  .list-form__inner--email.type2 .siv-selectbox {
    margin-left: 0;
  }
  .list-form__inner--email .siv-selectbox {
    width: calc(100% + 30px);
  }
  .list-form__inner--email .siv-selectbox .selectbox-wrap {
    max-height: initial;
  }
  .list-form__inner--email-chk {
    margin-top: 8px;
  }
}
.siv-popup.popup-login .login__wrap {
  padding-left: 0;
  padding-right: 0;
}