@charset "UTF-8";
.membership-root {
  padding: 32px 5px;
  width: 370px;
  margin: 0 auto 48px;
}

.membership-root * {
  letter-spacing: -0.3px;
}



.membership-root header h2 {
  font-weight: 700;
  font-size: 20px;
	margin-bottom:8px;
}

.membership-root header .main-title {
  margin-top: 8px;
	padding-bottom: 24px;
}

.membership-root header .main-title img{
width: 300px;
}

.membership-root header h3 {
  font-weight: 800;
  font-size: 48px;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  margin-top: 6px;
}

.membership-root .txt {
font-weight: 500;
  font-size: 17px;
  line-height: 150%;
  margin-bottom: 28px;
}
.membership-root .ps-btn.arrow-icon {
  width: initial !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 10px 12px 10px 20px;
}
.membership-root .ps-btn.arrow-icon img {
  width: 12px;
  height: 12px;
}

.bottom-box {
  margin-top: 146px;
}
.bottom-box .txt {
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  color: var(--color-60);
  margin-bottom: 18px;
}
.membership-root .bottom-box .ps-btn {
  width: 100%;
  height: 54px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}
.membership-root .bottom-box .ps-btn + .ps-btn {
  margin-top: 8px;
}

/* 팝업 */
.unitePop .layer-head {
  display: flex;
  flex-direction: column;
  margin-bottom: 36px;
}
.unitePop .layer-head h4 {
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
}
.unitePop .layer-head h3 {
  font-weight: 600;
  font-size: 24px;
}
.unitePop .ps-bottom-layer-content .inner {
  padding: 20px 24px 59px;
}

.unitePop .benefit-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 28px 0;
  border-top: 1px solid var(--color-30);
  gap: 12px;
}
.unitePop .benefit-list:last-child {
  border-bottom: 1px solid var(--color-30);
}
.unitePop .benefit-list dt {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  width: 114px;
}
.unitePop .benefit-list dd {
  flex: 1;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  text-align: right;
  color: var(--color-70);
  word-break: keep-all;
  text-align: left;
}

/* 회원정보확인 */
.member-check header {
  margin-bottom: 20px;
}
.member-check header h2 {
  font-size: 16px;
}
.member-check header h3 {
  font-size: 32px;
  line-height: 150%;
}
.member-check .info-box {
  margin-bottom: 32px;
}
.member-check.result .info-box {
  margin-bottom: 48px;
}
.member-check .info-box .result {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 16px;
  padding-top: 8px;
  color:var(--color-70);
}
.member-check .info-box.not-user {
  margin-bottom: 42px;
}

.member-check .info-box .main-txt {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 16px;
  line-height: 150%;
}
.member-check .info-box .main-txt strong {
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.member-check .info-box .color2 {
  font-weight: 800;
  font-size: 20px;
  line-height: 150%;
  color: #006ec7;
}
.member-check .info-box .guide-txt {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: var(--color-70);
}

.member-check .user-info {
  margin-bottom: 24px;
}
.member-check .user-info.offline {
  margin-bottom: 42px;
}
.member-check .info-list {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-30);
}
.member-check .info-list + .info-list {
  margin-top: 20px;
}

.member-check .info-list.id .data-label {
  width: auto;
}

.member-check .info-list dt {
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  vertical-align: middle;
  text-transform: uppercase;
  color: var(--color-50);
  margin-bottom: 12px;
}
.member-check .info-list dd {
  display: flex;
  align-items: center;
  gap: 15px;
}
.member-check .info-list dd + dd {
  margin-top: 10px;
}
.member-check .data-label {
  width: 42px;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
}
.member-check .data-value {
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: var(--color-70);
}

.member-check .warning-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  color: #BF1238;
  margin-bottom: 6px;
}

.member-check .terms-wrap {
  margin-bottom: 24px;
	padding-top:16px;
}
.member-check .terms-wrap ul,
.member-check .terms-wrap li {
  list-style: none;
  list-style-type: none;
  padding-left: 0;
	flex-wrap: wrap;
}
.member-check
  .terms-wrap-box
  .ps-chkbox
  > label
  > input[type="checkbox"]
  + .text {
  padding-left: 34px;
}

.member-check .terms-wrap-box .ps-chkbox.all-chk {
  width: 100%;
/*  border-bottom: 1px solid var(--color-30);*/
  padding-bottom: 10px;
}
.member-check .terms-wrap-box .ps-chkbox.all-chk .text {
  font-weight: 600;
  font-size: 14px;
}
.member-check .terms-wrap-box .ps-chkbox:not(.all-chk) .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: var(--color-70);
}
.member-check .terms-wrap-box .ps-chkbox:not(.all-chk) .text .color1 {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: #BF1238;
}
.member-check .ps-btn.view-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  vertical-align: middle;
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: auto;
  border-bottom: none;
  color: var(--color-50);
}


/*약관추가*/
.member-check .terms-con {
  overflow: auto;
  flex: 0 0 100%;
  height: 6.25rem;
  margin-top: 0.625rem;
  padding: 0.625rem;
  border: 1px solid #e3e3e3;
  display: none;
}
.member-check .terms-con::-webkit-scrollbar {
  width: 5px;
}
.member-check .terms-con::-webkit-scrollbar-thumb {
  background: #999;
}
.member-check .terms-con .agree_in {
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
  word-break: normal;
}
.member-check .terms-con .agree_in h4 {
  font-weight: 500;
}
.member-check .terms-con .agree_in * {
  color: #666;
}
.member-check .terms-con .agree_in dl {
  padding-bottom: 15px;
}
.member-check .terms-con .agree_in dl dt {
  font-weight: 500;
  padding-bottom: 7px;
  font-size: 14px;
}
.member-check .terms-con .agree_in dl dd {
  padding-bottom: 5px;
  font-size: 13px;
  margin-left: 0;
  word-break: normal;
}
.member-check .terms-con .agree_in ul {
  padding-left: 15px;
}

/*약관추가 끝*/


.membership-root .btn-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top:8px;
}

.membership-root .btn-wrap .ps-btn {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}
.membership-root .ps-btn.type2 {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

/* 인풋 */
.input-box.line {
  min-height: 60px;
  width: 100%;
  display: flex;
}
.input-box.line + .input-box.line {
  border-top: 1px solid var(--color-30);
}
.input-box.line .input-area {
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}

.input-box.line .input-area label {
  min-width: 55px;
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
}
.input-box.line .input-area .ps-input {
  flex: 1;
}
.input-box.line .input-area .ps-input .inp {
  height: 60px;
  border: none;
  padding: 0 26px 0 0;
}
.input-box.line .ps-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 42px;
}
.input-box.line .ps-chkbox .text {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  vertical-align: middle;
  color: #555;
  position: relative;
}
.input-box.line
  .ps-chkbox
  > label
  > input[type="radio"]:checked
  + .text::before {
  border: 1px solid #ccc;
}
.input-box.line
  .ps-chkbox
  > label
  > input[type="radio"]:checked
  + .text::after {
  content: "";
  width: 12px;
  height: 12px;
  background: #000;
  position: absolute;
  left: 0%;
  top: 0;
  transform: translate(4px, 4px);
  border-radius: 50%;
  background: #000;
}

.form-box + .btn-wrap {
  margin-top: 24px;
}

/* 회원가입완료 */
.point-coupone {
  border-top: 1px solid var(--color-30);
  border-bottom: 1px solid var(--color-30);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 30px 0;
  margin-bottom: 24px;
}
.point-coupone dl {
  display: flex;
  justify-content: space-between;
}
.point-coupone dl dt {
  min-width: 95px;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
}

.point-coupone dl dd {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  text-align: right;
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.guide-box {
  margin-top: 93px;
  margin-bottom: 47px;
}
.guide-box p {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: var(--color-60);
  margin-bottom: 10px;
}

.guide-box a {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: auto;
}
.unitePop .inner {
    background: #fff;
    padding: 24px 40px 24px !important;
    flex: 0 0 100%;
}

.unitePop .inner .layer-txt p2 {
  font-size: 16px;
  line-height: 150%;
  color: var(--color-90);
  font-weight: 650;
}

.unitePop .modal.xsmall {
  width: 360px !important;
}


.ps-btn.closebt {
    width: 32px;
    height: 32px;
    background: url(https://image.prospecs.com/front/images/renewal/icon_close_small_gr.svg) no-repeat center center / 100% 100%;
    float: right;
    margin-top: -40px;
}


  .login-input--find {
    margin-top: 24px;
    text-align: center;
    color: #555555;
    font-size: 14px;
    font-weight: 600;
}

  .login-input--find button {
    background: none;
    border: none;
    font-size: 14px;
    color: #555;
    cursor: pointer;
    padding: 0 4px;
    text-decoration: underline;
	  font-weight: 500;
  }

  .login-input--find button:hover {
    color: #555;
    text-decoration: none;
	  font-weight: 500;
  }




/* 회원혜택 */
.benefit-root {
  width: 640px;
  margin: 0 auto 300px;
}
.benefit-root h4 {
  font-weight: 600;
  font-size: 26px;
  margin: 72px 0 18px;
}

.benefit-root h5 {
  font-weight: 600;
  font-size: 20px;
  margin-top: 48px;
}
.benefit-root .membership-grade {
  margin-top: 24px;
}
.benefit-root .membership-grade > li {
  padding: 34px 21px;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #d8d8d8;
}
.benefit-root .membership-grade .friend .grade {
  color: #006ec7;
}
.benefit-root .membership-grade .bronze .grade {
  color: #c73c00;
}
.benefit-root .membership-grade .silver .grade {
  color: #8e8e8e;
}
.benefit-root .membership-grade .gold .grade {
  color: #a2845e;
}

.benefit-root .membership-grade > li:first-child {
  border-top: 1px solid #d8d8d8;
}
.benefit-root .membership-grade li .grade p {
  font-weight: 700;
  font-size: 16px;
}
.benefit-root .membership-grade li .grade strong {
  font-weight: 700;
  font-size: 40px;
  line-height: 150%;
  margin-top: 16px;
  display: inline-block;
}
.benefit-root .membership-grade li .grade-info {
  margin-left: auto;
  min-width: 171px;
}
.benefit-root table {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 16px;
}
.benefit-root table td {
  height: 50px;
  padding: 11px 10px 13px;
  font-weight: 500;
  font-size: 16px;
  color: #555;
  text-align: center;
  vertical-align: middle;
}
.benefit-root table td {
  border-left: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}
.benefit-root table tr:first-child td:first-child {
  border-left: none;
}
.benefit-root table.point-tbl tr:not(:first-child) td:first-child {
  border-left: none;
}
.benefit-root table.point-tbl tr:last-child td:first-child {
  border-left: 1px solid #d8d8d8;
}
.benefit-root table.point-info-tbl tr:not(:first-child) td:first-child {
  border-left: none;
}
.benefit-root table.point-info-tbl {
  margin-bottom: 14px;
}
.benefit-root .point-info {
  margin-bottom: 28px;
}
.benefit-root .point-info li {
  line-height: 150%; !important;
}
.benefit-root .information {
  margin-top: 80px;
}
.benefit-root .information .info-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.benefit-root .information .info-head strong {
  font-weight: 700;
  font-size: 17px;
  color: #5a5a5a;
}
.benefit-root .information .info-head button {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.benefit-root .information .info-head button:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #444;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.benefit-root .information .info-head button:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #444;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in;
}
.benefit-root .information .info-head button.active:after {
  transform: translateY(-50%) rotate(-90deg);
}

.benefit-root .information ul {
  margin-top: 24px;
}
.benefit-root .information ul li {
  color: #767676;
  font-size: 15px;
}

/* 리스트 dot 표시 */
.benefit-root .list-dot li {
  padding-left: 10px;
  position: relative;
  color: #555;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.benefit-root .list-dot li + li {
  margin-top: 10px;
}
.benefit-root .list-dot li:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 10px;
  background: #555;
}

.table-info
{  color: #8E8E8E;
  font-size: 14px;
  font-weight: 500;
	line-height: 150%;	
}

.table-sub
{  color: #1d1d1d;
  font-size: 16px;
  font-weight: 500;
	line-height: 150%;
	margin-top: 6px;
}

/* 멤버쉽 게이트 */
.membershipGateRoot{width:100vw;height:100vh;background:#1d1d1d url(../images/membership_bg.svg) no-repeat;background-size:cover;background-position:center top;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;}
.membershipGateRoot .gateInner{width:672px;margin-top:-126px;}
.membershipGateRoot .gateInner .gate-head img{margin:auto;}
.membershipGateRoot .gateInner .gate-head p{font-size:19px;font-weight:600;color:#f8f8f8;margin-top:24px;text-align:center}

.membershipGateRoot .gateInner .gate-btns{display:flex;gap:32px;margin-top:72px;}
.membershipGateRoot .gateInner .gate-btns button{width:320px;height:160px;border:1px solid #8e8e8e;transition:all 0.2s ease-in;}
.membershipGateRoot .gateInner .gate-btns button strong{font-size:29px;font-weight:600;color:#f8f8f8;line-height:22px;letter-spacing:-0.5px;}
.membershipGateRoot .gateInner .gate-btns button p{font-size:17px;font-weight:500;color:#f8f8f8;margin-top:20px;line-height:22px;letter-spacing:-0.5px;}
.membershipGateRoot .gateInner .gate-btns button:hover{background:#fff;}
.membershipGateRoot .gateInner .gate-btns button:hover *{color:#1d1d1d;}
