@charset "utf-8";

/* --------------------------------------------
 * HanbitSoft Infra Development Team
 * [Update]Super Star Membership Infomation Stylesheet
 * Author - sgp8116@hanbitsoft.co.kr  20230105
----------------------------------------------- */


.content {
  background: url(../images/info/content-info-bg.jpg) no-repeat 50% 0;
  height: 3138px;
  overflow: hidden;
}

.star-point,
.membership-class {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.star-point {
  padding: 82px 0 0;
  margin-bottom: 64px;
}
.membership-class {
  padding: 85px 0 0;
}

.title-sub-star-point,
.title-sub-membership-class {
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.title-sub-star-point {
  background-image: url(../images/info/title-star-point.png);
  height: 139px;
  margin-bottom: 55px;
}
.title-sub-membership-class {
  background-image: url(../images/info/title-membership.png);
  height: 100px;
  margin-bottom: 49px;
}

.star-point-howToEarn dt,
.star-point-howToEarn dd {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
}
.star-point-howToEarn-1stLine,
.star-point-howToEarn-2ndLine {
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.star-point-howToEarn-1stLine {
  background-image: url(../images/info/star-point-line1.png);
  height: 185px;
  margin-bottom: 15px;
}
.star-point-howToEarn-2ndLine {
  background-image: url(../images/info/star-point-line2.png);
  height: 199px;
}

.membership-class-list {
  background: url(../images/info/membership-class-list.jpg) no-repeat 50% 0;
  height: 2070px;
  padding-top: 59px;
}
.membership-class-list li {
  position: relative;
  margin-bottom: 4px;
}
.membership-class-list li:nth-child(even) {
  height: 224px;
}
.membership-class-list li:nth-child(odd) {
  height: 217px;
}
.membership-class-list li .link-grade {
  position: absolute;
  top: 44px;
  left: 338px;
  width: 146px;
  height: 140px;
}

.modal-open-point-payment-guidance {
  position: absolute;
  bottom: 58px;
  right: 132px;
  width: 41px;
  height: 41px;
}
.modal-point-payment-guidance .modal-content {
  background: url(../images/info/modal-point-payment-guidance.png) no-repeat 0 0;
  width: 564px;
  height: 819px;
}
.modal-close-point-payment-guidance {
  position: absolute;
  top: 18px;
  right: 15px;
  width: 30px;
  height: 30px;
}

.character {
  position: absolute;
  bottom: -30px;
  right: -335px;
  background: url(../images/info/character.png) no-repeat 0 0;
  width: 703px;
  height: 633px;
}