@charset "UTF-8";
@-webkit-keyframes bar {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes bar {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
/************************************************************ 
    contents common
***********************************************************/
.ta-right {
  text-align: right !important;
}
.ta-left {
  text-align: left !important;
}
.ta-justify {
  text-align: justify !important;
}
.ta-center {
  text-align: center !important;
}

.container {
  min-height: calc(100vh - 33rem);
  padding-bottom: 20rem;
}

.clear:after {
  content: "";
  display: block;
  clear: both;
}

.hidden {
  font-size: 0;
  text-indent: -99999px;
  visibility: hidden;
}

input:focus {
  outline: none;
}
input::-webkit-inner-spin-button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.input_area:not(.type-box) .custom_input.custom_input_pw::-webkit-input-placeholder {
  letter-spacing: -0.48px;
}

.input_area:not(.type-box) .custom_input.custom_input_pw::-moz-placeholder {
  letter-spacing: -0.48px;
}

.input_area:not(.type-box) .custom_input.custom_input_pw:-ms-input-placeholder {
  letter-spacing: -0.48px;
}

.input_area:not(.type-box) .custom_input.custom_input_pw::-ms-input-placeholder {
  letter-spacing: -0.48px;
}

.input_area:not(.type-box) .custom_input.custom_input_pw::placeholder {
  letter-spacing: -0.48px;
}

.custom_select_wrapper .custom_select_trigger {
  padding-right: 2.8rem;
}
.custom_select_wrapper .custom_select_trigger:after {
  right: 0.8rem;
}

i.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 1.8rem 1.6rem;
  font-size: 0;
  text-indent: -99999px;
}
i.icon.heart {
  background-image: url(../images/icon/icon_heart.svg);
}
i.icon.heart_off {
  background-image: url(../images/icon/icon_heart_off.svg);
}
i.icon.map {
  background: url(../images/icon/icon_map.svg) no-repeat center center/auto 1.6rem;
}
i.icon.caution {
  background-image: url(../images/icon/icon_caution.svg);
  background-size: 24px;
}
i.icon.caution.deep {
  background-image: url(../images/icon/icon_caution2.svg);
}

.ellipsis {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.input_noti {
  line-height: 2.5rem;
}

button {
  background: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  vertical-align: top;
}

.btn-more {
  padding-right: 0.9rem;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  line-height: 2.2rem !important;
  letter-spacing: -0.03em;
  background: url(../images/icon/btn_more_arrow.svg) no-repeat 100% 50%;
  background-size: 5px auto;
}

.btn-icon {
  padding: 0;
  cursor: pointer;
}

.btn-show-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 10rem;
  height: 3.4rem;
  padding: 0.6rem 2rem;
}
.btn-show-more span {
  display: inline-block;
  padding-right: 1.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2.2rem;
  letter-spacing: -0.03em;
  background: url(../images/icon/icon_plus.svg) no-repeat 100% 50%;
  background-size: 1.2rem;
}

.btn_sub {
  min-width: 11.5rem;
  white-space: nowrap;
}

.tab-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  gap: 4rem;
  margin-bottom: 6rem;
}
.tab-wrap:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #E3E3E3;
}
.tab-wrap * {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 6.1rem;
  font-size: 2.2rem;
  font-weight: 300;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  color: #333;
}
.tab-wrap li {
  color: #000;
  position: relative;
  z-index: 1;
}
.tab-wrap li.on {
  font-weight: 500;
  color: #000;
}
.tab-wrap li.on:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: #E8468A;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-animation: bar 1s forwards;
          animation: bar 1s forwards;
}

.mileage-unit {
  display: inline-block;
  margin-left: 10px;
  width: 4.8rem;
  height: 4.8rem;
  font-size: 0;
  background: url(../images/mypage/mileage.png) no-repeat 50% 50%/100%;
  text-indent: -9999px;
}

.mileage-list .mileage-unit {
  background: url(../images/mypage/mileage_small.png) no-repeat 50% 50%/100%;
}

.caution-txt {
  position: relative;
  padding-left: 2.8rem;
}
.caution-txt > i {
  position: absolute;
  top: 0;
  left: 0;
}
.caution-txt > i.deep {
  top: 3px;
}
.caution-txt * {
  font-size: 1.4rem;
  line-height: 2.5rem;
  letter-spacing: -0.03em;
  color: #808080;
  vertical-align: top;
}
.caution-txt > p > span {
  position: relative;
  display: inline-block;
  padding-right: 0.9rem;
  margin-right: 0.8rem;
  font-weight: 400;
}
.caution-txt > p > span:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.1rem;
  height: 1rem;
  margin-top: -0.5rem;
  background: #C0C0C0;
}
.caution-txt > p > span:last-child {
  padding-right: 0;
  margin-right: 0;
}
.caution-txt > p > span:last-child:before {
  content: none;
}
.caution-txt .dot-txt {
  margin-top: 0.8rem;
}

.dot-txt {
  position: relative;
  padding-left: 1.3rem;
}
.dot-txt:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 4px;
  height: 2.5rem;
  margin-right: 0.8rem;
  vertical-align: top;
  background: url("../images/icon/icon_dot.svg") no-repeat 50% 50%;
  background-size: 4px;
}

.point {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.27;
  color: #E8468A !important;
}
.point.minus {
  color: #0066FF !important;
}

#popup_history .point {
  -ms-flex-item-align: start;
      align-self: flex-start;
  color: #000 !important;
}

.title-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6rem;
  margin-bottom: 8rem;
  border-bottom: 1px solid #E3E3E3;
  text-align: center;
}
.title-line h2, .title-line a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 6rem;
  font-size: 2.2rem;
  line-height: 3.7rem;
  letter-spacing: -0.03em;
}
.title-line h2 {
  color: #000;
  font-weight: 500;
}
.title-line h2:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #E8468A;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-animation: bar 1s forwards;
          animation: bar 1s forwards;
}
.title-line a {
  font-weight: 400;
  color: #333;
}

.form-row + .form-row {
  margin-top: 5rem;
}
.form-row.both {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
}
.form-row.both .col-l {
  width: 36.8rem;
}
.form-row.both .col-r {
  width: 11.2rem;
}
.form-row.both .col-r .radio_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 4rem;
}
.form-row.both .col-r .radio_area label {
  white-space: nowrap;
}
.form-row.both.addr-wrap {
  gap: 1rem;
}
.form-row.both.addr-wrap .col-l {
  width: 37.8rem;
}
.form-row label.form-tit {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
}
.form-row .custom_chk_label, .form-row .custom_radio_label {
  font-size: 1.6rem;
  line-height: 2.9rem;
}
.form-row .input-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
}
.form-row .input-btn-group .input_area {
  width: 100%;
}
.form-row .input-btn-group .btn {
  white-space: nowrap;
}
.form-row.type-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 2rem;
}
.form-row.type-phone .agency {
  width: 15rem;
}
.form-row.type-phone .agency .select_area {
  margin-top: -0.1rem;
}
.form-row.type-phone .agency .select_area .custom_select {
  min-width: 15rem;
}
.form-row.type-phone .agency .select_area .custom_select .btn_select {
  width: 100%;
}
.form-row.type-phone .phone {
  width: 33rem;
}
.form-row .birth_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
}
.form-row .birth_input .input_area {
  width: 33.333%;
}

html[lang=en] .form-row.both:not(.addr-wrap) .col-l {
  width: 32.6rem;
}
html[lang=en] .form-row.both:not(.addr-wrap) .col-r {
  width: 15.4rem;
}
html[lang=en] .form-row .input-btn-group .input_area .input_noti {
  margin-right: -12.5rem;
}
html[lang=en] .form-row.type-phone .agency {
  width: 18rem;
}
html[lang=en] .form-row.type-phone .agency .select_area .custom_select {
  width: 100%;
}
html[lang=en] .form-row.type-phone .agency .select_area .custom_select .btn_select {
  padding-right: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[lang=en] .form-row.type-phone .agency .select_area .custom_select .btn_select:after {
  right: 0.8rem;
}
html[lang=en] .form-row.type-phone .phone {
  width: 30rem;
}

/************************************************************ 
    mypage
***********************************************************/
#mypage-wrap {
  padding-top: 20rem;
}
#mypage-wrap section + section {
  margin-top: 16rem;
}
#mypage-wrap .side-left {
  float: left;
  width: 30rem;
  padding-right: 7.8rem;
}
#mypage-wrap .side-left .greeting {
  font-size: 4.6rem;
  font-weight: 700;
  line-height: 6.9rem;
  letter-spacing: -0.03em;
  color: #000;
}
#mypage-wrap .side-left .menu {
  margin-top: 3rem;
}
#mypage-wrap .side-left .menu li {
  margin-bottom: 0.8rem;
}
#mypage-wrap .side-left .menu a {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  text-align: left;
  color: #333;
}
#mypage-wrap .contents {
  float: right;
  width: calc(100% - 30rem);
}
#mypage-wrap .contents h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 16px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 3.7rem;
  letter-spacing: -0.03em;
  text-align: left;
  color: #000;
}
#mypage-wrap .mileage-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 28.6rem;
  background-color: #333;
}
#mypage-wrap .mileage-box strong {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 6rem;
  font-weight: 700;
  line-height: 6.8rem;
  color: #fff;
}
#mypage-wrap .mileage-box.detail {
  display: block;
  padding: 4.4rem 6rem;
  text-align: right;
}
#mypage-wrap .mileage-box.detail strong {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#mypage-wrap .mileage-box.detail .mileage-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 6rem;
}
#mypage-wrap .mileage-box.detail .mileage-list dl {
  position: relative;
  width: 15.4rem;
  margin-right: 8rem;
  text-align: right;
}
#mypage-wrap .mileage-box.detail .mileage-list dl dt {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.5rem;
  letter-spacing: -0.03em;
  color: #fff;
}
#mypage-wrap .mileage-box.detail .mileage-list dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 3.7rem;
  letter-spacing: 0em;
  color: #fff;
}
#mypage-wrap .mileage-box.detail .mileage-list dl dd .mileage-unit {
  width: 24px;
  height: 24px;
  margin-left: 0.5rem;
}
#mypage-wrap .mileage-box.detail .mileage-list dl + dl {
  width: 23.3rem;
}
#mypage-wrap .mileage-box.detail .mileage-list dl + dl:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 5rem;
  margin-top: -2.5rem;
  background: #808080;
}
#mypage-wrap .mileage-box.detail .mileage-list dl:last-child {
  margin-right: 0;
}
#mypage-wrap .mileage-box.detail + .caution-txt {
  margin-top: 4rem;
}
#mypage-wrap .my-store h2 {
  border-bottom: 1px solid #000;
}
#mypage-wrap .my-store .empty-store .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 25.8rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  text-align: center;
  color: #808080;
}
#mypage-wrap .my-store .empty-store .link-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#mypage-wrap .my-store .empty-store .link-wrap a {
  width: 33.3333%;
  height: 28.6rem;
  text-indent: -99999px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#mypage-wrap .my-store .empty-store .link-wrap a.shopping {
  background-image: url(../images/mypage/bg_shopping.png);
}
#mypage-wrap .my-store .empty-store .link-wrap a.fnb {
  background-image: url(../images/mypage/bg_fnb.png);
}
#mypage-wrap .my-store .empty-store .link-wrap a.fun {
  background-image: url(../images/mypage/bg_fun.png);
}
#mypage-wrap .my-store .store-list > li {
  padding-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2rem;
}
#mypage-wrap .my-store .store-list > li + li {
  margin-top: 4rem;
  border-top: 1px solid #E3E3E3;
}
#mypage-wrap .my-store .store-list > li .info-wrap {
  width: 36rem;
}
#mypage-wrap .my-store .store-list > li .info-wrap .icon-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.4rem;
}
#mypage-wrap .my-store .store-list > li .info-wrap .icon-link li + li {
  position: relative;
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
#mypage-wrap .my-store .store-list > li .info-wrap .icon-link li + li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1.2rem;
  margin-top: -0.6rem;
  background-color: #C0C0C0;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-name {
  margin-bottom: 2rem;
  font-size: 3.4rem;
  font-weight: 500;
  line-height: 5.1rem;
  letter-spacing: -0.03em;
  color: #000;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-info li, #mypage-wrap .my-store .store-list > li .info-wrap .store-info .link-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-info li span:not(.flag), #mypage-wrap .my-store .store-list > li .info-wrap .store-info .link-arrow span:not(.flag) {
  display: block;
  max-width: 27.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  color: #000;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-info li span:not(.flag).f_lato, #mypage-wrap .my-store .store-list > li .info-wrap .store-info .link-arrow span:not(.flag).f_lato {
  font-weight: 700;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-info li + li {
  margin-top: 0.2rem;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-info .flag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 5.2rem;
  height: 2rem;
  margin-right: 1rem;
  border-radius: 0.4rem;
  border: 1.5px solid #00172F;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.036rem;
  color: #00172F;
  background: #fff;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-info .flag.f_lato {
  font-weight: 600;
  letter-spacing: normal;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-info .link-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 2.8rem;
  background: url(../images/icon/link_arrow.svg) no-repeat 100% 50%;
  background-size: 2.8rem;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-desc {
  margin-top: 2rem;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-desc dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-desc dl dt, #mypage-wrap .my-store .store-list > li .info-wrap .store-desc dl dd {
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: -0.042em;
  color: #333;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-desc dl + dl {
  margin-top: 0.4rem;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-desc dt {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-weight: 700;
}
#mypage-wrap .my-store .store-list > li .info-wrap .store-desc dd {
  font-weight: 400;
  word-break: keep-all;
}
#mypage-wrap .my-store .store-list > li .store-img {
  position: relative;
  width: 52rem;
  height: 37.6rem;
  overflow: hidden;
}
#mypage-wrap .my-store .store-list > li .store-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#mypage-wrap .my-store .list-more {
  margin-top: 4rem;
  padding-top: 8rem;
  border-top: 1px solid #E3E3E3;
  text-align: center;
}
#mypage-wrap .help-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 8rem;
  border-top: 1px solid #000;
}
#mypage-wrap .help-wrap h2 {
  display: block;
}
#mypage-wrap .help-wrap .info-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.7rem;
}
#mypage-wrap .help-wrap .info-group .customer dt span {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
}
#mypage-wrap .help-wrap .info-group .customer dt span + span {
  margin-left: 0.8rem;
  padding-left: 1.3rem;
  background: url(../images/icon/icon_dot.svg) no-repeat 0 50%;
  background-size: 0.5rem;
}
#mypage-wrap .help-wrap .info-group .customer dd {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.5rem;
  color: #808080;
}
#mypage-wrap .help-wrap .info-group .link-wrap a {
  display: block;
  padding: 0 5.2rem 1.6rem 0;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: -0.03em;
  white-space: nowrap;
  color: #333;
  background: url(../images/icon/btn_more_arrow2.svg) no-repeat 100% 0.5rem;
  background-size: 0.8rem auto;
}
#mypage-wrap .help-wrap .info-group .link-wrap a + a {
  padding-top: 1.5rem;
  border-top: 1px solid #E3E3E3;
  background-position-y: 2rem;
}
#mypage-wrap .help-wrap .info-group .link-wrap a:last-child {
  padding-bottom: 0;
}
#mypage-wrap .membership-link {
  padding: 6rem 0;
  background-color: #F6F8F9;
}
#mypage-wrap .membership-link .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#mypage-wrap .membership-link .title {
  min-height: 173px;
}
#mypage-wrap .membership-link .title h3 {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  color: #333;
}
#mypage-wrap .membership-link .title h3 strong {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  vertical-align: top;
}
#mypage-wrap .membership-link .title a {
  display: inline-block;
  margin-top: 2rem;
}
#mypage-wrap .membership-link .deco {
  width: 50.8rem;
  height: 17.3rem;
  background: url(../images/mypage/bg_membership.png) no-repeat 100% 50%;
  background-size: auto 173px;
}
#mypage-wrap .membership-check h3 {
  padding: 0;
  margin-bottom: 6rem;
  font-size: 3.4rem;
  font-weight: 500;
  line-height: 5.1rem;
  letter-spacing: -0.03em;
}
#mypage-wrap .membership-check .sort-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4rem;
  margin-top: 4rem;
}
#mypage-wrap .membership-check .sort-wrap label {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.9rem;
  color: #333;
  white-space: nowrap;
}
#mypage-wrap .membership-check .sort-wrap .period_lookup {
  width: 100%;
}
#mypage-wrap .membership-check .mileage-tbl {
  display: none;
  margin-top: 4rem;
}
#mypage-wrap .membership-check .mileage-tbl table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
#mypage-wrap .membership-check .mileage-tbl table * {
  font-size: 1.6rem;
  line-height: 2.9rem;
  color: #333;
}
#mypage-wrap .membership-check .mileage-tbl table th, #mypage-wrap .membership-check .mileage-tbl table td {
  height: 6.4rem;
  padding: 1.6rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}
#mypage-wrap .membership-check .mileage-tbl table th.ta-right, #mypage-wrap .membership-check .mileage-tbl table td.ta-right {
  padding-left: 0;
}
#mypage-wrap .membership-check .mileage-tbl table th {
  border: 1px solid #333;
  border-width: 1px 0;
  font-weight: 500;
}
#mypage-wrap .membership-check .mileage-tbl table td {
  border-bottom: 1px solid #C0C0C0;
  font-weight: 400;
}
#mypage-wrap .membership-check .mileage-tbl table td span {
  font-weight: 400;
}
#mypage-wrap .membership-check .mileage-tbl table td.empty {
  padding: 10rem 2rem;
  color: #808080;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.054rem;
}
#mypage-wrap .membership-check .mileage-tbl.on {
  display: block;
}
#mypage-wrap .app-link {
  padding: 6rem 0;
  background-color: #F6F8F9;
}
#mypage-wrap .app-link .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#mypage-wrap .app-link .title {
  min-height: 173px;
}
#mypage-wrap .app-link .title h3 {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  color: #333;
}
#mypage-wrap .app-link .title h3 strong {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  vertical-align: top;
}
#mypage-wrap .app-link .title .desc {
  display: block;
  margin-top: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.5rem;
  letter-spacing: -0.03em;
  color: #808080;
}
#mypage-wrap .app-link .down-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1rem;
}
#mypage-wrap .app-link .down-group a {
  position: relative;
  display: inline-block;
  width: 21rem;
  height: 21rem;
  padding: 13.8rem 2rem 1.4rem;
  border: 1px solid #d8d8d8;
  border-radius: 0.6rem;
}
#mypage-wrap .app-link .down-group a * {
  color: #333;
}
#mypage-wrap .app-link .down-group a span {
  position: relative;
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: -0.042rem;
}
#mypage-wrap .app-link .down-group a span::before {
  position: absolute;
  content: "";
  display: block;
  height: 0.1rem;
  width: 17rem;
  background: #d8d8d8;
  top: -1.2rem;
}
#mypage-wrap .app-link .down-group a strong {
  display: inline-block;
  margin-top: -0.6rem;
  padding-right: 3rem;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.066em;
  background: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1791_25129)'%3E%3Cline x1='3' y1='17' x2='19' y2='17' stroke='%23333' stroke-width='2'/%3E%3Cpath d='M11 0L11 12' stroke='%23333' stroke-width='2'/%3E%3Cpath d='M17 6L11 12L5 6' stroke='%23333' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1791_25129'%3E%3Crect width='22' height='18' fill='%23333'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 100% 50%;
  background-size: 2.2rem auto;
}
#mypage-wrap .app-link .down-group a.btn-a {
  background: #fff url(../images/icon/qr_apple.png) no-repeat center 1.4rem/10rem;
}
#mypage-wrap .app-link .down-group a.btn-a::after {
  width: 3.52rem;
  height: 4.4rem;
  background: url("data:image/svg+xml,%3Csvg width='56' height='70' viewBox='0 0 56 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.4317 36.7649C45.4959 31.7339 48.1063 27.0869 52.3485 24.4518C49.6601 20.5726 45.3187 18.2013 40.634 18.0532C35.7052 17.5305 30.927 21.033 28.4154 21.033C25.8552 21.033 21.9882 18.1051 17.8241 18.1916C12.3452 18.3705 7.36118 21.4415 4.69558 26.2812C-0.980918 36.211 3.25324 50.8045 8.69085 58.831C11.4114 62.7614 14.5909 67.1517 18.7513 66.996C22.8225 66.8254 24.343 64.373 29.2572 64.373C34.1259 64.373 35.5524 66.996 39.7972 66.897C44.1658 66.8253 46.9182 62.9492 49.5433 58.9816C51.498 56.1811 53.0021 53.0859 54 49.8107C48.8115 47.5935 45.4378 42.4567 45.4317 36.7649Z' fill='%23333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.6462 12.4276C40.0574 9.51733 41.2454 5.77667 40.9577 2C37.2739 2.38901 33.8711 4.15918 31.4273 6.95779C29.0142 9.719 27.7917 13.3314 28.0291 16.9993C31.7623 17.038 35.3069 15.353 37.6462 12.4276Z' fill='%23333'/%3E%3C/svg%3E%0A") no-repeat;
  background-size: 100%;
}
#mypage-wrap .app-link .down-group a.btn-g {
  background: #fff url(../images/icon/qr_google.png) no-repeat center 1.4rem/10rem;
}
#mypage-wrap .app-link .down-group a.btn-g::after {
  width: 3.699rem;
  height: 4.2rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='42' viewBox='0 0 38 42' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.49509 0.648672C1.02824 1.15202 0.753906 1.93156 0.753906 2.94317V39.057C0.753906 40.0686 1.02824 40.8481 1.49509 41.3515L1.61381 41.4692L21.4734 21.2387V20.7615L1.61381 0.531006L1.49509 0.648672Z' fill='%2300D7FE'/%3E%3Cmask id='mask0_6627_35610' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='21' y='14' width='17' height='14'%3E%3Cpath d='M28.0786 27.9851L21.4609 21.2389V20.7617L28.0819 14.0171L36.0744 18.642C38.314 19.9396 38.314 22.0609 36.0744 23.3569L28.2311 27.8968L28.0786 27.9851Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_6627_35610)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.0786 27.9851L21.4609 21.2389V20.7617L28.0819 14.0171L36.0744 18.642C38.314 19.9396 38.314 22.0609 36.0744 23.3569L28.2311 27.8968L28.0786 27.9851Z' fill='url(%23paint0_linear_6627_35610)'/%3E%3C/g%3E%3Cmask id='mask1_6627_35610' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='1' y='20' width='28' height='22'%3E%3Cpath d='M28.2367 27.8964L21.4665 20.9999L1.48828 41.3513C2.22786 42.1472 3.44712 42.2452 4.8204 41.451L28.2367 27.8964Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_6627_35610)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.2367 27.8966L21.4665 21L1.48828 41.3514C2.22786 42.1473 3.44712 42.2454 4.8204 41.4511L28.2367 27.8966Z' fill='url(%23paint1_linear_6627_35610)'/%3E%3C/g%3E%3Cmask id='mask2_6627_35610' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='1' y='0' width='28' height='21'%3E%3Cpath d='M28.2367 14.1034L4.8204 0.548877C3.44712 -0.245373 2.22786 -0.147317 1.48828 0.648566L21.4665 21L28.2367 14.1034Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_6627_35610)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.2367 14.1034L4.8204 0.548877C3.44712 -0.245373 2.22786 -0.147317 1.48828 0.648566L21.4665 21L28.2367 14.1034Z' fill='url(%23paint2_linear_6627_35610)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6627_35610' x1='34.6174' y1='21.0008' x2='21.4609' y2='21.0008' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBC00'/%3E%3Cstop offset='1' stop-color='%23FFDA03'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_6627_35610' x1='24.5574' y1='27.4893' x2='7.12966' y2='41.591' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E22652'/%3E%3Cstop offset='1' stop-color='%23FF3A44'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_6627_35610' x1='4.51344' y1='3.09859' x2='16.1464' y2='13.1399' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230ED574'/%3E%3Cstop offset='1' stop-color='%2307F076'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat;
  background-size: 100%;
}
#mypage-wrap .app-link .down-group a::after {
  content: "";
  display: block;
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}
#mypage-wrap .card-check h3 {
  padding: 0;
  margin-bottom: 1rem;
  font-size: 3.4rem;
  font-weight: 500;
  line-height: 5.1rem;
  letter-spacing: -0.03em;
}
#mypage-wrap .card-check .desc {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3.2rem;
  letter-spacing: -0.03em;
  color: #333;
}
#mypage-wrap .card-check .card-box {
  margin-top: 6rem;
  padding: 6rem;
  border: 1px solid #E3E3E3;
}
#mypage-wrap .card-check .card-box label {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
}
#mypage-wrap .card-check .card-box .card-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  padding-right: 12.5rem;
}
#mypage-wrap .card-check .card-box .card-form input {
  width: 14.5rem;
  height: 4rem;
  text-align: center;
}
#mypage-wrap .card-check .card-box .card-form .bar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25px;
  font-size: 0;
  text-indent: -99999px;
}
#mypage-wrap .card-check .card-box .card-form .bar:before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.1rem;
  background: #000;
}
#mypage-wrap .card-check .card-box .card-form .btn_sub {
  position: absolute;
  top: 0;
  right: 0;
}
#mypage-wrap h2.hidden + .my-store {
  margin-top: -2rem;
}
#mypage-wrap .qna-wrap .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2rem;
}
#mypage-wrap .qna-wrap .title h2 {
  display: inline-block;
  padding: 0;
  font-size: 3.4rem;
  font-weight: 500;
  line-height: 5.1rem;
  letter-spacing: -0.03em;
}
#mypage-wrap .qna-wrap .title .btn_primary.btn_sm {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1.5rem;
  width: auto;
  height: 3.4rem;
  font-size: 1.4rem;
  line-height: 2.5rem;
  letter-spacing: -0.03em;
}
#mypage-wrap .qna-wrap .qna-list .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 1.6rem 2rem;
  gap: 3rem;
}
#mypage-wrap .qna-wrap .qna-list .row *:not(button) {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
}
#mypage-wrap .qna-wrap .qna-list .row div.cell.date {
  width: 8.7rem;
}
#mypage-wrap .qna-wrap .qna-list .row div.cell.div {
  width: 37rem;
}
#mypage-wrap .qna-wrap .qna-list .row div.cell.div > span {
  display: inline;
  position: relative;
  margin-right: 0.8rem;
  padding-right: 0.9rem;
}
#mypage-wrap .qna-wrap .qna-list .row div.cell.div > span:after {
  content: "";
  position: absolute;
  top: 1rem;
  right: 0;
  width: 0.1rem;
  height: 1rem;
  background: #808080;
}
#mypage-wrap .qna-wrap .qna-list .row div.cell.div > span:last-child {
  margin-right: 0;
  padding-right: 0;
}
#mypage-wrap .qna-wrap .qna-list .row div.cell.div > span:last-child:after {
  content: none;
}
#mypage-wrap .qna-wrap .qna-list .row div.cell.tit {
  width: 28.4rem;
}
#mypage-wrap .qna-wrap .qna-list .row div.cell.state {
  width: 3rem;
}
#mypage-wrap .qna-wrap .qna-list .row div.cell.qa {
  width: 8.7rem;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 2.4rem;
  letter-spacing: 0em;
  text-align: center;
  color: #E8468A;
}
#mypage-wrap .qna-wrap .qna-list .row div.cell.cont {
  width: 63rem;
  color: #808080;
  line-height: 2.8rem;
}
#mypage-wrap .qna-wrap .qna-list .row div.cell.btn-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  width: 8.6rem;
}
#mypage-wrap .qna-wrap .qna-list .row div.cell.btn-group .btn_sub_del {
  border: 1px solid #d8d8d8;
}
#mypage-wrap .qna-wrap .qna-list .list-head {
  border: 1px solid #333;
  border-width: 1px 0;
  height: 6.4rem;
}
#mypage-wrap .qna-wrap .qna-list .list-head div {
  font-weight: 500;
}
#mypage-wrap .qna-wrap .qna-list .qna-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 22.9rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  text-align: center;
  color: #808080;
}
#mypage-wrap .qna-wrap .qna-list .qna-item {
  border-bottom: 1px solid #C0C0C0;
}
#mypage-wrap .qna-wrap .qna-list .qna-item .qna-title {
  cursor: pointer;
}
#mypage-wrap .qna-wrap .qna-list .qna-item .qna-title .cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#mypage-wrap .qna-wrap .qna-list .extend-wrap {
  overflow: hidden;
  max-height: 0;
}
#mypage-wrap .qna-wrap .qna-list .extend-wrap .row {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 1.6rem;
}
#mypage-wrap .qna-wrap .qna-list .extend-wrap.on {
  height: auto;
  max-height: 100rem;
  -webkit-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
}
#mypage-wrap .qna-wrap .info-box {
  padding: 4rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  color: #333;
  background: #F6F8F9;
}
#mypage-wrap .qna-wrap .qna-form {
  margin-top: 4rem;
}
#mypage-wrap .qna-wrap .qna-form label {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  color: #000;
}
#mypage-wrap .qna-wrap .qna-form .form-row + .form-row {
  margin-top: 4rem;
}
#mypage-wrap .qna-wrap .qna-form .form-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
  max-width: 100%;
}
#mypage-wrap .qna-wrap .qna-form .form-group .ctg-m {
  min-width: 15.2rem;
}
#mypage-wrap .qna-wrap .qna-form .form-group .ctg-s {
  min-width: 31.2rem;
}
#mypage-wrap .qna-wrap .qna-form .input_area.type-box .custom_input {
  height: 4.9rem;
  padding: 1rem;
  border: 1px solid #C0C0C0;
}
#mypage-wrap .qna-wrap .qna-form .input_area.type-box .custom_input:focus {
  border-color: #000;
}
#mypage-wrap .qna-wrap .qna-form .input_area.type-box .icon_close {
  top: 1.1rem;
}
#mypage-wrap .qna-wrap .qna-form .input_area.type-box textarea.custom_input {
  height: 24rem;
}
#mypage-wrap .qna-wrap .qna-form .btn-wrap {
  margin-top: 4rem;
}
#mypage-wrap .qna-wrap .qna-form .btn-wrap .btn_primary {
  width: 30rem;
}

html[lang=en] #mypage-wrap .help-wrap .info-group {
  display: block;
  width: 52rem;
}
html[lang=en] #mypage-wrap .help-wrap .info-group .customer dd {
  margin-top: 0.75rem;
}
html[lang=en] #mypage-wrap .help-wrap .info-group .link-wrap {
  padding-top: 2.4rem;
}
html[lang=en] #mypage-wrap .help-wrap .info-group .link-wrap > a {
  padding: 1.2rem 0;
  background-position: right center;
}
html[lang=en] #mypage-wrap .membership-link .title .btn-more {
  background-position: calc(100% - 0.94rem) 3rem;
}
html[lang=en] #mypage-wrap .membership-link .deco {
  background-image: url(../images/mypage/en_bg_membership.png);
}
html[lang=en] #mypage-wrap .app-link .down-group a span {
  display: block;
  height: 100%;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
}
html[lang=en] #mypage-wrap .app-link .down-group a strong {
  display: none;
}
html[lang=en] #mypage-wrap .app-link .down-group a.btn-a::after {
  right: auto;
  left: 2rem;
}
html[lang=en] #mypage-wrap .app-link .down-group a.btn-a span {
  background: url("../images/icon/en_app_apple_txt.png") no-repeat 4.62rem center;
  background-size: 11.9rem 4.2rem;
}
html[lang=en] #mypage-wrap .app-link .down-group a.btn-g::after {
  right: auto;
  left: 2rem;
}
html[lang=en] #mypage-wrap .app-link .down-group a.btn-g span {
  background: url("../images/icon/en_app_google_txt.png") no-repeat 4.1rem center;
  background-size: 12.7rem 4.2rem;
}
html[lang=en] #mypage-wrap .qna-wrap .qna-list .row {
  gap: 2rem;
}
html[lang=en] #mypage-wrap .qna-wrap .qna-list .row .cell.tit {
  width: 29.4rem;
}
html[lang=en] #mypage-wrap .qna-wrap .qna-list .row .cell.state {
  width: 4.9rem;
}
html[lang=en] #mypage-wrap .qna-wrap .qna-list .list-body .cell.tit {
  width: 26.4rem;
}
html[lang=en] #mypage-wrap .qna-wrap .qna-list .list-body .cell.state {
  width: 7.9rem;
}
html[lang=en] #mypage-wrap .qna-wrap .qna-form .form-group .ctg-m {
  min-width: 23.1rem;
}
html[lang=en] #mypage-wrap .qna-wrap .qna-form .form-group .ctg-s {
  min-width: 33.3;
}

/************************************************************ 
    login 
***********************************************************/
#login-wrap {
  padding-top: 15rem;
}
#login-wrap .inner {
  width: 56rem;
  padding: 0 3rem;
  margin: 0 auto;
}
#login-wrap .inner.w400 {
  width: 46rem;
}
#login-wrap .info_link {
  display: inline-block;
  padding-right: 1.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: -0.03em;
  color: #808080;
  background: url(../images/icon/btn_more_arrow3.svg) no-repeat 100% 50%;
  background-size: 6px auto;
}
#login-wrap .info_link.under {
  padding-right: 0;
  border-bottom: 1px solid #808080;
  background: none;
}
#login-wrap .input_noti + .info_link {
  margin-top: 0.4rem;
}
#login-wrap .btn-wrap {
  margin-top: 6rem;
}
#login-wrap .btn-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 5.6rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 3.2rem;
  letter-spacing: -0.03em;
  color: #fff;
  background: #E8468A;
}
#login-wrap .desc-txt {
  margin-bottom: 6rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3.2rem;
  letter-spacing: -0.03em;
  text-align: center;
  color: #333;
}
#login-wrap .desc-txt strong {
  color: #E8468A;
  vertical-align: top;
}
#login-wrap .desc-txt p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  color: inherit;
}
#login-wrap .desc-txt p + p {
  margin-top: 1rem;
}
#login-wrap .find_com .mach_id {
  position: relative;
  padding-top: 8.4rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  text-align: center;
}
#login-wrap .find_com .mach_id:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
  border: 1px solid #E3E3E3;
  background: url(../images/icon/icon_com.svg) no-repeat 50% 50%;
  background-size: 18px auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#login-wrap .find_com .btn_primary {
  max-width: 30rem;
}
#login-wrap .find_mbr .mach_mbr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 35.7rem;
  margin: 0 auto;
  padding: 4rem;
  background: #F6F8F9;
}
#login-wrap .find_mbr .mach_mbr dt {
  color: #333;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: -0.054rem;
}
#login-wrap .find_mbr .mach_mbr dd {
  color: #E8468A;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: -0.054rem;
}
#login-wrap .find_mbr .btn_primary {
  max-width: 40rem;
}
#login-wrap .agree-wrap {
  margin-top: 5rem;
}
#login-wrap .agree-wrap .custom_chk_label[for=agree-all] {
  font-size: 1.6rem;
  line-height: 2.8rem;
}
#login-wrap .agree-wrap > .desc {
  margin: 1rem 0 0 3.1rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: -0.03em;
  color: #808080;
}
#login-wrap .agree-wrap > ul {
  margin: 2rem 0 0 3.1rem;
}
#login-wrap .agree-wrap > ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#login-wrap .agree-wrap > ul li + li {
  margin-top: 1rem;
}
#login-wrap .agree-wrap > ul li .btn-more {
  font-weight: 400 !important;
  color: #333;
}
#login-wrap .step_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 4px solid #E3E3E3;
}
#login-wrap .step_tab > li {
  position: relative;
  width: 100%;
  padding-bottom: 1.6rem;
}
#login-wrap .step_tab > li span {
  display: inline-block;
  padding-right: 3rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  text-align: left;
  color: #C0C0C0;
}
#login-wrap .step_tab > li.on span {
  font-weight: 500;
  color: #000;
}
#login-wrap .step_tab > li.on:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 4px;
  background-color: #000;
  width: 100%;
}
#login-wrap .step_tab > li.complete span {
  background: url(../images/icon/icon_com_gray.svg) no-repeat 100% 50%;
  background-size: 2rem auto;
}
#login-wrap .step_cont {
  margin-top: 5rem;
}
#login-wrap .step_cont > div {
  display: none;
}
#login-wrap .step_cont > div.on {
  display: block;
}

html[lang=en] #login-wrap .step_tab > li {
  padding-bottom: 1.2rem;
}
html[lang=en] #login-wrap .step_tab > li span {
  font-size: 1.6rem;
}
html[lang=en] #login-wrap .chk_area .chkbox {
  margin-right: 0;
}
html[lang=en] #login-wrap .form-row .custom_chk_label {
  line-height: 1.8;
  letter-spacing: -0.048rem;
}
html[lang=en] #login-wrap .form-row .custom_radio_label {
  letter-spacing: -0.048rem;
}
html[lang=en] #login-wrap .find_mbr {
  margin-left: -3rem;
  width: calc(100% + 6rem);
}
/************************************************************ 
    회원탈퇴 
***********************************************************/
#mypage-wrap.secession-wrap .side-left {
  width: 40rem;
  padding-right: 10rem;
}
#mypage-wrap.secession-wrap .side-left .greeting {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 3.7rem;
  letter-spacing: -0.04em;
}
#mypage-wrap.secession-wrap .contents {
  width: calc(100% - 40rem);
}
#mypage-wrap.secession-wrap .contents section {
  margin-top: 6rem;
}
#mypage-wrap.secession-wrap .contents section h3 {
  margin-bottom: 3rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.9rem;
  color: #333;
}
#mypage-wrap.secession-wrap .contents section.form {
  width: 48rem;
}
#mypage-wrap.secession-wrap .desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  color: #808080;
}
#mypage-wrap.secession-wrap .desc-wrap p + p {
  margin-top: 2rem;
}
#mypage-wrap.secession-wrap .caution-txt {
  margin-top: 2rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  color: #333;
}
#mypage-wrap.secession-wrap .gray-box {
  padding: 4rem;
  background-color: #F6F8F9;
}
#mypage-wrap.secession-wrap .gray-box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 2rem;
}
#mypage-wrap.secession-wrap .gray-box dl + dl {
  margin-top: 2rem;
}
#mypage-wrap.secession-wrap .gray-box dl * {
  font-size: 1.4rem;
  line-height: 2.5rem;
  letter-spacing: -0.03em;
  color: #333;
  font-weight: 400;
}
#mypage-wrap.secession-wrap .gray-box dl dt {
  position: relative;
  min-width: 15rem;
  padding-left: 0.7rem;
  font-weight: 700;
}
#mypage-wrap.secession-wrap .gray-box dl dt:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 2.5rem;
  background: url(../images/icon/ico_bullet_cir.svg) no-repeat 50% 50%;
  background-size: 3px;
}
#mypage-wrap.secession-wrap .gray-box dl dd {
  width: 100%;
}
#mypage-wrap.secession-wrap .gray-box dl dd li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#mypage-wrap.secession-wrap .gray-box dl dd li + li {
  margin-top: 0.4rem;
}
#mypage-wrap.secession-wrap .chk_area {
  margin-top: 2rem;
}
#mypage-wrap.secession-wrap .chk_area label {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  color: #333;
}
#mypage-wrap.secession-wrap .pw-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
  padding: 0.8rem 0;
  margin-top: 2rem;
}
#mypage-wrap.secession-wrap .pw-check label {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.9rem;
  color: #333;
  white-space: nowrap;
}
#mypage-wrap.secession-wrap .pw-check .input_area {
  width: 100%;
}

html[lang=en] #mypage-wrap.secession-wrap .chk_area label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
html[lang=en] #mypage-wrap.secession-wrap .chk_area label::before {
  margin-top: 0.6rem;
  width: 2.8rem;
}

/************************************************************ 
    popup
***********************************************************/
#popup_history .card-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 4rem;
}
#popup_history .card-wrap img {
  width: 26rem;
  height: auto;
}
#popup_history .card-wrap .card-info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
#popup_history .card-wrap .card-info .card-number span {
  display: inline-block;
  position: relative;
  font-family: "Lato", sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.33;
  color: #808080;
}
#popup_history .card-wrap .card-info .card-number span + span {
  margin-left: 1rem;
  padding-left: 1.5rem;
}
#popup_history .card-wrap .card-info .card-number span + span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 1px;
  background: #808080;
}
#popup_history .card-wrap .card-info .card-price {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: -0.03em;
}
#popup_history .card-wrap .card-info .card-price strong {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 3.7rem;
  vertical-align: bottom;
}
#popup_history .sort-box {
  margin: 4rem 0 0;
  padding: 4rem;
  background-color: #F6F8F9;
}
#popup_history .sort-box .tit {
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: -0.03em;
}
#popup_history .sort-box .period_lookup .form_area .period_area .btn_period {
  width: 6.5rem;
  height: 3rem;
  font-size: 1.4rem;
  background: #fff;
}
#popup_history .sort-box .period_lookup .form_area .lookup_area {
  margin-left: 2rem;
}
#popup_history .sort-box .period_lookup .form_area .lookup_area .calendar {
  width: 16rem;
}
#popup_history .sort-box .period_lookup .form_area .lookup_area .calendar .input_calendar {
  height: 3rem;
  background-color: transparent;
}
#popup_history .sort-box .period_lookup .form_area .lookup_area .btn_search {
  margin-left: 2rem;
  width: 7.2rem;
  height: 3rem;
}
#popup_history .sort-box .period_lookup .form_area .lookup_area .btn_search strong {
  font-size: 1.4rem;
  letter-spacing: -0.03em;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#popup_history .sort-box .period_lookup .form_area .lookup_area .btn_search strong::before {
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.4rem;
  background: url(../images/icon/icon_search_w.svg) no-repeat 50% 50%;
  background-size: 18px;
}
#popup_history .his-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.6rem 2rem;
  border-bottom: 1px solid #DADADA;
  gap: 2rem;
}
#popup_history .his-list li:first-child {
  margin-top: 4rem;
  border-top: 1px solid #DADADA;
}
#popup_history .his-list li.empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10rem 0;
  color: #808080;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.054rem;
}
#popup_history .his-list li .data strong {
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: -0.03em;
}
#popup_history .his-list li .data .date {
  display: block;
  margin-top: 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8rem;
  color: #808080;
}
#popup_history .btn-show-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 4rem auto 0;
}

html[lang=en] #popup_history .sort-box .period_lookup .form_area .period_area .btn_period {
  width: 8rem;
}
html[lang=en] #popup_history .sort-box .period_lookup .form_area .lookup_area .calendar {
  width: 15.05rem;
}
html[lang=en] #popup_history .sort-box .period_lookup .form_area .btn_search {
  margin-left: 2rem;
  width: 8.6rem;
}