@charset "UTF-8";
.renew-faq #contArea {
  padding: 0 18px 30px;
}
.renew-faq #contArea #sub-title {
  margin: 34px 0 28px;
}
.renew-faq #contArea .floating-area {
  height: 124px;
}
.renew-faq #contArea .floating-area .floating-wrap .board-search {
  margin-bottom: 30px;
}
.renew-faq #contArea .floating-area .floating-wrap .tab-basic ul {
  padding: 0 18px 16px 18px;
  margin: 0 -18px;
}
.renew-faq #contArea .floating-area.fixed .floating-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 56px;
  padding: 0 18px;
  background: #fff;
  z-index: 1;
}
.renew-faq #contArea .floating-area.fixed .floating-wrap:after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  height: 1px;
  background: var(--Gray1, #222);
}
.renew-faq #contArea .paging-area {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.renew-point #contArea {
  padding: 0 18px 30px;
}
.renew-point #contArea .floating-area {
  height: 37px;
  margin-bottom: 18px;
}
.renew-point #contArea .floating-area.fixed .floating-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 56px;
  padding: 0 18px;
  background: #fff;
  z-index: 1;
}
.renew-point #contArea #sub-title {
  margin: 34px 0 28px;
}
.renew-point #contArea .gpoint-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 112px;
  margin-bottom: 30px;
  border-radius: 6px;
  background: var(--Gray6, #f5f5f5);
}
.renew-point #contArea .gpoint-area dt {
  margin-bottom: -5px;
  color: #6A6A6A;
  font-family: "Pretendard Variable";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -0.13px;
}
.renew-point #contArea .gpoint-area dd {
  color: #000;
  font-family: "Pretendard Variable";
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.72px;
}
.renew-point #contArea .gpoint-area dd i {
  font-size: 26px;
  font-style: normal;
}
.renew-point #contArea .point-list li {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 22px 5px;
  border-bottom: 1px solid #f3f3f3;
}
.renew-point #contArea .point-list li .info-data {
  display: flex;
  align-items: center;
  gap: 10px;
}
.renew-point #contArea .point-list li .info-data .mall-name {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 13px;
  border: 1px solid #ddd;
  color: #454545;
  font-family: "Pretendard Variable";
  font-style: normal;
  font-size: 13px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.26px;
}
.renew-point #contArea .point-list li .info-data .text-date {
  color: #A6A6A6;
  text-align: right;
  font-family: "Pretendard Variable";
  font-size: 13px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.13px;
}
.renew-point #contArea .point-list li .point-details {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 6px;
}
.renew-point #contArea .point-list li .point-details .point-reason {
  color: #454545;
  font-family: "Pretendard Variable";
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.renew-point #contArea .point-list li .point-details .point-number {
  flex: none;
  margin-left: auto;
}
.renew-point #contArea .point-list li .point-details .point-number > a > span,
.renew-point #contArea .point-list li .point-details .point-number > span {
  font-family: "Pretendard Variable";
  font-size: 19px;
  font-weight: 600;
  font-style: normal;
  line-height: 140%;
  letter-spacing: -0.76px;
}
.renew-point #contArea .point-list li .point-details .point-number > a > span i,
.renew-point #contArea .point-list li .point-details .point-number > span i {
  font-style: normal;
}
.renew-point #contArea .point-list li .point-details .point-number > a > span.style-add,
.renew-point #contArea .point-list li .point-details .point-number > span.style-add {
  color: #C7145D;
}
.renew-point #contArea .point-list li .point-details .point-number > a > span.style-subtract,
.renew-point #contArea .point-list li .point-details .point-number > span.style-subtract {
  color: #6A6A6A;
}
.renew-point #contArea .point-list li .point-details .point-number > a > span {
  padding-right: 13px;
  background: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11.5L6 6.5L1 1.5' stroke='%23C7145D' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 100% 50%;
}
.renew-point #contArea .point-list li:first-child {
  padding-top: 0;
}
.renew-point #contArea .point-list.old-list .point-details .point-reason {
  color: #6A6A6A;
}
.renew-point #contArea .point-list.old-list.old-list-view .point-details {
  padding-left: 0;
}
.renew-point.renew-point-view .point-list {
  margin-top: 20px;
}

.renew-barcode {
  height: 100%;
  overflow: initial !important;
}
.renew-barcode #container {
  height: calc(100% - 56px);
}
.renew-barcode #container #contArea {
  height: calc(100% - 34px);
}
.renew-barcode #container #contArea #sub-title {
  margin: 34px 0 28px;
}
.renew-barcode #container #contArea .barcode-area {
  position: relative;
  height: calc(100% - 56px);
  padding: 28px 18px 0;
  background: #F9F9F9;
  box-sizing: border-box;
}
.renew-barcode #container #contArea .barcode-area .barcode-box {
  padding: 29px 38px;
  background: #fff;
}
.renew-barcode #container #contArea .barcode-area .barcode-box .barcode-wrap {
  height: 20.5vw;
  overflow: hidden;
}
.renew-barcode #container #contArea .barcode-area .barcode-box .barcode-wrap p {
  aspect-ratio: 1/0.56;
}
.renew-barcode #container #contArea .barcode-area .barcode-box .barcode-wrap p img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.renew-barcode #container #contArea .barcode-area .barcode-box .barcode-number {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}
.renew-barcode #container #contArea .barcode-area .barcode-box .barcode-number span {
  color: var(--Gray2, #454545);
  font-family: "Pretendard Variable";
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.3px;
}
.renew-barcode #container #contArea .barcode-area .caution-area {
  position: absolute;
  bottom: 33px;
  left: 0;
  right: 0;
  color: #6A6A6A;
  text-align: center;
  font-family: "Pretendard Variable";
  font-size: 14px;
  font-weight: 500;
  line-height: 170%;
}

.renew-point-guide #contArea #sub-title {
  margin: 34px 0 28px;
}
.renew-point-guide #contArea .floating-area {
  height: 37px;
}
.renew-point-guide #contArea .floating-area .tab-mode-first {
  margin: 0;
  padding: 0;
}
.renew-point-guide #contArea .floating-area.fixed .floating-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 56px;
  background: #fff;
  z-index: 1;
}
.renew-point-guide #contArea .caution-area {
  padding: 18px 18px 0;
}
.renew-point-guide #contArea .caution-area .wrap-area {
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 4px 11px 0 rgba(36, 37, 44, 0.07);
  background: #fff;
}
.renew-point-guide #contArea .caution-area .wrap-area #bnt-caution {
  all: unset;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 52px;
  padding: 0 20px 0 44px;
  color: var(--Gray1, #222);
  font-family: "Pretendard Variable";
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.26px;
  box-sizing: border-box;
}
.renew-point-guide #contArea .caution-area .wrap-area #bnt-caution:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0001 18.3332C5.39771 18.3332 1.66675 14.6022 1.66675 9.99984C1.66675 5.39746 5.39771 1.6665 10.0001 1.6665C14.6025 1.6665 18.3334 5.39746 18.3334 9.99984C18.3284 14.6001 14.6004 18.3281 10.0001 18.3332ZM9.16675 12.4998V14.1665H10.8334V12.4998H9.16675ZM9.16675 5.83317V10.8332H10.8334V5.83317H9.16675Z' fill='%23222222'/%3E%3C/svg%3E%0A") no-repeat;
}
.renew-point-guide #contArea .caution-area .wrap-area #bnt-caution:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7L10 13L16 7' stroke='%236A6A6A' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat;
}
.renew-point-guide #contArea .caution-area .wrap-area #bnt-caution.on::after {
  transform: translateY(-50%) rotate(180deg);
}
.renew-point-guide #contArea .caution-area .wrap-area .slide-area {
  padding: 16px 20px;
  border-top: 1px solid var(--Gray6, #f5f5f5);
}
.renew-point-guide #contArea .caution-area .wrap-area .slide-area p {
  color: var(--Gray3, #6a6a6a);
  font-family: "Pretendard Variable";
  font-size: 13px;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -0.26px;
}
.renew-point-guide #contArea .caution-area .wrap-area .slide-area p strong {
  font-weight: 600;
  text-decoration: underline;
  color: var(--black);
}
.renew-point-guide #contArea .caution-area.bg-gray .wrap-area {
  background: #f5f5f5;
}
.renew-point-guide #contArea .caution-area.bg-gray .wrap-area .slide-area {
  border-color: #fff;
}
.renew-point-guide #contArea .list-area {
  background: #F9F9F9;
}
.renew-point-guide #contArea .list-area .point-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px;
}
.renew-point-guide #contArea .list-area .point-list > li {
  display: flex;
  min-height: 148px;
  background: #fff;
  border-radius: 6px;
}
.renew-point-guide #contArea .list-area .point-list > li > a,
.renew-point-guide #contArea .list-area .point-list > li > span {
  flex: none;
  padding: 18px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 130px;
}
.renew-point-guide #contArea .list-area .point-list > li > a i,
.renew-point-guide #contArea .list-area .point-list > li > span i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border: 1px solid #F5F5F5;
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
}
.renew-point-guide #contArea .list-area .point-list > li > a i img,
.renew-point-guide #contArea .list-area .point-list > li > span i img {
  width: 100%;
  height: 100%;
}
.renew-point-guide #contArea .list-area .point-list > li > a em,
.renew-point-guide #contArea .list-area .point-list > li > span em {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 14px;
  border-radius: 12px;
  color: var(--Gray2, #454545);
  font-family: "Pretendard Variable";
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.11px;
  background: #f5f5f5;
}
.renew-point-guide #contArea .list-area .point-list > li .benefits-details {
  display: flex;
  align-items: center;
  padding: 18px 0;
}
.renew-point-guide #contArea .list-area .point-list > li .benefits-details .wrap-area .brand-name {
  display: block;
  margin-bottom: 4px;
  color: var(--Black, #000);
  font-family: "Pretendard Variable";
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.13px;
}
.renew-point-guide #contArea .list-area .point-list > li .benefits-details .wrap-area .benefits-text {
  color: var(--Gray2, #454545);
  font-family: "Pretendard Variable";
  font-size: 13px;
  font-weight: 600;
  line-height: 190%; /* 24.7px */
  letter-spacing: -0.13px;
}
.renew-point-guide #contArea .list-area .point-list > li .benefits-details .wrap-area .benefits-text strong {
  color: #C7145D;
  font-weight: 700;
}
.renew-point-guide #contArea .list-area .point-list > li .benefits-details .wrap-area .sub-text {
  display: block;
  color: var(--Gray3, #6a6a6a);
  font-family: "Pretendard Variable";
  font-size: 10px;
  font-weight: 500;
  line-height: 166%;
  letter-spacing: -0.1px;
}
.renew-point-guide #contArea .list-area .point-list > li .benefits-details .wrap-area .add-details {
  margin-top: 5px;
}
.renew-point-guide #contArea .list-area .point-list > li .benefits-details .wrap-area .add-details li {
  position: relative;
  padding-left: 6px;
  color: var(--Gray3, #6a6a6a);
  font-family: "Pretendard Variable";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
  letter-spacing: -0.12px;
}
.renew-point-guide #contArea .list-area .point-list > li .benefits-details .wrap-area .add-details li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: var(--Gray3, #6a6a6a);
}
.renew-point-guide #contArea .caution-content {
  padding: 22px 18px;
}
.renew-point-guide #contArea .caution-content ul {
  padding-left: 8px;
}
.renew-point-guide #contArea .caution-content ul li {
  position: relative;
  padding-left: 10px;
  color: var(--Gray3, #6a6a6a);
  font-family: "Pretendard Variable";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 190%;
  letter-spacing: -0.12px;
}
.renew-point-guide #contArea .caution-content ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: var(--Gray3, #6a6a6a);
}

.renew-order #contArea #sub-title {
  margin: 34px 0 28px;
}
.renew-order #contArea .floating-area {
  height: 37px;
}
.renew-order #contArea .floating-area .tab-mode-first {
  margin: 0;
  padding: 0;
}
.renew-order #contArea .floating-area.fixed .floating-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 56px;
  background: #fff;
  z-index: 1;
}
.renew-order #contArea .list-area {
  overflow: hidden;
  background: #F9F9F9;
}
.renew-order #contArea .list-area .caution-area {
  margin: 18px 18px 0;
  border-radius: 6px;
  background: #F1F1F1;
}
.renew-order #contArea .list-area .caution-area strong {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 44px;
  padding-left: 40px;
  font-family: var(--pret-var);
  color: var(--Gray1, #222);
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.26px;
}
.renew-order #contArea .list-area .caution-area strong:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0001 18.3332C5.39771 18.3332 1.66675 14.6022 1.66675 9.99984C1.66675 5.39746 5.39771 1.6665 10.0001 1.6665C14.6025 1.6665 18.3334 5.39746 18.3334 9.99984C18.3284 14.6001 14.6004 18.3281 10.0001 18.3332ZM9.16675 12.4998V14.1665H10.8334V12.4998H9.16675ZM9.16675 5.83317V10.8332H10.8334V5.83317H9.16675Z' fill='%23222222'/%3E%3C/svg%3E%0A") no-repeat;
}
.renew-order #contArea .list-area .order-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 8px;
  padding: 12px 18px 20px 18px;
}
.renew-order #contArea .list-area .order-list li a .logo-area {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 102px;
  border-radius: 6px;
  border: 1px solid var(--Gray6, #f5f5f5);
  background: #fff;
}
.renew-order #contArea .list-area .order-list li a .logo-area img {
  max-width: 144px;
  max-height: 144px;
  object-fit: cover;
}
.renew-order #contArea .list-area .order-list li a strong {
  display: block;
  margin-top: 7px;
  color: var(--Gray3, #6a6a6a);
  text-align: center;
  font-family: "Pretendard Variable";
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.24px;
}
.renew-order #contArea .order-list-view {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px;
}
.renew-order #contArea .order-list-view > li {
  overflow: hidden;
  border: 1px solid var(--Gray6, #f5f5f5);
  border-radius: 6px;
  background: #fff;
}
.renew-order #contArea .order-list-view > li .top-area {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 17px 11px 19px;
}
.renew-order #contArea .order-list-view > li .top-area strong {
  display: block;
  color: var(--Gray1, #222);
  font-family: "Pretendard Variable";
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.renew-order #contArea .order-list-view > li .top-area span {
  flex: none;
  margin-left: auto;
  color: var(--Gray4, #a6a6a6);
  text-align: right;
  font-family: "Pretendard Variable";
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.39px;
}
.renew-order #contArea .order-list-view > li .bottom-area {
  padding: 10px 20px;
  border-top: 1px solid var(--Gray6, #f5f5f5);
}
.renew-order #contArea .order-list-view > li .bottom-area li {
  display: flex;
  gap: 10px;
}
.renew-order #contArea .order-list-view > li .bottom-area li strong {
  flex: none;
  width: 48px;
  color: var(--Gray3, #6a6a6a);
  font-family: "Pretendard Variable";
  font-size: 13px;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: -0.13px;
}
.renew-order #contArea .order-list-view > li .bottom-area li span {
  margin-left: auto;
  color: var(--Gray1, #222);
  text-align: right;
  font-family: "Pretendard Variable";
  font-size: 13px;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: -0.13px;
}
.renew-order #contArea .order-list-view > li .bottom-area li span em {
  font-weight: 700;
  font-style: normal;
}
.renew-order #contArea .order-list-view.item-0 {
  padding: 0;
}

.renew-notice #contArea {
  padding: 0 18px;
}
.renew-notice #contArea #sub-title {
  margin: 34px 0 28px;
}
.renew-notice #contArea .board-search {
  padding: 0 10px;
  margin-bottom: 30px;
}
.renew-notice #contArea .view-area {
  margin-top: 54px;
}
.renew-notice #contArea .view-area .view-title {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--Gray6, #f5f5f5);
}
.renew-notice #contArea .view-area .view-title strong {
  display: block;
  color: var(--Gray1, #222);
  font-family: "Pretendard Variable";
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.4px;
}
.renew-notice #contArea .view-area .view-title span {
  display: block;
  color: var(--Gray3, #6a6a6a);
  font-family: "Pretendard Variable";
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.renew-notice #contArea .view-area .content {
  padding-top: 27px;
}
.renew-notice #contArea .view-area .content table,
.renew-notice #contArea .view-area .content img {
  max-width: 100%;
}
.renew-notice #contArea .btn-area {
  padding: 32px 0 20px;
}

#btn-back-order {
  position: absolute;
  left: 18px;
  top: 15px;
  width: 26px;
  height: 26px;
  background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5707 4L7 12.5707L15.5707 21.1414L17 19.7131L9.85657 12.5707L17 5.42828L15.5707 4Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat;
}

.my-gpoint iframe {
  border: 0;
}

.my-coupon #contArea {
  padding-bottom: 52px;
}
.my-coupon #contArea #sub-title {
  margin: 34px 0 28px;
}
.my-coupon #contArea .caution-area {
  padding: 18px 18px 0;
}
.my-coupon #contArea .caution-area .wrap-area {
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 4px 11px 0 rgba(36, 37, 44, 0.07);
  background: #fff;
}
.my-coupon #contArea .caution-area .wrap-area #bnt-caution {
  all: unset;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 52px;
  padding: 0 20px 0 44px;
  color: var(--Gray1, #222);
  font-family: "Pretendard Variable";
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.26px;
  box-sizing: border-box;
}
.my-coupon #contArea .caution-area .wrap-area #bnt-caution:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0001 18.3332C5.39771 18.3332 1.66675 14.6022 1.66675 9.99984C1.66675 5.39746 5.39771 1.6665 10.0001 1.6665C14.6025 1.6665 18.3334 5.39746 18.3334 9.99984C18.3284 14.6001 14.6004 18.3281 10.0001 18.3332ZM9.16675 12.4998V14.1665H10.8334V12.4998H9.16675ZM9.16675 5.83317V10.8332H10.8334V5.83317H9.16675Z' fill='%23222222'/%3E%3C/svg%3E%0A") no-repeat;
}
.my-coupon #contArea .caution-area .wrap-area #bnt-caution:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7L10 13L16 7' stroke='%236A6A6A' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat;
}
.my-coupon #contArea .caution-area .wrap-area #bnt-caution.on::after {
  transform: translateY(-50%) rotate(180deg);
}
.my-coupon #contArea .caution-area .wrap-area .slide-area {
  padding: 16px 20px;
  border-top: 1px solid var(--Gray6, #f5f5f5);
}
.my-coupon #contArea .caution-area .wrap-area .slide-area p {
  color: var(--Gray3, #6a6a6a);
  font-family: "Pretendard Variable";
  font-size: 13px;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -0.26px;
}
.my-coupon #contArea .caution-area .wrap-area .slide-area p strong {
  font-weight: 600;
  text-decoration: underline;
  color: var(--black);
}
.my-coupon #contArea .caution-area.bg-gray .wrap-area {
  background: #f5f5f5;
}
.my-coupon #contArea .caution-area.bg-gray .wrap-area .slide-area {
  border-color: #fff;
}
.my-coupon #contArea .my-coupon-list {
  padding: 0 18px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 18px;
}
.my-coupon #contArea .my-coupon-list button,
.my-coupon #contArea .my-coupon-list a {
  display: block;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
}
.my-coupon #contArea .my-coupon-list button img,
.my-coupon #contArea .my-coupon-list a img {
  width: 100%;
  height: 100%;
}

@media (max-width: 336px) {
  .renew-order #contArea .list-area .order-list li a .logo-area img {
    width: 100%;
    height: 80px;
    object-fit: cover;
  }
}
@media (min-width: 520px) {
  .renew-faq #contArea .floating-area.fixed .floating-wrap {
    width: 484px;
    left: 50%;
    transform: translateX(-50%);
  }
  .renew-barcode #container #contArea .barcode-area .barcode-box .barcode-wrap {
    height: 107px;
  }
  .renew-point #contArea .floating-area.fixed .floating-wrap {
    width: 484px;
    left: 50%;
    transform: translateX(-50%);
  }
  .renew-order #contArea .floating-area.fixed .floating-wrap {
    width: 520px;
    left: 50%;
    transform: translateX(-50%);
  }
  .renew-point-guide #contArea .floating-area.fixed .floating-wrap {
    width: 520px;
    left: 50%;
    transform: translateX(-50%);
  }
}
/* 모바일 약관페이지 리뉴얼 */
.renew-agree #sub-title {
  margin-top: 30px;
}
.renew-agree .btn-renew-agree {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 30px);
  height: 42px;
  border-radius: 21px;
  background: #000;
  margin: 30px 15px 60px;
}
.renew-agree .btn-renew-agree span {
  display: block;
  position: relative;
  color: #fff;
  text-align: center;
  font-family: "Pretendard Variable";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  padding-right: 28px;
}
.renew-agree .btn-renew-agree span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 17px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.24103 1.56451L14.677 8.00048L8.24103 14.4365' stroke='white' stroke-width='2.27848'/%3E%3Cpath d='M14.6808 7.9999H0.033397' stroke='white' stroke-width='2.27848'/%3E%3C/svg%3E%0A") no-repeat 50%;
}
.renew-agree .agreeArea {
  background: none;
}
.renew-agree .agreeArea h1 {
  font-family: "Pretendard Variable";
  line-height: 128%;
}
.renew-agree .agreeArea p {
  margin-bottom: 20px;
  color: var(--Gray2, #454545);
  font-family: "Pretendard Variable";
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.renew-agree .agreeArea h2 {
  margin-top: 50px;
  margin-bottom: 10px;
  font-family: "Pretendard Variable";
  color: var(--Gray2, #454545);
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}
.renew-agree .agreeArea h2:first-child {
  margin-top: 0;
}
.renew-agree .agreeArea h3 {
  margin-bottom: 10px;
  font-family: "Pretendard Variable";
  color: var(--Gray3, #6a6a6a);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
}
.renew-agree .agreeArea .list {
  width: 100%;
  table-layout: fixed;
  border: 1px solid #DFDFDF;
}
.renew-agree .agreeArea .list colgroup col {
  width: 1% !important;
}
.renew-agree .agreeArea .list thead tr:first-child th,
.renew-agree .agreeArea .list tbody tr:first-child th,
.renew-agree .agreeArea .list tbody tr:first-child td {
  width: 1%;
}
.renew-agree .agreeArea .list thead th {
  padding: 10px;
  border-right: 1px solid #dfdfdf;
  text-align: center;
  font-family: "Pretendard Variable";
  color: var(--Gray3, #6a6a6a);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  background: #f8f8f8;
}
.renew-agree .agreeArea .list tbody th,
.renew-agree .agreeArea .list tbody td {
  padding: 20px 10px;
  border-top: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  color: var(--Gray3, #6a6a6a);
  font-family: "Pretendard Variable";
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.28px;
  word-break: break-all;
}
.renew-agree .agreeArea .list tbody th:last-of-type,
.renew-agree .agreeArea .list tbody td:last-of-type {
  border-bottom: 1px solid #dfdfdf;
}
.renew-agree .agreeArea .list tbody th {
  text-align: center;
}
.renew-agree .agreeArea dl dt {
  position: relative;
  padding-left: 20px;
  font-family: "Pretendard Variable";
  color: var(--Gray2, #454545);
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
}
.renew-agree .agreeArea dl dt:after {
  content: "";
  position: absolute;
  left: 9px;
  top: 7px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--Gray2, #454545);
}
.renew-agree .agreeArea dl dd {
  padding-left: 7px;
  margin-bottom: 5px;
  font-family: "Pretendard Variable";
  color: var(--Gray2, #454545);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.renew-agree .agreeArea ul li,
.renew-agree .agreeArea ol li {
  margin-bottom: 10px;
  font-family: "Pretendard Variable";
  color: var(--Gray2, #454545);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.renew-agree #easePrivacy {
  padding: 15px 15px 30px;
}
.renew-agree #easePrivacy > p {
  margin-bottom: 34px;
  font-family: "Pretendard Variable";
  color: #454545;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.renew-agree #easePrivacy > p strong {
  margin-top: 5px;
  font-weight: 600;
  color: #CA0C48;
}
.renew-agree #easePrivacy > p strong.media-pc {
  display: none;
}
.renew-agree #easePrivacy > p strong.media-mo {
  display: block;
}
.renew-agree #easePrivacy article {
  display: flex;
  margin-bottom: 40px;
}
.renew-agree #easePrivacy article:last-of-type {
  margin-bottom: 0;
}
.renew-agree #easePrivacy h2 {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 0;
  font-family: "Pretendard Variable";
  font-size: 16px;
  font-weight: 800;
  line-height: 120%;
  color: #454545;
}
.renew-agree #easePrivacy i {
  display: flex;
  flex-direction: column;
  flex: none;
  gap: 5px;
  margin-right: 10px;
}
.renew-agree #easePrivacy i span {
  display: block;
  position: relative;
  width: 41px;
  height: 41px;
  background-repeat: no-repeat;
  background-position: 50%;
}
.renew-agree #easePrivacy i span.easePrivacyIcon_1 {
  background-image: url(/websrc/images/customer/icons/mobile/1.svg);
}
.renew-agree #easePrivacy i span.easePrivacyIcon_2 {
  background-image: url(/websrc/images/customer/icons/mobile/2.svg);
}
.renew-agree #easePrivacy i span.easePrivacyIcon_3 {
  background-image: url(/websrc/images/customer/icons/mobile/3.svg);
}
.renew-agree #easePrivacy i span.easePrivacyIcon_4 {
  background-image: url(/websrc/images/customer/icons/mobile/4.svg);
}
.renew-agree #easePrivacy i span.easePrivacyIcon_5 {
  background-image: url(/websrc/images/customer/icons/mobile/5.svg);
}
.renew-agree #easePrivacy i span.easePrivacyIcon_6 {
  background-image: url(/websrc/images/customer/icons/mobile/6.svg);
}
.renew-agree #easePrivacy i span.easePrivacyIcon_7 {
  background-image: url(/websrc/images/customer/icons/mobile/7.svg);
}
.renew-agree #easePrivacy i span.easePrivacyIcon_8 {
  background-image: url(/websrc/images/customer/icons/mobile/8.svg);
}
.renew-agree #easePrivacy i span.easePrivacyIcon_9 {
  background-image: url(/websrc/images/customer/icons/mobile/9.svg);
}
.renew-agree #easePrivacy i span.easePrivacyIcon_10 {
  background-image: url(/websrc/images/customer/icons/mobile/10.svg);
}
.renew-agree #easePrivacy i span:last-of-type {
  margin-right: 0;
}
.renew-agree #easePrivacy i span:hover em {
  display: flex;
}
.renew-agree #easePrivacy i span em {
  display: none;
  align-items: center;
  position: absolute;
  top: -17px;
  left: -2px;
  width: 335px;
  transform: translateY(-100%);
  height: 62px;
  padding: 0 17px;
  line-height: 21px;
  font-family: "Pretendard Variable";
  font-size: 12px;
  font-style: normal;
  border: 1px solid #dfdfdf;
  background: #f8f8f8;
  box-sizing: border-box;
}
.renew-agree #easePrivacy i span em:after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 0;
  width: 14px;
  height: 13px;
  margin-bottom: -13px;
  background: url(/websrc/images/customer/blt_arrow.png) no-repeat 0 0;
}
.renew-agree #easePrivacy .textWrap {
  width: 100%;
}
.renew-agree #easePrivacy .textWrap h2 + p {
  color: #454545;
  font-family: "Pretendard Variable";
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.renew-agree #easePrivacy .textWrap h2 ~ ul {
  margin-top: 12px;
}
.renew-agree #easePrivacy .textWrap ul li {
  position: relative;
  padding-left: 21px;
  font-family: "Pretendard Variable";
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.renew-agree #easePrivacy .textWrap ul li:after {
  content: "";
  position: absolute;
  left: 9px;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #454545;
}
.renew-agree #easePrivacy .textWrap .childBox {
  margin-top: 12px;
}
.renew-agree #easePrivacy .textWrap .childBox > strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Pretendard Variable";
  font-size: 14px;
}

.popup-fixed .popLayer {
  position: fixed;
  left: 10px;
  right: 10px;
  top: 50%;
  width: calc(100% - 20px);
  min-width: auto;
  transform: translateY(-50%);
  background: #b32b4e;
  z-index: 100 !important;
}
.popup-fixed .popLayer .popLayerCont {
  padding-bottom: 10px;
}
.popup-fixed .popLayer .popLayerCont iframe {
  height: 298px;
  vertical-align: top;
}

/*# sourceMappingURL=ui.css.map */