@import url(onethecard_type.css);
@import url(onethecard_pop.css);

html,
body {
  -webkit-text-size-adjust: none;
}

/** layout override **/
[data-wrap="onethecard"] .layout-wrap {
  min-height: auto !important;
  height: 100vh;
}

[data-wrap="onethecard"] .contents-wrap {
  color: var(--color-basic);
  background: var(--body-contents-bg);
  padding-top: var(--header-height);
  padding-bottom: 0;
  touch-action: manipulation;
}

/** header override **/

[data-wrap="onethecard"] .fix-top-wrap .header {
  padding-top: calc(var(--notch-top) + 13px);
  height: var(--header-height);
  padding-left: calc(var(--notch-left) + 24px);
  padding-right: calc(var(--notch-right) + 22px);
  background-color: transparent;
}
[data-wrap="onethecard"] .fix-top-wrap .header.is-scroll {
  background: #05061e;
  box-shadow: 0px 4px 12px rgba(255, 255, 255, 0.08);
}

[data-wrap="onethecard"] .header-title {
  font-size: 2rem;
  font-weight: 500;
  color: var(--color-basic);
}

[data-theme="dark"] .header-button.type-back {
  margin-right: 5px;
  background-image: url("../images/icon/ico-header-back_white.svg");
  background-position: 0 50%;
}

[data-theme="dark"] .header-button.type-menu {
  /* background-image: url("../images/icon/ico-header-menu_white.svg"); */
  background-image: url("../images/new_renewal/ic_header_menu_white.svg");
}

[data-theme="dark"] .header__button--close {
  background-image: url("../images/icon/ico-header-close_white.svg");
  background-size: 24px;
}
[data-theme="dark"] .header__button--close:after {
  display: none;
}

/** fix-top-wrap override **/

[data-wrap="onethecard"] .fix-top-wrap {
  top: var(--notch-top);
}

[data-wrap="onethecard"] .fix-top-wrap ~ .contents-wrap {
  padding-top: calc(var(--notch-top) + var(--header-height));
}

/** page-contents override **/

[data-wrap="onethecard"] .page-contents {
  background: transparent;
  padding-top: 3.2rem;
  padding-bottom: 5.6rem;
  font-size: 1.4rem;
  box-sizing: border-box;
}

[data-wrap="onethecard"] .page-contents.hasFixBottom {
  padding-bottom: 11.2rem;
}
[data-wrap="onethecard"] .onethercard-main {
  background: var(--main-contents-bg);
}
[data-wrap="onethecard"] .onethercard-main .page-contents {
  padding-top: 0;
}

[data-wrap="onethecard"] em {
  font-style: normal;
}

[data-wrap="onethecard"] strong {
  font-weight: 700;
}

[data-wrap="onethecard"] button:focus,
[data-wrap="onethecard"] a:focus {
  outline: none;
}

/** main contents **/

.myonethecard-month--scrollwrap {
  overflow-x: auto;
  padding: 3.2rem 0 2.9rem 0;
  margin: 0 auto;
}

.myonethecard-month--scrollwrap::-webkit-scrollbar {
  display: none;
}
.myonethecard-month_inner {
  display: flex;
  white-space: nowrap;
  align-items: center;
  position: relative;
  margin: 0 -2.4rem;
}
.myonethecard-month_inner button {
  position: relative;
  width: 5.8rem;
  height: 4.4rem;
  font-size: 1.6rem;
  letter-spacing: 0;
  text-align: center;
  line-height: 1em;
}
.myonethecard-month_inner button.active {
  margin: 0 10px;
  font-weight: 700;
  background: linear-gradient(
    141.28deg,
    rgba(255, 255, 255, 0.16) -24.24%,
    rgba(255, 255, 255, 0) 133.64%
  );
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 1.6rem;
}
.myonethecard-month_inner button.active:before {
  content: "";
  position: absolute;
  padding: 1px;
  inset: 0;
  border-radius: 1.6rem;
  background: linear-gradient(
    143.14deg,
    rgba(255, 255, 255, 0.4) -24.44%,
    rgba(255, 255, 255, 0) 129.88%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.myonethecard-month_inner .txt {
  font-size: 1.3rem;
  line-height: 16px;
  position: relative;
}

.myonethecard-month_inner .txt p {
  position: relative;
  z-index: 1;
}
.myonethecard-month_inner .txt:last-child {
  margin-left: 1.8rem;
  padding-right: 10rem;
}
.myonethecard-month_inner .txt:first-child {
  margin-right: 1.8rem;
  padding-left: 10rem;
}
.myonethecard-month_inner .txt:after {
  content: "";
  width: 7.2rem;
  height: 3.5rem;
  position: absolute;
  bottom: -0.3rem;
  left: 2.8rem;
  background: url("../images/onethecard/txt_highlight.svg") center center
    no-repeat;
  background-size: cover;
}
.myonethecard-month_inner .txt:first-child::after {
  bottom: auto;
  left: 9.1rem;
  top: -1.5rem;
}
.myonethecard-month_inner .txt strong {
  display: block;
}

.myonethecard-benefit {
  text-align: center;
}

.myonethecard-benefit .myonethecard-choice {
  line-height: 2.1rem;
}

.myonethecard-benefit .myonethecard-choice [class^="badge_benefit__"] {
  position: relative;
  margin-right: 0.6rem;
  top: -0.1rem;
}

.myonethecard-benefit .myonethecard-benefit__money {
  display: block;
  margin-top: 0.8rem;
  font-size: 3.6rem;
  line-height: 4.5rem;
  letter-spacing: 0;
  text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05),
    0px 15px 25px rgba(5, 61, 50, 0.2);
}

.myonethecard-benefit .myonethecard-pay--month {
  margin-top: 1.6rem;
  line-height: 2rem;
}

.myonethecard-benefit .myonethecard-pay--month a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.myonethecard-benefit .myonethecard-pay--month strong {
  padding-left: 0.4rem;
  padding-right: 0.8rem;
  font-size: 1.6rem;
}

.myonethecard-benefit .myonethecard-pay--month .ico_receipt__top {
  vertical-align: -2px;
  margin-right: 0.4rem;
}

.myonethecard-benefit .myonethecard-pay--month .ico_arrow_right {
  vertical-align: -1px;
}

.myonethecard-choice__chk {
  margin: 3.2rem 0 1.2rem 0;
  text-align: right;
}

.myonethecard-choice__chk .label {
  display: inline-block;
  margin-right: 0.6rem;
  line-height: 2rem;
}

.myonethecard-choice__chk .ui-toggle-block {
  display: inline-block;
  vertical-align: top;
}

.myonethecard-contents--block + .myonethecard-contents--block {
  margin-top: var(--block-gap-top);
}
/* [2025-06-02] */
.myonethecard-benefit--service .heading18 {
  display: block;
  margin-bottom: 1.2rem;
}

.myonethecard-benefit--service + .myonethecard-benefit--service {
  margin-top: 0.8rem;
}

.myonethecard-contents--unit {
  position: relative;
  width: 100%;
  border-radius: 1.4rem;
  padding: 1.8rem 2rem;
  background: var(--box-gradient-bg);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

.myonethecard-contents--unit:before {
  content: "";
  position: absolute;
  padding: 1px;
  inset: 0;
  border-radius: 1.4rem;
  background: var(--box-gradient-border);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.myonethecard-contents--unit.type-plus {
  background: var(--box-gradient-bg2);
}

.myonethecard-contents--unit.border-gradient:before {
  border-radius: 1.4rem;
}

.myonethecard-contents--unit > * {
  position: relative;
}

.myonethecard-contents--unit + .myonethecard-contents--unit {
  margin-top: 0.8rem;
}

.myonethecard-contents--unit .benefit-summary {
  display: flex;
  justify-content: space-between;
}

/* [2025-06-02] */
.myonethecard-contents--unit .benefit-summary dt {
  position: relative;
  width: 100%;
  font-size: 0;
  text-align: left;
}

.myonethecard-contents--unit .benefit-summary dt .txt_benefit {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.myonethecard-contents--unit .benefit-summary dt [class^="badge_category__"] {
  position: absolute;
  right: -2rem;
  top: -1.8rem;
}
.myonethecard-contents--unit
  .benefit-summary
  dt
  [class^="badge_category__"]
  .ico_plus__white {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0.4rem;
  background-image: url(../images/onethecard/icon/ico_plus_shadow.svg);
}

.myonethecard-contents--unit .benefit-summary dt [class^="text-gradient"] {
  font-size: 1.6rem;
  padding-left: 0.5rem;
}

.myonethecard-contents--unit .benefit-summary dt [class^="ico_benefit__"] {
  margin-right: 0.8rem;
}

.myonethecard-contents--unit .benefit-summary dd {
  text-align: right;
  flex: 0 0 8rem;
  line-height: 1.32;
  box-sizing: border-box;
}

.myonethecard-contents--unit .benefit-summary dd .tit {
  display: block;
  font-size: 1.3rem;
  color: #b7c5c8;
  line-height: 2.4rem;
}

.myonethecard-contents--unit .benefit-summary dd .txt_money {
  display: block;
  font-size: 1.8rem;
  margin-top: 0.4rem;
  letter-spacing: 0;
  white-space: nowrap;
}

.myonethecard-contents--unit .benefit-summary dd .txt_benefit_max {
  font-size: 1.6rem;
  white-space: nowrap;
}

.myonethecard-contents--unit .benefit-summary.type_only {
  align-items: center;
}

.myonethecard-contents--unit .benefit-summary.type_only dt {
  line-height: 1em;
}

.myonethecard-contents--unit .benefit-summary.interest_free {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.myonethecard-contents--unit .benefit-summary.interest_free dd {
  flex-basis: 100%;
  margin-top: 0.2rem;
  text-align: left;
  padding-left: 3.2rem;
  font-size: 1.6rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}

.myonethecard-contents--unit .benefit-summary.detail {
  align-items: center;
}

.myonethecard-contents--unit .benefit-summary.detail dt {
  font-size: 1.4rem;
  line-height: 1;
}

.myonethecard-contents--unit .benefit-summary.detail dd .txt_money {
  font-size: 1.6rem;
  line-height: 1;
  margin: 0;
}

.myonethecard-contents--unit .brand-service--graph {
  margin-top: 2.4rem;
}

.myonethecard-contents--unit .brand-service--graph .graph {
  position: relative;
  height: 0.8rem;
  background: #1a2a3a;
  border: 1px solid #384e63;
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
}

.myonethecard-contents--unit .brand-service--graph .graph em {
  float: left;
  margin: -1px 0;
  height: calc(100% + 2px);
}

.myonethecard-contents--unit .brand-service--graph .value {
  display: flex;
  justify-content: space-between;
  margin-top: 0.6rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.6);
}

.myonethecard-contents--unit .brand-service--list {
  margin-top: 2.4rem;
}
.myonethecard-contents--unit .brand-service--list > li {
  padding: 1.2rem 0;
}

.myonethecard-contents--unit .brand-service--list > li + li {
  margin-top: 0.2rem;
}

.myonethecard-contents--unit .brand-service--list > li button {
  display: flex;
  justify-content: space-between;
  width: 100%;
  line-height: 1;
  letter-spacing: 0;
}

.myonethecard-contents--unit .brand-service--list > li button .text-gradient {
  font-weight: 700;
  padding-left: 0.5rem;
}

.myonethecard-contents--unit .brand-service--list > li button .tit em {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 0.4rem;
}

.myonethecard-contents--unit .brand-service--list > li button .tit span {
  color: #b7c5c8;
}

.myonethecard-contents--unit .brand-service--list > li button .ico_arrow_right {
  background-image: url(../images/onethecard/icon/ico_arrow12_white_s.svg);
}

.myonethecard-achieve--pre {
  margin-bottom: 0.8rem;
}

.myonethecard-contents--unit .prev-result--graph {
  margin-top: 2.4rem;
}

.myonethecard-contents--unit + p {
  padding: 1.2rem 0 0.8rem 0;
  font-size: 1.3rem;
  line-height: 1.32;
  color: rgba(255, 255, 255, 0.8);
}

.myonethecard-contents--unit .benefit-using--graph {
  margin-top: 3.4rem;
  position: relative;
}

.myonethecard-contents--unit.gap24 {
  margin-top: 1.6rem;
  padding: 2.4rem;
}
.myonethecard-contents--unit .title-box {
  line-height: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myonethecard-contents--unit .title-box {
  margin-bottom: 1.2rem;
}
.myonethecard-contents--unit .title-box h3 {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 700;
  line-height: 1.32;
}
.myonethecard-contents--unit .title-box .text-underline {
  font-weight: 700;
}
.benefit-combination__list > li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.benefit-combination__list > li {
  padding: 1.6rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 2.4rem;
  font-size: 1.6rem;
}
.benefit-combination__list > li .service i {
  margin-right: 0.8rem;
}
.benefit-combination__list > li .benefit > span {
  opacity: 0.8;
}
.benefit-combination__list > li .benefit .text-gradient {
  margin-left: 0.4rem;
}
.myonethecard-contents--unit.gap24 .benefit-combination__list {
  margin-bottom: -1.2rem;
}
.myonethecard-contents--unit .card-format {
  padding-top: 0.4rem;
  margin-bottom: 0.8rem;
  position: relative;
  padding-left: 6.8rem;
}
.myonethecard-contents--unit .card-format:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 5.2rem;
  height: 5.6rem;
  background: url(../images/onethecard/type_sale.png) center center no-repeat;
  background-size: cover;
}
.myonethecard-contents--unit .card-format.type-sale:before {
  background-image: url(../images/onethecard/type_sale.png);
}
.myonethecard-contents--unit .card-format.type-save:before {
  background-image: url(../images/onethecard/type_save.png);
}
.myonethecard-contents--unit .card-format .txt {
  position: relative;
  padding-top: 2rem;
}
.myonethecard-contents--unit .card-format .txt p {
  position: relative;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.7rem;
}
.myonethecard-contents--unit .card-format .txt:before {
  content: "";
  position: absolute;
  width: 4.7rem;
  height: 2.2rem;
  left: -0.6rem;
  bottom: -0.3rem;
  background: url(../images/onethecard/type_sale_underline.png) center center
    no-repeat;
  background-size: cover;
}
.myonethecard-contents--unit .card-format.type-sale .txt:before {
  background-image: url(../images/onethecard/type_sale_underline.png);
}
.myonethecard-contents--unit .card-format.type-save .txt:before {
  background-image: url(../images/onethecard/type_save_underline.png);
}

.benefit-using--graph .ruler {
  display: flex;
  justify-content: space-between;
}

.benefit-using--graph .ruler > li {
  position: relative;
  width: calc(100% / 3);
  height: 6px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.1);
}

.benefit-using--graph .ruler > li + li {
  margin-left: 2px;
}

.benefit-using--graph .ruler > li.limit {
  background: #fff;
}

.benefit-using--graph .ruler > li em {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 3px 0 0 3px;
}

.benefit-using--graph .ruler > li em.max {
  border-radius: 3px;
  width: 100%;
}

.benefit-using--graph .ruler > li em.color-category_food {
  box-shadow: 0px 4px 6px rgba(255, 218, 122, 0.15);
}

.benefit-using--graph .ruler > li em.color-category_shopping {
  box-shadow: 0px 4px 6px rgba(144, 126, 255, 0.15);
}

.benefit-using--graph .ruler > li em:before {
  content: "";
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  right: -1.2rem;
  top: -2.6rem;
  background-size: cover;
}

.benefit-using--graph .ruler > li em.zero:before {
  background-image: url(../images/onethecard/icon/ico_face_sad.png);
}

.benefit-using--graph .ruler > li em.ing:before {
  background-image: url(../images/onethecard/icon/ico_face_soso.png);
}

.benefit-using--graph .ruler > li em.full:before {
  background-image: url(../images/onethecard/icon/ico_face_good.png);
}

.benefit-using--graph .marking {
  margin-top: 1rem;
  height: 1.5rem;
  position: relative;
}

.benefit-using--graph .marking span {
  position: absolute;
  top: 0;
  color: #839097;
  line-height: 1.5rem;
}

.benefit-using--graph .marking span:nth-child(1) {
  left: 0;
}

.benefit-using--graph .marking span:nth-child(2) {
  left: calc(100% / 3);
  transform: translateX(-50%);
}

.benefit-using--graph .marking span:nth-child(3) {
  left: calc(100% / 3 * 2);
  transform: translateX(-50%);
}

.benefit-using--graph .marking span:nth-child(4) {
  right: 0;
}

.benefit-using--graph .marking span.max {
  color: #b7c5c8;
}

.benefit-using--graph + .benefit-summary {
  margin-top: 1.8rem;
}

.benefit-using--graph + .benefit-summary.detail dd .txt_money {
  font-size: 1.8rem;
}

.heading-block {
  margin-bottom: 2.4rem;
  line-height: 1.32;
}

.heading18 {
  font-size: 18px;
  font-weight: 700;
  line-height: 2.4rem;
}

.heading18 .ico_plus__before {
  margin-right: 0.4rem;
  top: 0.3rem;
}

.heading18 + p {
  margin-top: 0.4rem;
}

.myonethecard-contents--group + .myonethecard-contents--group {
  margin-top: 2.4rem;
}

/** box type / contents **/

.onethecard-basic__box {
  padding: 1.8rem 2rem;
  border-radius: 1.4rem;
  background: var(--box-basic-bg);
}

/* [2025-06-02] */
.onethecard-basic__box > strong {
  display: block;
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 700;
}

.onethecard-basic__box + .onethecard-basic__box {
  margin-top: 0.8rem;
}

.onethecard-benefit__list {
  display: flex;
  flex-wrap: wrap;
  line-height: 2.1rem;
  align-items: center;
}

.onethecard-benefit__list + .onethecard-benefit__list {
  margin-top: 1.2rem;
  padding-top: 1.6rem;
  border-top: 1px solid #3d516a;
}

.onethecard-benefit__list dt {
  width: 60%;
  font-size: 1.4rem;
}

.onethecard-benefit__list dd {
  width: 40%;
  text-align: right;
  font-size: 1.6rem;
}

.onethecard-benefit__list.column dt,
.onethecard-benefit__list.column dd {
  width: 100%;
  text-align: left;
  line-height: 1.32;
}

.onethecard-benefit__list.column dt + dd {
  margin-top: 0.8rem;
}

.onethecard-benefit__list.column dt + dd strong {
  font-weight: 300;
  color: #d0d7d7;
}

.onethecard-benefit__list dt strong {
  font-size: 1.6rem;
}

.onethecard-benefit__list i,
.onethecard-benefit__list .text-gradient {
  margin-right: 0.4rem;
}

.onethecard-benefit__list .ico_plus__before {
  top: 0.3rem;
}

.onethecard-benefit__list > *:nth-child(n + 3) {
  margin-top: 0.8rem;
}
.onethecard-benefit__list.type2 {
  justify-content: space-between;
}
.onethecard-benefit__list.type2 dt {
  color: var(--text-gray);
  width: 30%;
}
.onethecard-benefit__list.type2 dd {
  width: 65%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.onethecard_benefit--limit {
  display: flex;
  border-top: 2px solid #3d516a;
  line-height: 1.32;
}

.onethecard_benefit--limit > div {
  width: calc(100% / 3);
  text-align: center;
}

/* [2025-06-02] */
.onethecard_benefit--limit > div.full {
  width: 100%;
}

.onethecard_benefit--limit > div > span {
  position: relative;
  display: block;
  font-size: 1.5rem;
  padding: 0.8rem;
  border-bottom: solid 1px #3d516a;
}

.onethecard_benefit--limit > div.mylimit > span {
  font-weight: 700;
  background: rgba(19, 201, 190, 0.1);
}

.onethecard_benefit--limit > div.mylimit p {
  white-space: nowrap;
  color: #13c9be;
  font-size: 1.4rem;
  margin-top: 0.8rem;
}

/** ??????? **/

.onethecard-change {
  padding: 3.2rem 0 4rem 0;
  margin: 0 -2.4rem;
  overflow: hidden;
}

.onethecard-type__list {
  position: relative;
  height: 0;
  padding-bottom: 61%;
  margin: 0 0.8rem;
  touch-action: pan-x;
}

.onethecard-type__list > li {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all cubic-bezier(0.25, 0.64, 0.09, 0.97) 0.3s;
}

.onethecard-type__list > li .thumb {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform-origin: center top;
  transition: all cubic-bezier(0.25, 0.64, 0.09, 0.97) 0.3s;
}
.onethecard-type__list > li .thumb img {
  max-width: 100%;
}
.onethecard-type__list > li.dropleft {
  animation: dropcardLeft 0.5s forwards;
}
.onethecard-type__list > li.dropright {
  animation: dropcardRight 0.5s forwards;
}

@keyframes dropcardLeft {
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0) scale3d(0.7, 0.7, 1)
      rotate3d(0, 0, 1, -45deg);
    transform: translate3d(-200px, 0, 0) scale3d(0.7, 0.7, 1)
      rotate3d(0, 0, 1, -45deg);
  }
}
@keyframes dropcardRight {
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0) scale3d(0.7, 0.7, 1)
      rotate3d(0, 0, 1, 45deg);
    transform: translate3d(200px, 0, 0) scale3d(0.7, 0.7, 1)
      rotate3d(0, 0, 1, 45deg);
  }
}
.onethecard-change .pagination {
  position: relative;
  margin: -0.6rem 5rem 0 5.6rem;
  text-align: right;
  font-size: 1.6rem;
  color: var(--text-gray);
}
.onethecard-change .pagination:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  right: 5.6rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}
.onethecard-change .pagination strong {
  color: #fff;
}
.onethecard-description {
  display: none;
}
.onethecard-description .onethecard-type_1 .text-gradient__type,
.onethecard-description .onethecard-type_5 .text-gradient__type {
  background-image: var(--linear-gradient-1);
}

.fix-top--hidden {
  position: fixed;
  left: 0;
  top: calc(var(--notch-top) + var(--header-height));
  right: 0;
  background: #05061e;
  z-index: 1001;
  padding: 1.6rem 0;
  overflow-y: auto;
  padding-left: 2.4rem;
  box-shadow: 0px 4px 12px rgb(255 255 255 / 8%);
  display: none;
}
.fix-top--hidden::-webkit-scrollbar {
  display: none;
}
.fix-top--hidden.fixed {
  display: block;
}
.fix-top--hidden.fixed .padding_box {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: -3rem;
  height: 4rem;
  z-index: 9;
}

.onethecard-change__btn {
  display: flex;
  white-space: nowrap;
  position: relative;
}
.onethecard-change__btn > li:last-child {
  padding-right: 2.4rem;
}
.onethecard-change__btn > li + li {
  margin-left: 0.8rem;
}
.onethecard-change__btn > li button {
  height: 3.4rem;
  padding: 0 1.6rem;
  background: #627d9d;
  border-radius: 20px;
}
.onethecard-change__btn > li button.active {
  background: var(--linear-gradient-2);
}
.onethecard-change__btn > li.onethecard-type_custom button.active {
  background: linear-gradient(
    110.75deg,
    rgba(97, 48, 235, 0.7) 0%,
    rgba(36, 105, 201, 0.7) 41.67%,
    rgba(90, 242, 206, 0.7) 100%
  );
}
.onethecard-benefit--allicons {
  background: #222222;
  border-radius: 1.5rem;
  padding: 5.6rem 0 2.4rem 0;
  text-align: center;
}
.onethecard-benefit--allicons > p {
  margin-bottom: 2.4rem;
  font-size: 1.8rem;
  color: #b7c5c8;
}

/** page top title **/
.onethecard-circle__gradient + .title-top__section {
  padding-top: 3.2rem;
}

.title-top__section h2 {
  font-weight: 300;
  font-size: 2.8rem;
  line-height: 1.28;
  margin-bottom: 3.2rem;
}

/** form **/

[data-wrap="onethecard"] .ui-label .ui-radio-object,
[data-wrap="onethecard"] .ui-label .ui-checkbox-object {
  width: 20px;
  height: 20px;
  background-image: url(../images/onethecard/common/ico_check_off.svg);
  background-size: cover;
  margin-right: 0.2rem;
}
[data-wrap="onethecard"] .ui-radio:checked + .ui-label .ui-radio-object,
[data-wrap="onethecard"] .ui-checkbox:checked + .ui-label .ui-checkbox-object {
  background-image: url(../images/onethecard/common/ico_check_on.svg);
}
[data-wrap="onethecard"] .ui-radio,
[data-wrap="onethecard"] .ui-checkbox {
  position: absolute;
  left: -999px;
}
[data-wrap="onethecard"] .ui-input-block.type-search {
  overflow: hidden;
}
[data-wrap="onethecard"] .ui-input-block.type-search .ui-input {
  height: 5.6rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 1.4rem;
  padding: 0 1.6rem;
  border: 0;
  box-shadow: none;
  color: #fff;
  font-size: 1.6rem;
}
[data-wrap="onethecard"] .ui-input-block.type-search .ui-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.6);
}
[data-wrap="onethecard"]
  .ui-input-block.type-search
  .ui-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.6);
}
[data-wrap="onethecard"] .ui-input-block.type-search .ui-input-delete {
  width: 1.8rem;
  height: 1.8rem;
  background: #839097;
  right: 4.9rem;
  top: 50%;
  margin-top: -0.9rem;
  z-index: 1;
}
[data-wrap="onethecard"] .ui-input-search {
  width: 4rem;
  height: 4rem;
  top: 50%;
  margin-top: -2rem;
  background: url(../images/onethecard/icon/btn_search_white.svg) left center
    no-repeat;
  background-size: 24px 24px;
  z-index: 1;
}
[data-wrap="onethecard"] .ui-input-block.type-search:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 9.4rem;
  height: 100%;
  background: linear-gradient(
    269.25deg,
    #202b3b 28.47%,
    rgba(32, 43, 59, 0.45) 68.81%,
    rgba(32, 43, 59, 0) 96.21%
  );
  border-radius: 0 1.4rem 1.4rem 0;
}

.form-block {
  margin-top: 3.2rem;
  line-height: 1.32;
}
.form-block .label {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 0.8rem;
  padding-left: 0.2rem;
}
.form-block .ui-radio-group.type-grid.type-col2 {
  gap: 0.8rem;
}
.form-block .ui-radio-group.type-full .ui-radio-unit + .ui-radio-unit {
  margin-top: 0.8rem;
}
.form-block .ui-radio-group .ui-radio-unit {
  position: relative;
  background: var(--box-gradient-bg);
  border-radius: 1.4rem;
  box-sizing: border-box;
}
.form-block .ui-radio-group .ui-radio-unit:before {
  content: "";
  position: absolute;
  padding: 1px;
  inset: 0;
  border-radius: 1.4rem;
  background: var(--box-gradient-border);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.form-block .ui-radio-group .ui-radio-unit.checked:before {
  background: var(--primary);
}

.form-block .ui-radio-unit .ui-label {
  position: relative;
  padding: 1.8rem 2rem;
}
.form-block .ui-radio-unit .ui-label-text {
  font-weight: 700;
  font-size: 1.8rem;
  margin-left: 0.8rem;
  color: #b7c5c8;
  line-height: 2.4rem;
}
.form-block .ui-radio-unit .ui-radio:checked + .ui-label .ui-label-text {
  color: #fff;
}
.form-block .js-ui-accordion__item.ui-radio-unit .ui-label {
  padding-right: 5rem;
  padding-bottom: 0;
}
.form-block
  .js-ui-accordion__item.ui-radio-unit
  .ui-radio:checked
  + .ui-label
  .ui-label-text {
  color: var(--primary);
}
.form-block .js-ui-accordion__item.ui-radio-unit {
  padding-bottom: 1.8rem;
}
.form-block .js-ui-accordion__item .terms-opener {
  right: 2rem;
  top: 2rem;
  width: 2rem;
  height: 2rem;
}
.form-block .js-ui-accordion__item .js-ui-accordion__opener::after {
  width: 2rem;
  height: 2rem;
  background-image: url(../images/onethecard/icon/ico_selec_arrow20.svg);
  background-size: cover;
  top: 0;
  left: 0;
  margin: 0;
}
.form-block .js-ui-accordion__item .service-text {
  font-size: 1.5rem;
  color: #839097;
  line-height: 1.32em;
  padding: 0 2rem 0 5rem;
  box-sizing: border-box;
}
.form-block .js-ui-accordion__item .service-text dt {
  font-weight: 700;
  color: #9daab0;
  margin-bottom: 0.4rem;
}
.form-block .js-ui-accordion__item.checked .service-text {
  color: #b7c5c8;
}
.form-block .js-ui-accordion__item.checked .service-text dt {
  color: #fff;
}
.form-block .js-ui-accordion__item .service-text:before {
  content: "";
  display: block;
  height: 0.4rem;
}

/** ???u??? ???? **/

.search-benefit {
  position: relative;
  height: 5.6rem;
  width: 100%;
  border-radius: 1.4rem;
  background: var(--box-gradient-bg);
  filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.08))
    drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.05));
  backdrop-filter: blur(2px);
  text-align: left;
}
.search-benefit:before {
  content: "";
  position: absolute;
  padding: 0;
  inset: 0;
  border-radius: 1.4rem;
  background: var(--box-gradient-border);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.search-benefit .placeholder {
  background: transparent;
  border: 0;
  padding: 0 5rem 0 1.6rem;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.6);
}
.search-benefit .btn {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  margin-top: -1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/onethecard/icon/btn_search_white.svg) no-repeat;
  background-size: cover;
}

.category-anchor {
  margin-top: 1rem;
  display: flex;
}
.category-anchor > a {
  position: relative;
  width: 25%;
  text-align: center;
  padding: 1.6rem 0;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.category-anchor > a.active {
  color: #2bfff2;
}
.category-anchor > a:after {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 0.4rem;
  background: #2afff2;
  border-radius: 3px;
  left: 50%;
  bottom: 0.8rem;
  margin-left: -0.8rem;
  transform: scaleX(0);
  transition: 0.1s;
}
.category-anchor > a.active:after {
  transform: scaleX(1);
}
.download-guide {
  margin: 1.6rem 0 1.2rem 0;
  text-align: right;
  line-height: 3rem;
}
.download-guide i {
  margin-left: 0.4rem;
}
.benefit-fix__area {
  margin: 0 -2.4rem;
  padding: 0 2.4rem;
}
.benefit-fix__area.fixed {
  position: fixed;
  left: 0;
  top: calc(var(--notch-top) + var(--header-height));
  right: 0;
  background: #05061e;
  z-index: 1001;
  margin: 0;
}
.benefit-fix__area.fixed .download-guide {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 2.4rem;
}
.benefit-fix__area.fixed .search-benefit {
  width: 5.2rem;
  height: 5.2rem;
  background: url(../images/onethecard/icon/btn_search_white.svg) left center
    no-repeat;
  background-size: 2.4rem 2.4rem;
}
.benefit-fix__area.fixed .search-benefit * {
  display: none;
}
.benefit-fix__area.fixed .category-anchor {
  margin-top: 0;
  margin-bottom: -0.8rem;
}
.benefit-fix__area.fixed .category-anchor > a:after {
  border-radius: 3px 3px 0 0;
}
.benefit-fix__area.fixed + .benefit-scroll__wrap {
  padding-top: 130px;
}

.benefit-scroll__wrap {
  padding-bottom: 4rem;
}
.category-benefit--group + .category-benefit--group {
  margin-top: 0.8rem;
}
.benefit-checkbox {
  position: relative;
}
.benefit-checkbox .icon-benefit {
  position: absolute;
  left: 0;
  top: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
}
.benefit-checkbox .icon-benefit i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.benefit-checkbox .ui-checkbox {
  position: absolute;
}
.benefit-checkbox .ui-label {
  display: block;
  padding-left: 5.6rem;
}
[data-wrap="onethecard"] .benefit-checkbox .ui-checkbox-object {
  position: absolute;
  left: 0;
  top: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.5) !important;
  opacity: 0;
}
[data-wrap="onethecard"] .benefit-checkbox .ui-checkbox-object:after {
  content: "";
  width: 1.8rem;
  height: 1.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  background: url(../images/onethecard/icon/ico_check.svg);
  background-size: cover;
  transition: 0.1s;
}
[data-wrap="onethecard"]
  .benefit-checkbox
  .ui-checkbox:checked
  + .ui-label
  .ui-checkbox-object {
  opacity: 1;
}
[data-wrap="onethecard"]
  .benefit-checkbox
  .ui-checkbox:checked
  + .ui-label
  .ui-checkbox-object:after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.benefit-checkbox .ui-label-text {
  padding-top: 0.4rem;
  color: #b7c5c8;
  line-height: 1.32;
}
.benefit-checkbox .ui-label-text .category {
  line-height: 1em;
}
.benefit-checkbox .ui-label-text .benefit {
  margin-top: 0.6rem;
  color: #fff;
  display: inline-block;
  position: relative;
}
.benefit-checkbox .ui-label-text .benefit span {
  position: relative;
}
.benefit-checkbox .ui-label-text .benefit [class^="benefit_underline__"] {
  position: absolute;
  left: -2px;
  right: -2px;
  top: 1px;
  height: 2.7rem;
  background: url(../images/onethecard/bg_underline_life.png) left top no-repeat;
  background-size: 100% 27px;
}
.benefit-checkbox .ui-label-text .benefit .benefit_underline__life {
  background-image: url(../images/onethecard/bg_underline_life.png);
}
.benefit-checkbox .ui-label-text .benefit .benefit_underline__food {
  background-image: url(../images/onethecard/bg_underline_life.png);
}
.benefit-checkbox .ui-label-text .benefit .benefit_underline__shopping {
  background-image: url(../images/onethecard/bg_underline_life.png);
}
.benefit-checkbox .ui-label-text .benefit .benefit_underline__leisure {
  background-image: url(../images/onethecard/bg_underline_life.png);
}
.benefit-checkbox .ui-label-text .brand {
  margin-top: 0.6rem;
  font-size: 1.6rem;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.benefit-checkbox .ui-label-text .brand + .etc {
  margin-top: 0.8rem;
}
.benefit-checkbox .ui-label-text .etc + .etc {
  margin-top: 0.2rem;
}
.benefit-checkbox .ui-label-text .etc span {
  display: inline-block;
}
.benefit-checkbox .ui-label-text .etc .bar {
  display: inline-block;
  width: 1px;
  height: 1.2rem;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 0.6rem;
  vertical-align: -1px;
}
.benefit-checkbox .ui-checkbox:checked + .ui-label .ui-label-text .brand {
  white-space: normal;
  text-overflow: unset;
}

.benefit-choice__check {
  position: fixed;
  bottom: calc(6.8rem + var(--notch-bottom));
  left: 50%;
  transform: translateX(-50%);
  padding: 1.2rem 2rem;
  background: linear-gradient(
    356.1deg,
    rgba(5, 24, 35, 0.95) -2.91%,
    rgba(19, 2, 21, 0.95) 124.83%
  );
  box-shadow: 0px 4px 8px rgba(39, 61, 99, 0.05),
    0px 8px 16px rgba(47, 71, 109, 0.24);
  border-radius: 25px;
}
.benefit-choice__check .ui-label-text {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #9daab0;
  white-space: nowrap;
}
.benefit-choice__check .ui-checkbox:checked + .ui-label .ui-label-text {
  color: var(--primary);
}

/** rangeslider **/

.rangeslider-block {
  padding-bottom: 4rem;
}
.rangeslider-block + .rangeslider-block {
  border-top: solid 1px rgba(0, 0, 0, 0.4);
  padding-top: 4rem;
}

.benefit-slider__box {
  margin-top: 8rem;
  padding: 0 3.8rem;
  position: relative;
}

.benefit-slider__box > button {
  position: absolute;
  top: 0;
  width: 3rem;
  height: 3rem;
  border: solid 1px #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
.benefit-slider__box > button.minus {
  left: 0;
}
.benefit-slider__box > button.plus {
  right: 0;
}
.benefit-slider__box > button:before,
.benefit-slider__box > button:after {
  content: "";
  width: 1rem;
  height: 0.2rem;
  background: #fff;
  border-radius: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -5px;
}
.benefit-slider__box > button.plus:after {
  transform: rotate(90deg);
}
.benefit-slider__box .slider-unit {
  position: relative;
  padding-top: 0.5rem;
}

.slider-unit .rangeslider {
  touch-action: pan-x;
  height: 2rem;
  background: #0e1a35;
  box-shadow: 0px 0px 4px #344978, inset 1px 0px 1px #040d21;
  border-radius: 10px;
  box-sizing: border-box;
}

.slider-unit .rangeslider--horizontal .rangeslider__fill {
  background: rgba(255, 255, 255, 0.6);
  z-index: 1;
  transition: 0.1s;
}

.slider-unit .rangeslider--horizontal .rangeslider__handle {
  width: 3rem;
  height: 3rem;
  top: 50%;
  margin-top: -1.5rem;
  border: 0;
  z-index: 2;
  background: #bf74fa;
  border: 4px solid #ffffff;
  box-shadow: 0px 6px 12px rgba(133, 39, 9, 0.24);
  box-sizing: border-box;
  transition: 0.1s;
}
.slider-unit .rangeslider--horizontal .rangeslider__handle:after {
  display: none;
}

.slider-unit .rangebubble {
  position: absolute;
  top: -5rem;
  left: 0;
  transform: translateX(-50%);
  transition: 0.1s;
  height: 4rem;
  border-radius: 2rem;
  white-space: nowrap;
}
.slider-unit .rangebubble > div {
  position: relative;
  height: 3.2rem;
  background-image: var(--linear-gradient-range);
  border-radius: 2rem;
  padding: 0 1.6rem;
  display: flex;
  align-items: center;
  z-index: 1;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.16));
}

.slider-unit .rangebubble .ico-carret {
  position: absolute;
  width: 1.4rem;
  height: 0.8rem;
  left: 50%;
  bottom: 0;
  background: url(../images/onethecard/icon/ico_bubble_after_center.svg);
  background-size: cover;
  margin-left: -0.7rem;
  transition: 0.1s;
}
.slider-unit .rangebubble .ico-carret:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  width: 100%;
  background: #000000;
  filter: blur(3px);
}
.slider-unit .rangebubble .value2 span {
  font-weight: 400;
}
.slider-unit .rangebubble .bar {
  width: 1px;
  height: 1.2rem;
  background: rgba(0, 0, 0, 0.24);
  margin: 0 0.6rem;
}
.slider-unit .rangebubble.reverse .ico-carret {
  background-image: url(../images/onethecard/icon/ico_bubble_after_left.svg);
  left: 4rem;
}
.slider-unit .rangebubble.full .ico-carret {
  background-image: url(../images/onethecard/icon/ico_bubble_after_right.svg);
  right: 4rem;
  left: auto;
}
.slider-unit.only-bubble {
  margin-top: 1.6rem;
  padding: 1.2rem 0;
  text-align: center;
}
.slider-unit.only-bubble .rangebubble {
  position: relative;
  display: inline-flex;
  top: auto;
  left: auto;
  transform: none;
}
.slider-unit.only-bubble .rangebubble .ico-carret {
  display: none;
}

.slider-unit .limits {
  display: flex;
  justify-content: space-between;
  margin-top: 0.8rem;
  color: #b7c5c8;
  font-size: 1.3rem;
  line-height: 1.8rem;
}

.slider-unit .rangeslider .dot {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.4);
  top: 50%;
  transform: translate(0, -50%);
}

.onthecredit-gauge {
  position: fixed;
  left: 0;
  bottom: calc(var(--notch-bottom) + 5.6rem);
  right: 0;
  height: 2.4rem;
  background: #041127;
  z-index: 10;
}
.onthecredit-gauge .gauge-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: var(--linear-gradient-range);
  transition: 0.2s ease-out;
}
.onthecredit-gauge .gauge-value {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  color: #fff;
  font-weight: 300;
  transform: translateY(-50%);
}
.onthecredit-gauge .gauge-value .txt {
  padding-right: 4px;
}

.onthecredit-gauge--status.over .onthecredit-gauge .gauge-bar {
  background: rgba(236, 67, 97, 0.4);
}
[data-wrap="onethecard"]
  .onthecredit-gauge--status.over
  .ui-basic-button.type-primary[disabled] {
  background: #ec4361;
  color: rgba(255, 255, 255, 0.6);
}

.benefit-setting__wrap
  .myonethecard-contents--unit
  + .myonethecard-contents--unit {
  margin-top: 1.6rem;
}
.benefit-setting--info {
  position: relative;
}
.benefit-setting--info .ico_24__trash {
  position: absolute;
  right: 0;
  top: 0;
}
.benefit-setting--info dt {
  color: var(--text-gray);
  line-height: 2.4rem;
}
.benefit-setting--info dt + dd {
  margin-top: 0.6rem;
}
.benefit-setting--info .benefit-status {
  margin-bottom: 1.2rem;
}
.benefit-setting--info .benefit-status,
.benefit-setting--info .benefit-status span {
  position: relative;
}
.benefit-setting--info .benefit-status [class^="benefit_underline__"] {
  position: absolute;
  left: -2px;
  right: -2px;
  top: 1px;
  width: 8.4rem;
  height: 2.7rem;
  background: url(../images/onethecard/bg_underline_life.png) left top no-repeat;
  background-size: 100% 27px;
}
.benefit-setting--info .benefit-status .benefit_underline__life {
  background-image: url(../images/onethecard/bg_underline_life.png);
}
.benefit-setting--info .benefit-status .benefit_underline__food {
  background-image: url(../images/onethecard/bg_underline_life.png);
}
.benefit-setting--info .benefit-status .benefit_underline__shopping {
  background-image: url(../images/onethecard/bg_underline_life.png);
}
.benefit-setting--info .benefit-status .benefit_underline__leisure {
  background-image: url(../images/onethecard/bg_underline_life.png);
}

.benefit-setting--info .info {
  font-size: 1.8rem;
  line-height: 2.3rem;
}
.benefit-setting--info .benefit {
  margin-top: 0.4rem;
  line-height: 2.4rem;
}
.myonethecard-contents--unit .benefit-slider__box {
  margin-top: 7rem;
}
.myonethecard-contents--unit .rangeslider-block {
  padding-bottom: 0;
}

/** msgbox **/

.caution-result {
  padding: 3.2rem 0;
  text-align: center;
  line-height: 1.32;
}
.caution-result .txt {
  font-size: 1.8rem;
}
.caution-result [class^="ico-caution__"] {
  margin: 1rem auto;
}
[class^="ico-caution__"] {
  display: block;
  width: 7.7rem;
  height: 8.2rem;
  margin: 0 auto;
  background: url(../images/onethecard/common/alert_noresult.svg) no-repeat;
  background-size: cover;
}
.ico-caution__noresult {
  background-image: url(../images/onethecard/common/alert_noresult.svg);
}
.ico-caution__complete {
  background-image: url(../images/onethecard/common/alert_complete.svg);
}

/** POPUP **/

[data-wrap="onethecard"] .layer-wrap {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100vh;
  height: -webkit-fill-available;
  height: fill-available;
}

[data-wrap="onethecard"] .layer-wrap--full,
[data-wrap="onethecard"] .layer-wrap--full .ui-layer {
  background: var(--body-contents-bg);
}

[data-wrap="onethecard"] .ui-layer,
[data-wrap="onethecard"] .ui-alert {
  background-color: var(--layer-basic-bg);
  color: var(--color-basic);
}
[data-wrap="onethecard"] .ui-layer {
  border-radius: 2.4rem 2.4rem 0 0;
}
[data-wrap="onethecard"] .layer-wrap--slide .ui-layer.type_full {
  height: 100%;
  max-height: 100%;
}

[data-wrap="onethecard"] .layer-wrap--slide .ui-layer__head .header {
  padding: 3.2rem 2.4rem 2.4rem 2.4rem;
}

[data-wrap="onethecard"] .layer-wrap .header__title {
  height: 2.4rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: var(--color-basic);
}

[data-wrap="onethecard"] .layer-wrap--slide .header__title {
  text-align: center;
}
[data-wrap="onethecard"] .layer-wrap--slide .header__title.type-left {
  text-align: left;
}

[data-wrap="onethecard"] .ui-layer__body-inner {
  padding: 0 2.4rem 3.2rem 2.4rem;
}
[data-wrap="onethecard"] .ui-layer__body-inner.onethecard-intro {
  padding: 0;
}
.ui-layer .header-close {
  position: fixed;
  right: 2.4rem;
  top: 1.2rem;
  z-index: 99;
}

[data-wrap="onethecard"] .ui-layer.type_full .ui-layer__head {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
  background-color: var(--layer-basic-bg);
  border-radius: 2.4rem 2.4rem 0 0;
}
[data-wrap="onethecard"] .ui-layer.type_full .ui-layer__head.scrolled {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16);
}
[data-wrap="onethecard"] .ui-layer.type_full .ui-layer__body {
  padding-top: 8rem;
}

[data-wrap="onethecard"] .ui-layer__foot .ui-buttons {
  padding: 0;
}

[data-wrap="onethecard"] .ui-alert {
  border-radius: 2.4rem;
  overflow: hidden;
  max-width: calc(100vw - 4.8rem);
  width: 400px;
}
[data-wrap="onethecard"] .ui-alert__body-inner {
  text-align: center;
  padding: 3.2rem 2.4rem;
  line-height: 1.32;
}
[data-wrap="onethecard"] .ui-alert__body-inner .msg {
  font-size: 2rem;
  text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05),
    0px 15px 25px rgba(5, 61, 50, 0.2);
}
[data-wrap="onethecard"] .ui-alert__body-inner .msg.type2 {
  font-size: 2.4rem;
}
[data-wrap="onethecard"] .ui-alert__body-inner .submsg {
  font-size: 1.6rem;
  color: #b7c5c8;
  text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05),
    0px 15px 25px rgba(5, 61, 50, 0.2);
}
[data-wrap="onethecard"] .ui-alert__body-inner .submsg.type2 {
  font-size: 1.8rem;
}
[data-wrap="onethecard"] .ui-alert__body-inner .msg + .submsg,
[data-wrap="onethecard"] .ui-alert__body-inner .submsg + .submsg {
  margin-top: 0.8rem;
}
[data-wrap="onethecard"] .ui-alert__body-inner [class^="ico-caution__"] + .msg {
  margin-top: 1.2rem;
}
[data-wrap="onethecard"] .ui-alert__foot {
  margin: 0;
}
[data-wrap="onethecard"]
  .ui-alert__foot
  .ui-buttons-item
  + .ui-buttons-item::before {
  display: none;
}
[data-wrap="onethecard"] .ui-alert__foot .ui-buttons-item + .ui-buttons-item {
  flex: 0 0 60%;
}

/** ??????? **/

.service-search__form {
  margin-top: 0.8rem;
}
.service-search--recomm {
  border-top: solid 1px #243243;
  padding-top: 3.2rem;
}
.service-search--recomm .txt {
  font-size: 1.6rem;
  line-height: 1.32;
  margin-bottom: 0.8rem;
}
.service-search--result {
  margin-top: 2.4rem;
}
.service-keyword {
  padding: 1.6rem 0 0.2rem 0;
}
.service-keyword--inner {
  position: relative;
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.keyword-unit {
  display: inline-flex;
  align-items: center;
  height: 2.5rem;
  background: #627d9d;
  border-radius: 2rem;
  padding: 0 1.2rem;
  font-size: 1.3rem;
}
.keyword-unit button {
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.6rem;
  background: url(../images/onethecard/common/ico_x_12.svg) no-repeat;
  background-size: cover;
}

/** ???ð???? **/

[data-wrap="onethecard"] img {
  max-width: 100%;
}
.hashighlight {
  position: relative;
  display: inline-block;
}
.hashighlight span {
  position: relative;
}
.hashighlight:before {
  content: "";
  position: absolute;
  width: 8.2rem;
  height: 3.5rem;
  left: -0.3rem;
  bottom: -0.8rem;
  background: url(../images/onethecard/txt_highlight_guide.svg) no-repeat;
  background-size: 100% 3.5rem;
}
.hashighlight.type2:before {
  background-image: url(../images/onethecard/txt_highlight_guide2.svg);
  left: -0.7rem;
}
.plus-bubble_box {
  position: relative;
  display: inline-block;
  margin: 0 auto 1.4rem auto;
  padding: 0 1.2rem;
  height: 3rem;
  line-height: 3rem;
  background: var(--linear-gradient-range);
  border-radius: 20px;
  font-size: 1.4rem;
  font-weight: 400;
  white-space: nowrap;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.16));
}
.plus-bubble_box i {
  margin-right: 0.4rem;
  vertical-align: -3px;
}
.plus-bubble_box:after {
  content: "";
  position: absolute;
  width: 1.4rem;
  height: 0.8rem;
  left: 50%;
  bottom: -0.8rem;
  background: url(../images/onethecard/icon/ico_bubble_after.svg) no-repeat;
  background-size: cover;
  margin-left: -0.7rem;
}

.onethecard-guide {
  padding: 3.2rem 0;
  text-align: center;
}
.onethecard-guide--slogan {
  font-weight: 300;
  font-size: 2.8rem;
  line-height: 1.28;
  padding-bottom: 5.6rem;
  text-align: center;
}
.onethecard-guide--step li {
  font-size: 1.8rem;
  line-height: 1.32;
  text-align: center;
}
.onethecard-guide--step li .onethecard-guide--img {
  margin-top: 1.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1.4rem;
  overflow: hidden;
  position: relative;
}
.onethecard-guide--step li .onethecard-guide--img.type-animate2 {
  height: calc((100vw - 48px) * 0.688);
}
.onethecard-guide--step li .onethecard-guide--img.type-animate3 {
  height: calc((100vw - 48px) * 0.565);
}
.onethecard-guide--step li .onethecard-guide--img img {
  max-width: 100%;
}
.onethecard-guide--step li + li {
  margin-top: 4rem;
}
.onethecard-guide--step li em {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/onethecard/icon/ico_ol_no.svg) no-repeat;
  background-size: cover;
  margin-right: 0.6rem;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 2rem;
  vertical-align: top;
}
.onethecard-guide--step.type2 li {
  font-size: 2.4rem;
  font-weight: 300;
}
.onethecard-guide--step.type2 li + li {
  margin-top: 0.8rem;
}
.onethecard-guide--complete {
  padding: 3rem 0;
}
.onethecard-guide--complete .msg {
  font-size: 2.4rem;
  font-weight: 700;
}
.onethecard-guide--complete .ico-caution__complete {
  margin: 1rem auto;
}

.onethecard-guide__full {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - var(--notch-top) - var(--notch-bottom) - 106px);
  margin-top: -3.2rem;
}
.ico_scroll_down {
  width: 4rem;
  height: 4rem;
  background: url(../images/onethecard/icon/ico_scoll_down.svg) center center
    no-repeat;
  background-size: 3.2rem 1.4rem;
  animation: scrolldown 1.5s infinite;
  -webkit-animation: scrolldown 1.5s infinite;
}
.onethecard-guide__full .onethecard-guide--slogan {
  padding: 0;
  margin: auto 0 0 0;
}
.onethecard-guide__full .thumb {
  margin: auto;
}
.onethecard-guide__full .scroll-arrow {
  margin-bottom: auto;
}
.onethecard-guide__block {
  padding-top: 4rem;
  text-align: center;
}
.onethecard-guide__block + .onethecard-guide__block {
  padding-top: 8rem;
}
.onethecard-guide__block
  .onethecard-guide--step
  > li:first-child
  .onethecard-guide--img {
  margin-bottom: 4.8rem;
}
.onethecard-guide__block .onethecard-guide--step > li .hashighlight:before {
  width: 7.2rem;
  left: -0.8rem;
}

.dom_overlay_container {
  pointer-events: none;
  overflow: hidden;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0;
  right: 0;
}
.animation_container canvas {
  width: 100%;
  max-width: 100%;
}

@keyframes scrolldown {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translateY(10px);
  }
  40% {
    transform: translate(0);
  }
}

/** tooltip **/

[data-wrap="onethecard"] .ui-tooltip-wrap {
  vertical-align: middle;
}
[data-wrap="onethecard"] .ui-tooltip-bubble {
  padding: 1.6rem 1.4rem;
  background: #3e516a;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.24);
  border-radius: 0.6rem;
  width: 28rem;
  box-sizing: border-box;
}
[data-wrap="onethecard"] .ui-tooltip-bubble-close {
  right: 1rem;
  top: 1.6rem;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(../images/onethecard/icon/btn_close.svg);
  background-size: cover;
}
[data-wrap="onethecard"] .ui-tooltip.js-dropdown-bottom .ui-tooltip-bubble {
  margin-top: 0;
}
[data-wrap="onethecard"] .ui-tooltip-bubble-message .title {
  display: block;
  font-size: 1.8rem;
  color: #2bfff2;
  line-height: 2.4rem;
  padding-right: 3.2rem;
  margin-bottom: 1rem;
}
[data-wrap="onethecard"] .ui-tooltip-bubble-message .textbox {
  white-space: normal;
}
[data-wrap="onethecard"] .ui-tooltip-bubble-message .textbox .txt {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.1rem;
}
[data-wrap="onethecard"] .ui-tooltip-bubble-message .textbox .subtxt {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.32em;
  word-break: keep-all;
}
[data-wrap="onethecard"] .ui-tooltip-bubble-message .textbox .txt + .subtxt {
  margin-top: 0.4em;
}

/** toast **/

[data-wrap="onethecard"] .ui-toast-alert-text {
  background: rgba(62, 81, 106, 0.9);
  border-radius: 1.4rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding: 1.3rem 2rem;
}

/** intro / ??????**/

.divider-h10 {
  height: 1rem;
  background: rgba(0, 0, 0, 0.15);
  border: 0;
  margin: 0;
  padding: 0;
}
.btn-intro--full {
  height: 5.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 700;
  color: #fff;
  font-size: 2rem;
  background: linear-gradient(
    268.63deg,
    #bc59b8 2.62%,
    #24009a 63.81%,
    #00142b 115.54%
  );
  border-radius: 3rem;
}
.btn-intro--full.xl {
  height: 6.2rem;
}
.btn-intro--full > span {
  padding: 0 4px;
}

.onethecard-intro--top {
  background: #091420;
  position: relative;
  margin-top: -5rem;
  height: 100vh;
  overflow: hidden;
  text-align: center;
}
.onethecard-intro--top .link {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 4.8rem;
  font-size: 1.6rem;
  line-height: 2.1rem;
  z-index: 1;
}
.onethecard-intro--top .link i {
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: -2px;
}

[class^="onethecard-intro--"] p {
  padding-bottom: 3.2rem;
  font-size: 3.2rem;
  line-height: 1.28;
  font-weight: 300;
}
.onethecard-intro--sec01 {
  padding-top: 5rem;
  text-align: center;
  color: #000;
  background: #fff;
}
.onethecard-intro--sec01 > p > span {
  font-size: 2.4rem;
  line-height: 1.32em;
}

[class^="onethecard-intro--"] .onethecard-intro--mov img {
  max-width: 100%;
}
[class^="onethecard-intro--"] .onethecard-intro--mov .apng-box {
  text-align: center;
}
[class^="onethecard-intro--"] .onethecard-intro--mov .apng-box img {
  max-width: 60%;
}
.onethecard-intro--sec01 .scroll-arrow {
  position: fixed;
  left: 50%;
  bottom: 3rem;
  z-index: 999;
  display: none;
  transform: translateX(-50%);
}
.onethecard-intro--sec02 {
  background: linear-gradient(356.1deg, #0d222f -2.91%, #1b1024 124.83%);
  padding: 5rem 2.4rem;
  text-align: center;
}
.onethecard-intro--sec02 .card-shape__list {
  padding: 0 0 4.2rem 0;
}
.onethecard-intro--sec02 .hash {
  margin: 3.2rem 0 1.2rem 0;
  font-size: 1.8rem;
  line-height: 1.32;
}
.onethecard-intro--sec02 .hash span + span {
  padding-left: 0.6rem;
}
.onethecard-intro--sec02 .onethecard-intro--mov {
  margin: 0 -2.4rem;
}
.onethecard-intro--sec02 .apng-box {
  display: none;
}
.onethecard-intro--sec02 .apng-box:nth-of-type(3) {
  display: block;
}
.onethecard-intro--sec02 .intro-text-box {
  display: none;
}
.onethecard-intro--sec02 .intro-text-box:nth-of-type(3) {
  display: block;
}

.scrollmotion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #627d9d;
  border-radius: 50%;
  width: 4.8rem;
  height: 4.8rem;
  height: 4.8rem;
}
.scrollmotion i {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/onethecard/animate/motion/apng/scroll_down_ani.png)
    center center no-repeat;
  background-size: cover;
}

.apng-box img {
  width: 100%;
  max-width: auto;
}
.membership-evt__banner img {
  width: 100%;
  max-width: auto;
}
.onethecard-intro--mov img {
  width: 100%;
  max-width: auto;
}

.onethecard-intro--sec03 {
  padding: 5rem 2.4rem;
  background: #fff;
  color: #000;
}
.onethecard-intro--sec03 .onethecard-intro--grp + .onethecard-intro--grp {
  margin-top: 1.6rem;
}
.onethecard-intro--sec03 .onethecard-intro--grp {
  padding: 3.2rem 3.2rem 0 3.2rem;
  border-radius: 1.4rem;
  color: #fff;
  line-height: 1.28;
}
.onethecard-intro--sec03 .onethecard-intro--grp:nth-of-type(1) {
  background: linear-gradient(155.83deg, #3378ff 6.5%, #81ec98 92.43%);
}
.onethecard-intro--sec03 .onethecard-intro--grp:nth-of-type(2) {
  background: linear-gradient(143.15deg, #ff7c60 13.34%, #ff87c1 84.31%);
}
.onethecard-intro--sec03 .onethecard-intro--grp:nth-of-type(3) {
  background: linear-gradient(170.82deg, #393647 2.66%, #2d2848 96.6%);
}
.onethecard-intro--sec03 .onethecard-intro--grp .no {
  display: block;
  font-weight: 700;
  font-size: 2.8rem;
  margin-bottom: 2.4rem;
}
.onethecard-intro--sec03 .onethecard-intro--grp .txt {
  padding-bottom: 2.8rem;
}
.onethecard-intro--sec03 .onethecard-intro--grp .subtxt {
  position: relative;
  font-weight: 700;
  font-size: 1.8rem;
}
.onethecard-intro--sec03 .onethecard-intro--grp .subtxt > span {
  display: inline-block;
  position: relative;
}
.onethecard-intro--sec03 .onethecard-intro--grp > span {
  position: relative;
  z-index: 1;
}
.onethecard-intro--sec03 .onethecard-intro--grp .subtxt:before {
  content: "";
  position: absolute;
  left: -1.2rem;
  top: -2rem;
  width: 5.4rem;
  height: 4rem;
  background: url(../images/onethecard/icon/ico_comma_big.png) no-repeat;
  background-size: cover;
}
.onethecard-intro--sec03 .onethecard-intro--grp:nth-of-type(3) .subtxt:before {
  background-image: url(../images/onethecard/icon/ico_comma_big2.png);
}
.onethecard-intro--sec03 .onethecard-intro--grp .apng-box {
  margin: 0 -3.2rem;
}

.onethecard-intro--sec04 {
  padding: 4rem 2.4rem;
  background: #f2f2f2;
  color: #000;
  position: relative;
}
.onethecard-intro--sec04:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 39.7rem;
  background: url(../images/onethecard/intro/back_card.png) no-repeat;
  background-size: cover;
}
.onethecard-intro--sec04 > p {
  padding-bottom: 28.5rem;
}
.onethecard-intro--sec04 .btn-intro--full {
  position: relative;
}
.ui-layer .onethecard-intro--sec04 > p {
  padding-bottom: 35rem;
}

.onethecard-intro--sns {
  background: #364152;
  text-align: center;
  padding: 3rem 2.4rem;
}
.onethecard-intro--sns button {
  display: inline-block;
  position: relative;
}
.onethecard-intro--sns button i {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background: url(../images/onethecard/icon/ico_share.svg) center center
    no-repeat rgba(255, 255, 255, 0.1);
  background-size: 20px;
  border-radius: 50%;
  vertical-align: middle;
}
.onethecard-intro--sns button i + span {
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  vertical-align: middle;
  margin-left: 1.2rem;
}
.onethecard-intro--sns .btn-intro--full {
  margin-top: 2.4rem;
}
.ui-layer .onethecard-intro--sns {
  padding: 5.6rem 2.4rem;
}

.onethecard-start--button {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2.4rem;
  z-index: 99;
  transition: 0.2s ease-out;
  transform: translateY(100%);
  opacity: 0;
  display: block;
}
.onethecard-start--button.show {
  opacity: 1;
  transform: translateY(0);
}
.onethecard-start--button.bottom {
  padding-bottom: 5.6rem;
  display: none;
}

.card-intro--slide {
  margin: 0 -5.6rem;
  padding: 3rem 0 5rem 0;
}
.card-intro--slide .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.5, 0.28, 0.33, 1);
}
.card-intro--slide .swiper-slide {
  padding: 3rem 0;
  box-sizing: border-box;
}
.card-intro--slide .swiper-slide img {
  border-radius: 1.4rem;
  backdrop-filter: blur(10px);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.16);
  transform: scale(0.8);
}

.card-intro--slide01 {
  margin: 0 -5.6rem;
  padding: 5rem 0;
}
.card-intro--slide01 .swiper-wrapper {
  transition-timing-function: ease-out;
}
.card-intro--slide01 .swiper-slide {
  padding: 3rem 0;
}
.card-intro--slide01 .swiper-slide img {
  border-radius: 1.4rem;
  backdrop-filter: blur(10px);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.16);
}
.card-intro--slide01 .swiper-slide img,
.card-intro--slide01 .swiper-slide-duplicate img,
.card-intro--slide01 .swiper-slide-prev img,
.card-intro--slide01 .swiper-slide-next img {
  transform: scale(0.8);
  transition: 0.2s ease-in;
  transition-delay: 0.1s;
}
.card-intro--slide01 .swiper-slide-active img,
.card-intro--slide01 .swiper-slide-duplicate-active img {
  transform: scale(1);
  transition: 0.3s ease-out;
  transition-delay: 0.2s;
}

.card-intro--slide02 {
  position: relative;
  margin: 3rem -5.6rem 0 -5.6rem;
  height: 22rem;
  overflow: hidden;
}
.card-intro--slide02 .card-intro--slide02-wrapper {
  position: absolute;
  left: 50%;
  top: 0;
  width: 110rem;
  height: 110rem;
  margin-left: -55rem;
}
.card-intro--slide02 .card-slide {
  position: absolute;
  left: 50%;
  bottom: 50%;
  width: 20rem;
  height: 55rem;
  margin-left: -10rem;
  transform-origin: center bottom;
}
.card-intro--slide02 .card-slide p {
  padding-top: 2rem;
}
.card-intro--slide02 .card-slide img {
  border-radius: 1.4rem;
  backdrop-filter: blur(10px);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.16);
}

/* 2025-07-21 */
.onethecard-guide__wrap {
  padding: 4rem 0 0 0;
  line-height: 1.32;
}
/* .onethecard-guide__wrap {
  padding: 4rem 0 5.6rem 0;
  line-height: 1.32;
} */
.onethecard-guide__wrap .title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.4rem;
  margin: 2.4rem;
  margin-top: 0;
}
.onethecard-guide__wrap .onethecard-guide--common {
  padding: 2.4rem;
}
.onethecard-guide__wrap .onethecard-guide--common li {
  position: relative;
  padding-left: 0.8rem;
  /* [24.06.27 : lyr] ?�� ?��근성 컬러 조정 */
  color: var(--text-gray);
  font-size: 1.3rem;
}
/* [2024-12-13: KJH] li ?���? bold�? 추�?? */
.onethecard-guide__wrap .onethecard-guide--common.type_bold li,
.onethecard-guide__wrap .onethecard-guide--common li.type_bold {
  font-weight: 700 !important;
}
.onethecard-guide__wrap .onethecard-guide--common > li + li {
  margin-top: 0.8rem;
}
.onethecard-guide__wrap .onethecard-guide--common > li:before {
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background: #888;
  position: absolute;
  left: 0;
  top: 0.5em;
}
.onethecard-guide__wrap .onethecard-guide--common > li p {
  margin-top: 0.4rem;
}
.onethecard-guide__wrap .onethecard-guide--common > li ul {
  margin-top: 1.2rem;
}
.onethecard-guide__wrap .onethecard-guide--common > li ul > li {
  padding-left: 1rem;
}
.onethecard-guide__wrap .onethecard-guide--common > li ul > li:before {
  content: "";
  width: 0.6rem;
  height: 0.1rem;
  background: #888;
  position: absolute;
  left: 0;
  top: 0.5em;
}
.onethecard-guide__wrap .onethecard-guide--common > li ul > li.star:before {
  content: "*";
  width: auto;
  height: auto;
  background: transparent;
  top: 0;
}
.onethecard-guide__wrap .onethecard-guide--common > li ul > li + li {
  margin-top: 0.4rem;
}
.onethecard-guide__wrap .onethecard-guide--common > li ol {
  margin-top: 1.6rem;
  padding-bottom: 0.8rem;
}
.onethecard-guide__wrap .onethecard-guide--common > li ol > li {
  padding-left: 0;
}
.onethecard-guide__wrap .onethecard-guide--common > li ol > li + li {
  margin-top: 0.4rem;
}
.onethecard-guide__wrap .onethecard-guide--common > li ol > li.indent {
  text-indent: -1.7rem;
  padding-left: 1.7rem;
}
.onethecard-guide__wrap .onethecard-guide--common > li ol.num > li {
  text-indent: -1.5rem;
  padding-left: 1.5rem;
}
/* 2025-07-21 */
.onethecard-guide__wrap .onethecard-deliverate {
  margin: 0 2.4rem;
  padding: 2.4rem 0 11.2rem 0;
  border-top: solid 1px rgba(255, 255, 255, 0.1);
}
/* .onethecard-guide__wrap .onethecard-deliverate {
  margin: 0 2.4rem;
  padding-top: 2.4rem;
  border-top: solid 1px rgba(255, 255, 255, 0.1);
} */
.onethecard-guide__wrap .onethecard-deliverate > li {
  font-size: 1.3rem;
  padding-top: 0.4rem;
}

.onethecard-guide--accordion {
  line-height: 1.32;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.onethecard-guide--accordion .js-ui-accordion__opener {
  position: relative;
  padding: 1.6rem 2.4rem;
  font-size: 1.6rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.onethecard-guide--accordion .js-ui-accordion__opener::after {
  position: absolute;
  right: 2.4rem;
  transform: rotate(90deg);
  top: 50%;
  margin-top: -0.9rem;
  transition: 0.1s;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../images/onethecard/icon/ico_arrow12_white.svg);
  background-size: 1.6rem;
}
.onethecard-guide--accordion
  .js-ui-accordion__opener.js-accordion-active::after {
  transform: rotate(270deg);
  margin-top: -0.7rem;
}
.onethecard-guide--accordion .js-ui-accordion__layer {
  position: relative;
  padding: 0 2.4rem;
  background: rgba(0, 0, 0, 0.15);
  color: var(--text-gray);
  font-size: 1.4rem;
}
.onethecard-guide--accordion .js-ui-accordion__layer:before,
.onethecard-guide--accordion .js-ui-accordion__layer:after {
  content: "";
  display: block;
  height: 2.4rem;
}
.onethecard-guide--accordion .js-ui-accordion__layer .subtitle {
  font-weight: 700;
  color: #d0d7d7;
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
}
.onethecard-guide--accordion .js-ui-accordion__layer .onethecard-guide--common {
  padding: 0;
}
.onethecard-guide--accordion
  .js-ui-accordion__layer
  .onethecard-guide--common
  li {
  font-weight: 400;
}
.onethecard-guide--accordion .js-ui-accordion__layer ul + .subtitle {
  margin-top: 2.4rem;
}
.onethecard-guide--accordion .js-ui-accordion__layer p + ul {
  margin-top: 0.8rem;
}

.intro-card--contents {
  line-height: 1.32;
}
.intro-card--contents .membership-fee {
  padding: 5rem 2.4rem 3rem 2.4rem;
}
.intro-card--contents .membership-fee h3 {
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 2.4rem;
}
.intro-card--contents .membership-fee dl {
  display: flex;
  justify-content: space-between;
  font-size: 1.8rem;
}
.intro-card--contents .membership-fee .membership-evt__banner {
  margin-top: 3.2rem;
  margin-left: -1.8rem;
}

.intro-card--contents .membership-fee.type2 {
  padding: 5rem 2.4rem 0.9rem 2.4rem;
}
.intro-card--contents .membership-fee.type2 .membership-evt__banner {
  position: relative;
  margin-top: 2.8rem;
  margin-left: -2.96rem;
}

.intro-card--contents .membership-fee dl.detail {
  margin-top: 0.6rem;
  flex-wrap: wrap;
}
.intro-card--contents .membership-fee dl.detail dt,
.intro-card--contents .membership-fee dl.detail dd {
  width: 50%;
  font-size: 1.6rem;
  padding-top: 0.6rem;
}
.intro-card--contents .membership-fee dl.detail dt {
  color: var(--text-gray);
}
.intro-card--contents .membership-fee dl.detail dd {
  text-align: right;
}

.intro-card--contents .membership-summary {
  padding: 5rem 2.4rem;
}
.intro-card--contents__block {
  display: none;
}
.intro-card--contents .intro-card--contents__block:first-of-type {
  display: block;
}
.membership-summary--title {
  margin-bottom: 2.4rem;
  font-size: 3.2rem;
  font-weight: 300;
  line-height: 1.28;
}
.membership-summary__list > li {
  position: relative;
  padding-top: 1.3rem;
}
.membership-summary__list > li + li {
  margin-top: 8rem;
}
.membership-summary__list > li .summary {
  position: relative;
  clear: both;
  padding-left: 1.6rem;
}
.membership-summary__list > li .benefit-summary {
  font-weight: 700;
  font-size: 2.4rem;
}
.membership-summary__list > li a {
  display: inline-block;
  margin-top: 1.6rem;
  line-height: 2.4rem;
}
.membership-summary__list > li a i {
  vertical-align: -0.7rem;
}
.membership-summary__list > li [class^="icon_beneifit_img_"] {
  display: block;
  float: right;
  margin-right: -2.4rem;
}
.membership-summary__list > li [class^="icon_beneifit_img_"]:after {
  content: "";
  display: block;
  clear: both;
}
.membership-summary__list > li:nth-child(even) {
  text-align: right;
}
.membership-summary__list > li:nth-child(even) .summary {
  padding-left: 0;
  padding-right: 1.6rem;
}
.membership-summary__list > li:nth-child(even) [class^="icon_beneifit_img_"] {
  float: left;
  margin-left: -2.4rem;
}
.membership-summary__list > li .icon_beneifit_img_1 {
  background: url(../images/onethecard/intro/icon_beneifit_img_1.png) no-repeat;
  background-size: cover;
  width: 28rem;
  height: 18.4rem;
  margin-bottom: -1.4rem;
}
.membership-summary__list > li .icon_beneifit_img_2 {
  background: url(../images/onethecard/intro/icon_beneifit_img_2.png) no-repeat;
  background-size: cover;
  width: 26.8rem;
  height: 14.8rem;
  margin-bottom: -2rem;
}
.membership-summary__list > li .icon_beneifit_img_3 {
  background: url(../images/onethecard/intro/icon_beneifit_img_3.png) no-repeat;
  background-size: cover;
  width: 26.5rem;
  height: 16.2rem;
  margin-bottom: -3.2rem;
  margin-right: -2.4rem;
}
.membership-summary__list > li .icon_beneifit_img_4 {
  background: url(../images/onethecard/intro/icon_beneifit_img_4.png) no-repeat;
  background-size: cover;
  width: 26.8rem;
  height: 14.8rem;
  margin-bottom: -3rem;
}
.membership-summary__list > li .icon_beneifit_img_5 {
  background: url(../images/onethecard/intro/icon_beneifit_img_5.png) no-repeat;
  background-size: cover;
  width: 26.8rem;
  height: 15.2rem;
  margin-bottom: -2.5rem;
}
.membership-summary__list > li .icon_beneifit_img_6 {
  background: url(../images/onethecard/intro/icon_beneifit_img_6.png) no-repeat;
  background-size: cover;
  width: 26.8rem;
  height: 18.7rem;
  margin-bottom: -4.6rem;
}
.membership-summary__list > li .icon_beneifit_img_7 {
  background: url(../images/onethecard/intro/icon_beneifit_img_7.png) no-repeat;
  background-size: cover;
  width: 26.8rem;
  height: 14.8rem;
  margin-bottom: -4rem;
}
.membership-summary__list > li .icon_beneifit_img_8 {
  background: url(../images/onethecard/intro/icon_beneifit_img_8.png) no-repeat;
  background-size: cover;
  width: 26.8rem;
  height: 12.4rem;
  margin-bottom: -1.6rem;
}
.membership-summary__list > li .icon_beneifit_img_9 {
  background: url(../images/onethecard/intro/icon_beneifit_img_9.png) no-repeat;
  background-size: cover;
  width: 27.9rem;
  height: 17rem;
  margin-bottom: -3.7rem;
}
.membership-summary__list > li .icon_beneifit_img_10 {
  background: url(../images/onethecard/intro/icon_beneifit_img_10.png) no-repeat;
  background-size: cover;
  width: 21.8rem;
  height: 14.8rem;
  margin-bottom: -4rem;
}
.membership-summary__list > li .icon_beneifit_img_11 {
  background: url(../images/onethecard/intro/icon_beneifit_img_11.png) no-repeat;
  background-size: cover;
  width: 17.9rem;
  height: 17.2rem;
  margin-bottom: -6.7rem;
  margin-right: 1.5rem;
}
.membership-summary__list > li .icon_beneifit_img_12 {
  background: url(../images/onethecard/intro/icon_beneifit_img_12.png) no-repeat;
  background-size: cover;
  width: 20rem;
  height: 13rem;
  margin-right: 0.3rem;
}
.membership-summary__list > li .icon_beneifit_img_13 {
  background: url(../images/onethecard/intro/icon_beneifit_img_13.png) no-repeat;
  background-size: cover;
  width: 22rem;
  height: 17.2rem;
  margin-bottom: -2.4rem;
}
/* 23.07.12 ????? ??? mj */
.membership-summary__list > li .icon_beneifit_img_14 {
  background: url(../images/onethecard/intro/icon_beneifit_img_14.png) no-repeat;
  background-size: cover;
  width: 20rem;
  height: 13rem;
  margin-right: 0.3rem;
}

.intro-card--slide {
  position: relative;
  padding: 5rem 0;
  background: #0c1321;
}
.intro-card--slide h2 {
  font-size: 3.6rem;
  line-height: 1.28em;
  font-weight: 300;
  text-align: center;
  margin-bottom: 3.2rem;
}
.intro-card--slide .card-shape__list {
  position: absolute;
  left: 0;
  top: 16.3rem;
  width: 100%;
  padding: 1.2rem 0;
  text-align: center;
  z-index: 1000;
}
.intro-card--slide .card-shape__list.fixed {
  position: fixed;
  left: 0;
  top: calc(var(--notch-top) + var(--header-height)) !important;
  right: 0;
  background: #05061e;
  box-shadow: 0px 4px 12px rgb(255 255 255 / 8%);
  z-index: 1001;
  margin-top: -0.3rem;
}

.card-shape__list button + button {
  margin-left: 1.6rem;
}
.card-shape__list button > span {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.32;
  /* [24.06.27 : lyr] ?�� ?��근성 컬러 조정 */
  color: #7f8c93;
  font-weight: 300;
}
.card-shape__list button.active > span {
  /* [24.06.27 : lyr] ?�� ?��근성 : ?��?�� 무�???�� 콘텝�? ?��?�� */
  font-weight: bold;
  color: #fff;
}
.card-shape__list button .radial {
  display: inline-block;
  width: 4.9rem;
  height: 4.9rem;
  background: url(../images/onethecard/intro/radial_free.png);
  background-size: cover;
  margin: -0.4rem;
}
.card-shape__list button .radial.type_free {
  background-image: url(../images/onethecard/intro/radial_free.png);
}
.card-shape__list button .radial.type_happy {
  background-image: url(../images/onethecard/intro/radial_happy.png);
}
.card-shape__list button .radial.type_daily {
  background-image: url(../images/onethecard/intro/radial_daily.png);
}
.card-shape__list button .radial.type_living {
  background-image: url(../images/onethecard/intro/radial_living.png);
}
.card-shape__list button .radial.type_t {
  background-image: url(../images/onethecard/intro/radial_t.png);
}

.intro-card--slide .card-slide {
  padding-top: 124px;
  position: relative;
}
.intro-card--slide .card-slide .swiper-pagination {
  bottom: auto;
  top: 9rem;
  margin-top: 0;
}
.intro-card--slide .card-slide .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 0.4);
  margin: 0 3px;
  border-radius: 3px;
  transition: 0.1s;
}
.intro-card--slide .card-slide .swiper-pagination-bullet-active {
  width: 1.8rem;
  background: #fff;
}
.intro-card--slide .card-slide .swiper-slide .thumb {
  transform: scale(0.8);
  transition: 0.2s;
  opacity: 0.4;
}
.intro-card--slide .card-slide .swiper-slide-active .thumb {
  transform: scale(1);
  opacity: 1;
}
.intro-card--slide .card-slide .swiper-slide-prev .thumb {
  transform-origin: right center;
}
.intro-card--slide .card-slide .swiper-slide-next .thumb {
  transform-origin: left center;
}

.card-slide--summary {
  padding: 0.5rem 2.4rem 0 2.4rem;
  text-align: center;
}
.card-slide--summary__block {
  display: none;
  line-height: 1.32;
}
.card-slide--summary__block:first-of-type {
  display: block;
}
.card-slide--summary__block h3 {
  font-size: 2rem;
  font-weight: 700;
  display: inline-block;
}
.card-slide--summary__block h3 + p {
  margin-top: 0.8rem;
  font-size: 2.4rem;
  font-weight: 300;
}
.card-slide--summary__block .caution-txt {
  color: #9daab0;
  font-size: 1.6rem;
  padding-left: 2.8rem;
  position: relative;
  text-align: left;
}
.card-slide--summary__block .caution-txt:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/onethecard/icon/ico_24_caution.svg);
  background-size: cover;
}
.card-slide--summary__block .buttonbox + .caution-txt {
  margin-top: 2.4rem;
}
.card-slide--summary__block .iconset {
  margin-bottom: 2rem;
}
.card-slide--summary__block .iconset [class^="ico_benefit__"] {
  width: 3rem;
  height: 3rem;
  margin: 0 0.8rem;
}
.card-slide--summary__block > .buttonbox {
  margin-top: 2rem;
  padding: 1rem 0 2rem 0;
}

/* 2025-07-21 */
.onethecard-intro .page-contents {
  padding: 0;
  overflow: hidden;
}
/* .onethecard-intro .page-contents {
  padding: 0;
  padding-bottom: 5.6rem;
  overflow: hidden;
} */
.onethecard-intro .page-contents > .buttonbox {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 1rem 2.4rem 2rem 2.4rem;
  z-index: 1000;
  transform: translateY(100%);
  opacity: 0;
  transition: opacity 0.5s ease-in-out, transform 0.3s ease-out;
}
.onethecard-intro .page-contents > .buttonbox.fixed {
  transform: translateY(0);
  opacity: 1;
}

/* 2025-07-21 */
.onethecard-guide__wrap .buttonbox {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 1rem 2.4rem 2rem 2.4rem;
  z-index: 1000;
  transform: translateY(100%);
  opacity: 0;
  transition: opacity 0.5s ease-in-out, transform 0.3s ease-out;
}
.onethecard-guide__wrap .buttonbox.fixed {
  transform: translateY(0);
  opacity: 1;
}
.onethecard-guide__wrap .buttonbox.bottom {
  position: absolute !important;
}

@keyframes showItem {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}

.ani-item {
  opacity: 0;
}
.ani-item.active {
  animation: showItem 0.5s;
  animation-fill-mode: both;
}

.ani-item.first.active {
  animation-delay: 0.14s;
}
.ani-item.second.active {
  animation-delay: 0.3s;
}
.ani-item.third.active {
  animation-delay: 0.45s;
}

/** intro motion **/

.onethecard-intro--mov .logo-apng {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -100%);
  width: 30rem;
  display: none;
}
.onethecard-intro--mov .txt-slogan {
  position: absolute;
  left: 6rem;
  top: 50%;
  opacity: 1;
  z-index: 2;
  transform: translateY(-75%);
  text-align: left;
}
.onethecard-intro--mov .txt-slogan div {
  padding: 0;
  opacity: 1;
  overflow: hidden;
}
.onethecard-intro--mov .txt-slogan div p {
  padding: 0;
  font-weight: 300;
  font-size: 4.1rem;
  line-height: 4.9rem;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(42px);
}
.onethecard-intro--mov .sunrise {
  position: absolute;
  width: 1300px;
  height: 1300px;
  left: 50%;
  top: 100%;
  margin-left: -650px;
  background: radial-gradient(
    50% 50.24% at 50% 50%,
    #a129e5 0%,
    #e37c5a 78.82%,
    rgba(17, 17, 17, 0) 100%
  );
  opacity: 0.8;
  z-index: 1;
}
.onethecard-intro--mov .txt-slogan2 {
  position: absolute;
  left: 6rem;
  opacity: 1;
  top: 50%;
  z-index: 1;
  transform: translateY(-100%);
  z-index: 4;
  text-align: left;
}
.onethecard-intro--mov .txt-slogan2 p {
  font-weight: 700;
  font-size: 4.1rem;
  line-height: 4.9rem;
  padding: 0;
}

.onethecard-intro--mov .motion-1 {
  animation: fadeout 1s 3s both ease-in;
}
.onethecard-intro--mov .motion-2.txt-slogan div:nth-child(1) p {
  animation: fadeInUp 0.75s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
.onethecard-intro--mov .motion-2.txt-slogan div:nth-child(2) p {
  animation: fadeInUp 0.75s 0.05s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
.onethecard-intro--mov .motion-2.txt-slogan div:nth-child(3) p {
  animation: fadeInUp 0.75s 0.075s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

.onethecard-intro--mov .motion-3 {
  animation: fullUp 1s 0.5s ease-out forwards;
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(42px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fullUp {
  0% {
    top: 100%;
  }
  100% {
    top: 0;
  }
}

.onethecard-intro--mov2 {
  position: relative;
  height: 39rem;
  margin-top: -2.2rem;
  overflow: hidden;
  padding-top: 3.2rem;
}
.onethecard-intro--mov2 .phone-img {
  position: absolute;
  bottom: -15rem;
  width: 320px;
  height: 44.5rem;
  margin-left: -2.5rem;
  left: 50%;
  transform: translate(-50%, 25%);
  opacity: 0;
  transition: opacity 1.5s ease-out, transform 1s;
}
.onethecard-intro--mov2 .phone-img > p {
  position: absolute;
  left: 0;
  top: 0;
  transition: opacity 1s 1s ease-in-out;
}
.onethecard-intro--mov2 .phone-img > p:last-child {
  opacity: 0;
}
.onethecard-intro--mov2 .bubble-icon {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 3.2rem;
  width: 100%;
}
.onethecard-intro--mov2 .bubble-icon > p {
  position: absolute;
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.onethecard-intro--mov2 .bubble-icon > p.order1 {
  width: 6rem;
  left: calc(50% - 30px);
  top: 205px;
  transition-delay: 0.6s;
}
.onethecard-intro--mov2 .bubble-icon > p.order2 {
  width: 8rem;
  left: calc(50% - 40px);
  top: 195px;
  transition-delay: 0.5s;
}
.onethecard-intro--mov2 .bubble-icon > p.order3 {
  width: 4.8rem;
  left: calc(50% - 24px);
  top: 208px;
  transition-delay: 0.7s;
}
.onethecard-intro--mov2 .bubble-icon > p.order4 {
  width: 5.6rem;
  left: calc(50% - 28px);
  top: 204px;
  transition-delay: 0.8s;
}
.onethecard-intro--mov2 .bubble-icon2 {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 3.2rem;
  width: 100%;
}
.onethecard-intro--mov2 .bubble-icon2 > p {
  position: absolute;
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.onethecard-intro--mov2 .bubble-icon2 > p.order1 {
  width: 6.4rem;
  left: calc(50% - 30px);
  top: 205px;
  transition-delay: 1.6s;
}
.onethecard-intro--mov2 .bubble-icon2 > p.order2 {
  width: 4.8rem;
  left: calc(50% - 24px);
  top: 208px;
  transition-delay: 1.7s;
}
.onethecard-intro--mov2 .bubble-icon2 > p.order3 {
  width: 8rem;
  left: calc(50% - 40px);
  top: 195px;
  transition-delay: 1.5s;
}
.onethecard-intro--mov2 .bubble-icon2 > p.order4 {
  width: 5.6rem;
  left: calc(50% - 28px);
  top: 204px;
  transition-delay: 1.8s;
}

.onethecard-intro--mov2 .motion-1 {
  opacity: 1;
  transform: translate(-50%, 0);
}
.onethecard-intro--mov2 .motion-2 > p {
  opacity: 1;
}
.onethecard-intro--mov2 .motion-2 > p.order1 {
  left: calc(50% - 152px);
  top: 65px;
}
.onethecard-intro--mov2 .motion-2 > p.order2 {
  left: calc(50% - 82px);
  top: 0;
}
.onethecard-intro--mov2 .motion-2 > p.order3 {
  left: calc(50% + 22px);
  top: 66px;
}
.onethecard-intro--mov2 .motion-2 > p.order4 {
  left: calc(50% + 93px);
  top: 37px;
}
.onethecard-intro--mov2 .motion-2-1 > p {
  opacity: 0;
  transform: translateY(-25%);
}
.onethecard-intro--mov2 .motion-4 > p:first-child {
  opacity: 0;
}
.onethecard-intro--mov2 .motion-4 > p:last-child {
  opacity: 1;
}
.onethecard-intro--mov2 .motion-5 > p {
  opacity: 1;
}
.onethecard-intro--mov2 .motion-5 > p.order1 {
  left: calc(50% - 144px);
  top: 65px;
}
.onethecard-intro--mov2 .motion-5 > p.order2 {
  left: calc(50% - 72px);
  top: 0;
}
.onethecard-intro--mov2 .motion-5 > p.order3 {
  left: calc(50%);
  top: 26px;
}
.onethecard-intro--mov2 .motion-5 > p.order4 {
  left: calc(50% + 105px);
  top: 10px;
}

.intro-card--contents .membership-fee.type2 {
  padding: 5rem 2.4rem 0.9rem 2.4rem;
}
.intro-card--contents .membership-fee.type2 .membership-evt__banner {
  position: relative;
  margin-top: 2.8rem;
  margin-left: -2.96rem;
}

/*1?? ????*/
.gradient-bn-unit {
  background: var(--linear-gradient-range);
  position: relative;
  display: block;
  padding: 1.4rem 1.6rem 1.4rem 5.4rem;
  border-radius: 1.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.1rem;
  letter-spacing: -0.05em;
}
.gradient-bn-unit + .myonethecard-contents,
.gradient-bn-unit + .myonethecard-contents + .myonethecard-contents,
.gradient-bn-unit + .myonethecard-achieve--pre {
  margin-top: 0.8rem;
}
.gradient-bn-unit .img-coinpurse {
  width: 4.8rem;
  height: 5.6rem;
  background: url(../images/onethecard/img_coinpurse.png);
  background-size: 5.4rem;
  position: absolute;
  left: 0.5rem;
  top: calc(50% - 2.7rem);
}

.puzzle-bn-unit {
  display: block;
  position: relative;
  padding: 1.6rem 2.4rem;
  margin-top: 2.4rem;
  background: linear-gradient(
    84.54deg,
    #ebd8ff 23.8%,
    #dee5ff 48.65%,
    #ceedff 79.27%
  );
  border-radius: 1.4rem;
  overflow: hidden;
}
.puzzle-bn-unit:after {
  content: "";
  position: absolute;
  right: 0;
  top: -1.8rem;
  width: 17rem;
  height: 14.2rem;
  background: url(../images/onethecard/img_puzzle.png) no-repeat right center /
    17.4rem;
}
.puzzle-bn-unit p {
  font-size: 2rem;
  color: #7940b1;
  letter-spacing: -0.05em;
  line-height: 132%;
  margin-top: 0.2rem;
}
.puzzle-bn-unit .bn-top-txt {
  font-size: 1.4rem;
  color: #975da6;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 132%;
}

/* [2025-06-02] */
.button-group__bottom .ui-buttons-list + .ui-buttons-list {
  margin-top: 1.2rem;
}
.ui-basic-button.disabled-button {
  background: #555;
  color: #989898;
  pointer-events: none;
}

/********************************* 20231011 ????????? ???? css ******************************/

/*2?? ?????????*/
.omk-wrap .page-contents {
  padding-top: 0;
}
.omk-wrap .page-contents.omk-page-contents {
  padding-top: 3.2rem;
}
.omk-wrap .fix-top-wrap .header.is-scroll {
  background: #fff;
}
.omk-page-contents .title-top__section h2 {
  margin-bottom: 1.6rem;
}
.omk-unit + .omk-block {
  margin-top: 1.6rem;
}
.omk-block + .omk-unit {
  margin-top: 1.6rem;
}
/* .omk-block + .omk-block{margin-top: 4rem;} */

.omk-img-wrap {
  margin-top: 3rem;
}
.omk-img-wrap .omk-img-bn {
  margin: 0 -24px;
}
.omk-img-bn {
  margin: 0;
}

.omk-img-tab {
  margin: 4.8rem -24px 0;
  min-height: 20rem;
}
.omk-img-tab .ui-tab {
  background: #839097;
  border-top-left-radius: 2.4rem;
  border-top-right-radius: 2.4rem;
} /* 231106 ??? */
.omk-img-tab .ui-tab .ui-tab-list {
  box-shadow: none;
  padding: 0;
  overflow: visible;
  align-items: flex-end;
}
.omk-img-tab .ui-tab .ui-tab-item {
  width: 100%;
}
.omk-img-tab .ui-tab .ui-tab-item + .ui-tab-item {
  margin-left: 0;
}
.omk-img-tab .ui-tab .ui-tab-list .ui-button {
  background: #839097;
  color: #fff;
  font-size: 1.8rem;
  width: 100%;
  display: block;
  padding: 1.6rem 0;
  box-sizing: border-box;
  position: relative;
}
.omk-img-tab .ui-tab .ui-tab-list .ui-button.js-tabpanel-active {
  color: #839097;
}
.omk-img-tab .ui-tab .ui-tab-item:first-child .ui-button {
  padding-right: 24px;
  text-align: center;
}
.omk-img-tab .ui-tab .ui-tab-item:last-child .ui-button {
  padding-left: 2.8rem;
  text-align: center;
}
.omk-img-tab .ui-tab .ui-tab-item:first-child .ui-button {
  border-top-left-radius: 2.4rem;
  border-top-right-radius: 0;
}
.omk-img-tab .ui-tab .ui-tab-item:last-child .ui-button {
  border-top-left-radius: 0;
  border-top-right-radius: 2.4rem;
}
.omk-img-tab .ui-tab .ui-tab-item .ui-button.js-tabpanel-active img {
  display: block;
}
.omk-img-tab .ui-tab .ui-tab-item .ui-button img {
  display: none;
  position: absolute;
  bottom: -0.1rem;
  z-index: 1;
}
.omk-img-tab
  .ui-tab
  .ui-tab-item:first-child
  .ui-button.js-tabpanel-active
  img {
  display: block;
  left: 0;
  width: 24.4rem;
  max-width: 24.4rem;
}
.omk-img-tab .ui-tab .ui-tab-item:last-child .ui-button.js-tabpanel-active img {
  display: block;
  right: 0;
  width: 23.4rem;
  max-width: 23.4rem;
}
.omk-img-tab .ui-tab-panel .omk-block {
  padding: 0 24px;
}

@media all and (min-width: 394px) {
  .omk-img-tab .ui-tab .ui-tab-item:first-child .ui-button {
    padding-right: 0;
  }
  .omk-img-tab .ui-tab .ui-tab-item:last-child .ui-button {
    padding-left: 0;
  }
}

.txt_point_underline01 {
  position: relative;
}
.txt_point_underline01 em {
  font-weight: 700;
  position: relative;
  z-index: 1;
}
.txt_point_underline01:after {
  content: "";
  width: 14.5rem;
  height: 3.5rem;
  position: absolute;
  bottom: -0.5rem;
  left: -0.5rem;
  background: url(../images/onethecard/txt_point_underline01.png) center center
    no-repeat;
  background-size: cover;
}
.txt_point_underline02 {
  position: relative;
}
.txt_point_underline02 em {
  font-weight: 700;
  position: relative;
  z-index: 1;
}
.txt_point_underline02:after {
  content: "";
  width: 9rem;
  height: 3.8rem;
  position: absolute;
  bottom: -0.5rem;
  left: -2.2rem;
  background: url(../images/onethecard/txt_point_underline02.png) center center
    no-repeat;
  background-size: cover;
}
.txt_point_underline03 {
  position: relative;
}
.txt_point_underline03 em {
  font-weight: 700;
  position: relative;
  z-index: 1;
}
.txt_point_underline03:after {
  content: "";
  width: 13.7rem;
  height: 3.5rem;
  position: absolute;
  bottom: -0.8rem;
  left: -0.5rem;
  background: url(../images/onethecard/txt_point_underline03.png) center center
    no-repeat;
  background-size: cover;
}
/*20231020 ????*/
.omk-img-tab .omk-slide-block {
  padding: 0 24px;
}
.omk-img-tab .omk-slide-block .omk-brnefit-slide {
  margin: 0 -24px;
  padding: 0 24px 4rem 24px;
}
.omk-slide-tit {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 1.6rem;
  padding: 4rem 24px 0;
  border-top: 1px solid #e9ecef;
}
.omk-img-bn + .omk-block + div .omk-slide-tit {
  border-top: none;
  padding-top: 0;
}
@media all and (max-width: 280px) {
  .omk-slide-tit {
    font-size: 2.2rem;
  }
}
.omk-slide-block .omk-brnefit-slide {
  margin: 0 -24px;
  padding: 0 24px 4rem 24px;
}
.omk-thumbnail {
  box-shadow: 0px 16px 24px rgba(141, 137, 212, 0.1);
  border-radius: 16px;
}
/*//20231020 ????*/

.omk-block-tit {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
  display: flex;
  align-items: center;
}
.omk-block-tit .ico-arrow {
  /* background: url(../images/onethecard/icon/ico_arrow_black.svg) no-repeat right; */
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  transform: rotate(90deg);
  margin-left: 0.4rem;
}
.omk-block-sub-tit {
  font-size: 2rem;
  font-weight: 300;
  margin-bottom: 0.4rem;
}

/*20231129 ???*/
.omk-main-tit.tit-type-small {
  margin-top: 3.2rem;
}
.omk-main-tit.tit-type-small strong {
  font-size: 2rem;
}
.omk-main-tit.tit-type-small .omk-sub-text {
  font-size: 2rem;
  font-weight: 500;
}

.omk-main-tit {
  font-size: 2rem;
  font-weight: 300;
  padding-bottom: 2.4rem;
}
.omk-main-tit strong {
  font-size: 2.8rem;
  margin-top: 0.4rem;
  display: block;
}
.omk-main-tit.wonderful-tit {
  background: url(../images/onethecard/img_wonderful_bg.png) no-repeat right
    bottom/14.2rem;
  padding-top: 3.2rem;
  margin-right: -1.8rem;
}
.text-gradient_omk {
  background-image: var(--linear-gradient-omk);
}
.omk-card-notice.card-notice-benefit .kind-of-card img {
  margin-bottom: 3rem;
  box-shadow: 0px 12px 12px rgba(33, 45, 68, 0.25);
  border-radius: 6px;
  max-width: 18rem;
}
.unit-gradient-bn {
  background: var(--wonder-gradient-5);
  display: block;
  border-radius: 1.4rem;
  padding: 1.6rem 24px;
  position: relative;
}
.unit-gradient-bn .bn-txt {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
}
.unit-gradient-bn .bn-txt strong {
  font-size: 2rem;
  font-weight: 700;
  line-height: 132%;
}
.unit-gradient-bn .bn__button--close {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
}
.unit-gradient-bn .bn__button--close::after {
  content: "";
  -webkit-mask: url("../images/common/btn-close.svg");
  -webkit-mask-size: cover;
  background: #fff;
  display: block;
  width: 1.1rem;
  height: 1.1rem;
}

.omk-benefit-info {
  background: linear-gradient(
    149deg,
    rgba(255, 255, 255, 0.8) -12.76%,
    rgba(255, 255, 255, 0) 169.03%
  );
}
.omk-benefit-info:before {
  background: var(--wonder-gradient-5) !important;
}
.omk-benefit-info .benefit-summary dt {
  font-size: 1.5rem;
  color: #536067;
}
.omk-benefit-info .benefit-summary dd {
  flex: none;
  font-size: 1.5rem;
  color: #536067;
  font-weight: 700;
}

[data-theme="wonderful"] .page-contents {
  padding-bottom: 4rem;
}
[data-theme="wonderful"] .myonethecard-contents--unit {
  box-shadow: none;
}
[data-theme="wonderful"] .myonethecard-contents--unit:before {
  background: #dce6f0;
}
[data-theme="wonderful"] .myonethecard-contents--unit .benefit-gray {
  font-size: 1.4rem;
  color: #839097;
  font-weight: 700;
  line-height: 1;
}
[data-theme="wonderful"]
  .myonethecard-contents--unit.omk-gradient--unit:before {
  background: var(--wonder-gradient-5);
}

[data-theme="wonderful"] .myonethecard-contents--unit.bn-gradient--unit {
  padding: 0;
  overflow: hidden;
}
[data-theme="wonderful"] .myonethecard-contents--unit.bn-gradient--unit:before {
  background: var(--wonder-gradient-5);
}
[data-theme="wonderful"]
  .myonethecard-contents--unit.bn-gradient--unit
  .txt_bold {
  font-size: 1.6rem;
  color: var(--wonder-color-txt);
  font-weight: 700;
  line-height: 1;
}
[data-theme="wonderful"]
  .myonethecard-contents--unit.bn-gradient--unit
  .benefit-summary {
  padding: 1.8rem 2rem;
  align-items: center;
}
[data-theme="wonderful"]
  .myonethecard-contents--unit.bn-gradient--unit
  .unit-benefit-bn {
  display: block;
  padding: 24px 2rem 24px 9rem;
  background: rgba(35, 178, 221, 0.07)
    url(../images/onethecard/img_calculator.png) no-repeat 2rem center / 6rem;
  font-size: 1.6rem;
  color: var(--wonder-color-txt);
  font-weight: 300;
}
[data-theme="wonderful"]
  .myonethecard-contents--unit.bn-gradient--unit
  .unit-benefit-bn
  strong {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.7rem;
}

[data-theme="wonderful"]
  .myonethecard-contents--unit
  .benefit-summary.interest_free
  dd {
  color: #536067;
  font-size: 1.55rem;
}
[data-theme="wonderful"] .myonethecard-contents--unit .benefit-summary .tit {
  color: #839097;
  font-size: 1.3rem;
  line-height: 2.4rem;
}
[data-theme="wonderful"] .myonethecard-contents--unit .benefit-summary02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 0;
  margin-top: 1.2rem;
}
[data-theme="wonderful"]
  .myonethecard-contents--unit
  .benefit-summary02
  .txt_money {
  font-size: 1.8rem;
  font-weight: 700;
}
[data-theme="wonderful"] .myonethecard-contents--unit .txt-affiliate {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--wonder-color-txt);
}
[data-theme="wonderful"]
  .myonethecard-contents--unit
  .txt-affiliate
  [class^="ico_benefit__"] {
  margin-right: 0.8rem;
}
[data-theme="wonderful"] .myonethecard-contents--unit .txt_money {
  display: block;
  font-size: 1.8rem;
  letter-spacing: 0;
  white-space: nowrap;
}
[data-theme="wonderful"]
  .myonethecard-contents--unit
  .benefit-summary
  [class^="text-gradient"] {
  -webkit-background-clip: text;
  font-size: 1.6rem;
  padding-left: 0.5rem;
}
[data-theme="wonderful"]
  .myonethecard-contents--unit
  .benefit-summary:not(:first-child) {
  margin-top: 0.4rem;
}
[data-theme="wonderful"]
  .myonethecard-contents--unit
  .benefit-summary
  .text-gradient {
  background-image: var(--wonder-gradient-5);
}

[data-theme="wonderful"]
  .myonethecard-contents--unit
  [class^="badge_category__"] {
  background: var(--wonder-gradient-2);
  position: absolute;
  right: -2rem;
  top: -1.8rem;
}
[data-theme="wonderful"]
  .myonethecard-contents--unit
  .benefit-summary
  [class^="badge_category__"]
  .ico_plus__white {
  background-image: url(../images/onethecard/icon/ico_plus_shadow.png);
  width: 2.6rem;
  height: 2.6rem;
  margin: 0;
  margin-top: 0.2rem;
}
.benefit-unit-list
  .myonethecard-contents--unit
  .benefit-summary
  [class^="ico_benefit__"] {
  background-color: #252e33;
}

[data-theme="wonderful"] .ico-caution__notice {
  background: url(../images/onethecard/common/alert_notice_purple.svg) no-repeat;
  background-size: contain;
}
[data-theme="wonderful"] .ico-caution__noresult {
  background: url(../images/onethecard/common/alert_noresult_purple.svg)
    no-repeat;
  background-size: contain;
}
[data-theme="wonderful"] .ico-caution__recommend {
  background: url(../images/onethecard/common/alert_recommend_purple.svg)
    no-repeat;
  background-size: contain;
}
[data-theme="wonderful"] .ico-caution__search {
  background: url(../images/onethecard/common/alert_search_purple.svg) no-repeat;
  background-size: contain;
}
[data-theme="wonderful"] .caution-result + .ui-button {
  margin-top: 1rem;
}
[data-theme="wonderful"] .button-group__bottom:not(.fixed) .ui-basic-button.xl {
  margin-top: 0;
}

.omk-sub-tit {
  font-size: 1.4rem;
  font-weight: 700;
  color: #839097;
  margin-bottom: 1.6rem;
}

/*231027 ????*/
.top-keyword {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 3.2rem;
  padding-right: 2rem;
}
.top-keyword .keyword-btn {
  background: #edf4f4;
  color: var(--wonder-color-txt);
  border-radius: 0.8rem;
  font-size: 1.6rem;
  padding: 0.5rem 0.8rem;
}
.top-keyword .keyword-btn.on {
  background: var(--wonder-gradient-5);
  color: #fff;
}

.unit-iconset {
  display: flex;
}
.unit-iconset [class^="bg-category_"] {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.unit-iconset .bg-category_life {
  background: var(--category-gradient-life);
}
.unit-iconset .bg-category_food {
  background: var(--category-gradient-food);
}
.unit-iconset .bg-category_shopping {
  background: var(--category-gradient-shopping);
}
.unit-iconset .bg-category_leisure {
  background: var(--category-gradient-leisure);
}
.unit-iconset [class^="bg-category_"] i {
  width: 1.8rem;
  height: 1.8rem;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.unit-iconset [class^="ico_benefit__"] {
  width: 1.8rem;
  height: 1.8rem;
}
.unit-iconset .ico-over {
  background: var(--wonder-color-2);
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.unit-iconset .ico-over i {
  box-shadow: none;
  color: #fff;
  font-style: normal;
  font-size: 1.4rem;
  font-weight: 400;
  position: relative;
}

.omk-contents--group {
  margin-top: 3.2rem;
}
.omk-contents--group .benefit-summary {
  align-items: center;
}
.omk-contents--group .unit-iconset {
  align-items: center;
}
.omk-contents--group .unit-iconset [class^="bg-category_"] {
  margin-right: 1.2rem;
}
.omk-contents--group
  .myonethecard-contents--unit
  .benefit-summary
  dt
  [class^="ico_benefit__"] {
  margin-right: 0;
}
.omk-contents--group .myonethecard-contents--unit {
  box-shadow: 0px 8px 12px 0px rgba(75, 85, 96, 0.1);
}
.omk-contents--group .benefit-summary-info {
  padding-left: 4.2rem;
  color: #69777e;
  font-size: 1.5rem;
  line-height: 1.98rem;
  margin-top: 0.4rem;
  word-break: keep-all;
}

.omk-unit.myonethecard-contents--unit {
  background: #23406d;
  box-shadow: none;
}
.omk-unit.myonethecard-contents--unit::before {
  display: none;
}
.omk-img-tab + .omk-unit.myonethecard-contents--unit {
  margin-top: 1.6rem;
}

.omk-unit .omk-card-banner {
  font-size: 1.5rem;
  font-weight: 300;
  display: flex;
  align-items: center;
  text-align: left;
  color: #fff;
}
.omk-unit .omk-card-banner strong {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  margin-top: 0.2rem;
}
.omk-unit .omk-card-banner .img-bn-card {
  width: 4rem;
  height: 4rem;
  background: url(../images/onethecard/img_bn_card.png) no-repeat center bottom /
    contain;
  margin-right: 1.2rem;
}
.omk-unit .omk-card-banner .img-search-boy {
  width: 5.6rem;
  height: 5.6rem;
  background: url(../images/onethecard/img_search_boy.png) no-repeat center /
    contain;
  margin-right: 1rem;
}

[data-theme="wonderful"] .onethecard-guide__wrap {
  border-top: 1rem solid rgba(0, 0, 0, 0.04);
}
[data-theme="wonderful"] .onethecard-guide__wrap .tit {
  color: #536067;
  font-size: 18px;
  font-weight: 700;
  padding: 0 24px;
}
[data-theme="wonderful"] .onethecard-guide__wrap .onethecard-guide--common {
  color: #536067;
}
[data-theme="wonderful"] .onethecard-guide__wrap .onethecard-guide--common li {
  font-size: 1.6rem;
}
[data-theme="wonderful"] .onethecard-guide__wrap .onethecard-deliverate {
  color: #374248;
  margin: 0;
  font-weight: 400;
}
[data-theme="wonderful"] .onethecard-guide__wrap .onethecard-deliverate:before {
  display: none;
}
[data-theme="wonderful"] .benefit-unit-list .myonethecard-contents--unit {
  box-shadow: none;
  border: 1px solid #dce6f0;
}
[data-theme="wonderful"]
  .benefit-unit-list
  .myonethecard-contents--unit
  + .myonethecard-contents--unit {
  margin-top: 2rem;
}

/*231027 ???*/
[data-theme="wonderful"] .contents-wrap.pop-wrap {
  color: #fff;
  background: linear-gradient(180deg, #131f3c 0%, #23406d 100%);
}
[data-theme="wonderful"] .ui-basic-button {
  border: 1px solid rgba(255, 255, 255, 0.6);
}
[data-theme="wonderful"] .omk-layer .ui-layer,
[data-theme="wonderful"] .omk-layer .ui-alert {
  background: #2d3e54;
  color: #fff;
}
[data-theme="wonderful"] .omk-layer .ui-alert__foot {
  border-top: 1px solid #4e5477;
}

/********************************* 20231011 ????????? ???? css END ******************************/

/*???? ??? ??????(202303)*/
[data-theme="light-blue"] .contents-wrap {
  background: #f9feff;
  padding-top: 0;
}
[data-theme="light-blue"] .layout-wrap .fix-top-wrap ~ .contents-wrap {
  padding-top: 0;
}
[data-theme="light-blue"] .layout-wrap .fix-top-wrap .header {
  background: transparent;
}
[data-theme="light-blue"] .layout-wrap .fix-top-wrap .header.is-scroll {
  background: #fff;
}
[data-theme="light-blue"] .layout-wrap .fix-top-wrap .header .header-title {
  font-size: 1.6rem;
  font-weight: 400;
}
[data-theme="light-blue"] .layout-wrap .fix-top-wrap .header .header-button {
  height: 14px;
}
[data-theme="light-blue"]
  .layout-wrap
  .fix-top-wrap
  .header
  .header-button.type-menu {
  background-size: 16px;
}

.card-notice-sec01 {
  padding: 5rem 2.4rem 0;
  background: #fff;
  color: #000;
  position: relative;
  background: url(../images/onethecard/bg_gradient_light_blue.png) no-repeat
    left top / cover;
}
.card-notice-sec01 .back_card_wrap {
  margin: 0 -2.4rem;
  text-align: right;
  padding: 8rem 6.253rem 15.853rem 0;
  position: relative;
  min-height: 138.72px;
}
.card-notice-sec01 .back_card_wrap:after {
  content: "";
  background: url(../images/onethecard/intro/card_hand.png) no-repeat center/
    16.4rem;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 16.4rem;
  height: 21rem;
}
.card-notice-sec01 .back_card_wrap img {
  transform: rotate(19deg);
  height: 138.72px;
}

/* ??????? ?? ????? ??? 23.08.21 */
.card-notice-sec01 .back_card_wrap.card_model {
  padding: 3rem 16.833rem 28.4333rem 0;
  min-width: 98px;
  min-height: auto;
}
.card-notice-sec01 .back_card_wrap.card_model:after {
  content: "";
  background: url(../images/onethecard/intro/card_model.png) no-repeat center/
    100%;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 37.5rem;
  height: 50.2rem;
}

.card-notice-sec01 .back_card_wrap.card_model img {
  transform: rotate(-6deg);
  width: 62.33px;
  height: auto;
}

.card-notice-sec01 .back_card_wrap.card_model img.vertical-img {
  transform: rotate(83deg); /*margin-top: 3rem; margin-bottom: 4.2rem;}*/
  height: auto;
  width: 98px;
}

@media all and (max-width: 320px) {
  .card-notice-sec01 .back_card_wrap {
    padding: 5rem 6rem 13.85rem 0;
  }
  .card-notice-sec01 .back_card_wrap img {
    height: 120.72px;
  }

  /* ??????? ?? ????? ??? 23.08.21 */
  .card-notice-sec01 .back_card_wrap.card_model img {
    width: 52px;
  }
  .card-notice-sec01 .back_card_wrap.card_model img.vertical-img {
    width: auto;
    height: 52px;
  }
}
.card-notice-sec01 .notice-main-txt {
  margin-bottom: 0;
}
/* 23.08.21 position + z-index ???*/
.card-notice-sec01 .notice-main-txt {
  margin: 4rem 0;
  font-size: 4rem;
  line-height: 5.12rem;
  font-weight: 300;
  position: relative;
  z-index: 1;
}
.card-notice-sec01 .notice-main-txt strong {
  font-weight: 700;
  position: relative;
  z-index: 1;
}
.card-notice-sec01 .notice-main-txt .mini-txt {
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  color: #fff;
  letter-spacing: -1px;
  display: inline-block;
  width: 11.2rem;
  background: url(../images/onethecard/txt_underline_green3.svg) no-repeat
    center left 2px/ 11.2rem;
  position: relative;
  left: -1rem;
}

.card-notice-sec01 .link {
  font-size: 1.6rem;
  color: #222;
  font-weight: 400;
  line-height: 2.2rem;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 9.6rem;
  z-index: 1;
} /* 230328 ??? */
.card-notice-sec01 .link .ico_arrow_right {
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 0.4rem;
  background: url("../images/icon/ic-header-back.svg") no-repeat center /
    contain;
  transform: rotate(180deg);
}
.card-notice-button-wrap {
  height: 5.6rem;
}
.card-notice-sec01-button {
  margin: 0 -2.4rem;
}
.card-notice-sec01-button .ui-basic-button.type-primary {
  border-radius: 0;
  background: linear-gradient(91.39deg, #5492ea 0%, #2dd4b5 100%);
}
.card-notice-sec01-button.fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  opacity: 1;
  transition: 0.3s;
}

.card-notice-sec02 {
  padding: 5.6rem 2.4rem 0;
}
.card-notice-sec02 .notice-sec02-txt {
  font-size: 2.4rem;
  font-weight: 300;
  text-align: center;
  margin-bottom: 4rem;
}
.card-notice-sec02 .notice-sec02-txt p {
  font-size: 3.2rem;
  font-weight: 400;
  margin-top: 0.4rem;
}
.card-notice-sec02 .notice-sec02-txt p strong {
  font-weight: 700;
}

.card-notice-benefit .kind-of-card {
  text-align: center;
}
.card-notice-benefit .kind-of-card img {
  max-width: 20rem;
}
.card-notice-benefit .kind-of-card img.vertical-img {
  transform: rotate(90deg);
  margin-top: 3rem;
  margin-bottom: 4.2rem;
} /* 230328 ??? */
.card-notice-benefit .kind-of-card .card-name {
  font-size: 2rem;
  font-weight: 700;
  color: #536067;
  margin-top: 1rem;
}
.card-notice-benefit .iconset {
  text-align: center;
  margin: 3.2rem 0;
}
.card-notice-benefit .iconset [class^="ico_benefit__"] {
  width: 4rem;
  height: 4rem;
  margin: 0 0.5rem;
  background: #000;
}

.txt-info-box {
  background: rgba(228, 243, 250, 0.6);
  padding: 1.6rem 1.6rem 1.6rem 3.4rem;
  border-radius: 0.87rem;
  font-size: 1.6rem;
  color: #252e33;
  font-weight: 400;
  line-height: 2.1rem;
  position: relative;
}
.txt-info-box:before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  /* background: url(../images/onethecard/icon/ico_info.svg) no-repeat center/ contain; */
  position: absolute;
  left: 1.6rem;
  top: 2rem;
}

.card-notice-sec03 {
  padding: 5.6rem 2.4rem 4rem;
  background: linear-gradient(
    180deg,
    rgba(242, 253, 255, 0) -4.1%,
    rgba(131, 213, 254, 0.17) 53.63%,
    rgba(242, 253, 255, 0) 98.09%
  );
}
.card-notice-sec03 .notice-sec03-top {
  position: relative;
  text-align: center;
}
.card-notice-sec03 .notice-bubble {
  padding: 0.6rem 1.2rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: #fff;
  background: linear-gradient(92.79deg, #00d5c8 1.1%, #00a49d 95.63%);
  border-radius: 2rem;
  position: relative;
  display: inline-block;
}
.card-notice-sec03 .notice-bubble:after {
  content: "";
  width: 6.6rem;
  height: 1rem;
  background: url(../images/onethecard/icon/ico_bubble_green.svg) no-repeat
    center / contain;
  position: absolute;
  bottom: -0.9rem;
  left: calc((100% - 6.6rem) / 2);
}

.card-notice-sec03 .notice-sec03-txt {
  font-size: 2.8rem;
  text-align: center;
  line-height: 3.6rem;
  font-weight: 300;
  padding-top: 1.6rem;
}
.card-notice-sec03 .notice-sec03-txt p {
  font-weight: 700;
  position: relative;
  display: inline-block;
}
.card-notice-sec03 .notice-sec03-txt p em {
  font-weight: 700;
  position: relative;
  z-index: 1;
}
.card-notice-sec03 .notice-sec03-txt p:after {
  content: "";
  width: 8.2rem;
  height: 3.5rem;
  position: absolute;
  bottom: -1.2rem;
  right: -0.3rem;
  background: url(../images/onethecard/txt_underline_green2.svg) center center
    no-repeat;
  background-size: cover;
}

.card-notice-sec03 .sec03-cashback {
  margin: 5rem 3.6rem;
  text-align: center;
}
.card-notice-sec03 .sec03-cashback.type01 {
  margin: 5rem 3.6rem;
}
.card-notice-sec03 .sec03-cashback.type02 {
  margin: -10rem -2.4rem 4rem;
}
.card-notice-sec03 .sec03-cashback.type03 {
  margin: 0 -2.4rem;
}
.card-notice-sec03 .sec03-cashback img {
  max-width: 50rem;
  width: 100%;
}

.card-notice-sec03 .myonethecard-contents--unit {
  width: 100%;
  border-radius: 1.6rem;
  padding: 1.8rem 2rem;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 20px 25px -5px rgb(41 115 245 / 10%),
    0px 10px 10px -5px rgb(41 115 245 / 12%);
}
.card-notice-sec03 .myonethecard-contents--unit:before {
  display: none;
}
.card-notice-sec03 .myonethecard-contents--unit .notice-summary {
  text-align: left;
}
.card-notice-sec03 .myonethecard-contents--unit .notice-summary dt {
  font-size: 1.6rem;
  color: #252e33;
  font-weight: 700;
}
.card-notice-sec03 .myonethecard-contents--unit .notice-summary dd {
  font-size: 1.4rem;
  color: #69777e;
  font-weight: 400;
  margin-top: 0.4rem;
  line-height: 1.8rem;
}
.card-notice-sec03 .myonethecard-contents--unit .notice-summary dd + dt {
  margin-top: 1.6rem;
}
.card-notice-sec03 .myonethecard-contents--unit .notice-summary dd strong {
  color: #2973f5;
}

.card-notice-sec03 .myonethecard-contents--unit + .blue-gradient-unit {
  margin-top: 2.4rem;
}
.card-notice-sec03 .myonethecard-contents--unit.blue-gradient-unit {
  background: linear-gradient(99.54deg, #568ded 0%, #28daaf 100%);
  box-shadow: 0px 2px 1px rgba(62, 179, 205, 0.09),
    0px 4px 2px rgba(62, 179, 205, 0.09), 0px 8px 4px rgba(62, 179, 205, 0.09),
    0px 16px 8px rgba(62, 179, 205, 0.09),
    0px 32px 16px rgba(62, 179, 205, 0.09);
}
.card-notice-sec03
  .myonethecard-contents--unit.blue-gradient-unit
  .notice-summary {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.card-notice-sec03
  .myonethecard-contents--unit.blue-gradient-unit
  .notice-summary
  dt {
  color: #fff;
  width: 40%;
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 0;
}
.card-notice-sec03
  .myonethecard-contents--unit.blue-gradient-unit
  .notice-summary
  dd {
  color: #fff;
  width: 60%;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: right;
  margin-top: 0;
}
.card-notice-sec03
  .myonethecard-contents--unit.blue-gradient-unit
  .notice-summary
  dd:not(:first-of-type) {
  margin-top: 0.8rem;
}
.card-notice-sec03
  .myonethecard-contents--unit.blue-gradient-unit
  .notice-summary
  dd.txt {
  font-size: 1.4rem;
}
.card-notice-sec03
  .myonethecard-contents--unit.blue-gradient-unit
  .notice-summary
  + .notice-summary {
  margin-top: 0.8rem;
}
.card-notice-sec03
  .myonethecard-contents--unit.blue-gradient-unit
  .notice-summary-type02
  p:not(:first-child) {
  margin-top: 0.5rem;
  font-weight: 400;
}

.benefit-unit-list {
  margin-top: 4rem;
}
.benefit-unit-list .myonethecard-contents--unit {
  box-shadow: 0px 20px 25px -5px rgba(190, 209, 223, 0.1),
    0px 10px 10px -5px rgba(190, 209, 223, 0.2);
}
.benefit-unit-list .myonethecard-contents--unit:before {
  display: none;
}
.benefit-unit-list .myonethecard-contents--unit [class^="ico_benefit__"] {
  background: #000;
}
.benefit-unit-list [class^="text-gradient"] {
  background: #029c94
    /*linear-gradient(129.16deg, #2E9DFF -17.82%, #05F07F 156.98%)*/;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} /* 23-08-18 */
.benefit-unit-list .benefit-summary-info {
  padding-left: 3.2rem;
  font-size: 1.4rem;
  color: #69777e;
  margin-top: 0.6rem;
}
.benefit-unit-list .benefit-summary-info li {
  line-height: 1.8rem;
}
.benefit-unit-list .benefit-summary-info .total-info {
  color: #536067;
  margin-top: 0.6rem;
}
.badge_category__gradient {
  background: linear-gradient(156.8deg, #622aff -3.62%, #19c5c0 112.38%);
}

.unit-tbl {
  margin-top: 2rem;
  border-top: 2px solid #3d516a;
  border-bottom: 1px solid #3d516a;
}
.unit-tbl caption {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: left;
  color: #252e33;
  margin-bottom: 1rem;
}
.unit-tbl thead {
  border-bottom: 1px solid #3d516a;
}
.unit-tbl th {
  background: #e4effa;
  padding: 0.8rem 0;
  font-size: 1.5rem;
  color: #252e33;
  font-weight: 400;
}
.unit-tbl td {
  background: #fff;
  padding: 0.8rem 0;
  font-size: 1.5rem;
  color: #839097;
  font-weight: 400;
  text-align: center;
}

[data-theme="light-blue"] .onethecard-guide__wrap {
  border-top: 1rem solid rgba(0, 0, 0, 0.15);
  padding-bottom: 12rem;
}
[data-theme="light-blue"]
  .onethecard-guide--accordion
  .js-ui-accordion__opener::after {
  /* background-image: url(../images/onethecard/icon/ico_arrow_black.svg); */
  transform: rotate(180deg);
}
[data-theme="light-blue"]
  .onethecard-guide--accordion
  .js-ui-accordion__opener.js-accordion-active::after {
  transform: rotate(0deg);
}
[data-theme="light-blue"]
  .onethecard-guide--accordion
  .js-ui-accordion__opener
  .tit {
  color: #666666;
} /* 23.08.16 */
[data-theme="light-blue"]
  .onethecard-guide--accordion
  .js-ui-accordion__layer
  .subtitle {
  color: #9daab0;
}
[data-theme="light-blue"] .onethecard-guide--accordion .js-ui-accordion__layer {
  background: rgba(0, 0, 0, 0.05);
  font-size: 1.3rem;
  color: #9daab0;
  font-weight: 700;
}
[data-theme="light-blue"] .onethecard-guide__wrap .onethecard-guide--common {
  color: #9daab0;
}
[data-theme="light-blue"] .onethecard-guide__wrap .onethecard-deliverate {
  color: #4f5d64;
}

.toast_img_message {
  margin-top: 1.6rem;
  background: rgba(255, 255, 255, 0.8);
  padding: 1.2rem 2.4rem;
  box-shadow: 0px 15px 25px rgba(41, 115, 245, 0.08),
    0px 5px 10px rgba(41, 115, 245, 0.05);
  border-radius: 1.4rem;
  position: relative;
  font-size: 1.4rem;
  color: #222;
  line-height: 1.8rem;
}
.toast_img_message:before {
  content: "";
  width: 3.6rem;
  height: 3.6rem;
  position: absolute;
  left: -0.8rem;
  top: -1.6rem;
  background: url(../images/onethecard/icon_toast_message.png) no-repeat center /
    contain;
}
.toast_img_message + .notice-main-txt {
  margin-top: 3.2rem;
}

/* 230518 happy-birth ??? ??? */
[data-theme="light-blue"] .happy-birth .contents-wrap {
  background: #f8fffe;
}
.happy-birth .card-notice-sec01 {
  background: url(../images/onethecard/bg_gradient_light_pink.png) no-repeat
    left top / cover;
}
.happy-birth .card-notice-sec01-button .ui-basic-button.type-primary {
  background: linear-gradient(91.39deg, #39c7c4 0%, #ffa0c2 100%);
}
.happy-birth
  .card-notice-sec03
  .myonethecard-contents--unit.blue-gradient-unit {
  background: linear-gradient(
    99.54deg,
    #39c7c4 0%,
    #b6b2c4 55.73%,
    #ffa0c2 100%
  );
  box-shadow: 0px 2px 1px rgba(255, 146, 152, 0.09),
    0px 4px 2px rgba(62, 179, 205, 0.09), 0px 8px 4px rgba(254, 144, 170, 0.09),
    0px 16px 8px rgba(62, 205, 162, 0.09), 0px 32px 16px rgba(62, 93, 205, 0.09);
}
.happy-birth .benefit-unit-list [class^="text-gradient"] {
  background: linear-gradient(
    99.54deg,
    #39c7c4 0%,
    #b6b2c4 55.73%,
    #ffa0c2 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.happy-birth .card-notice-sec03 {
  padding-top: 2.4rem;
  background: linear-gradient(
    180deg,
    rgba(113, 251, 218, 0) 35%,
    rgba(255, 152, 183, 0.17) 53.63%,
    rgba(81, 255, 213, 0) 80.09%
  );
}
.happy-birth .txt-info-box {
  margin: 0 2.4rem 4rem;
}
.happy-birth .unit-tbl th {
  background: #f4fffc;
}

/* //230518 happy-birth ??? ??? */

/* [2025-02-11 CIS_001.html Ÿ��Ʋ ���� & ������ �߰� : HDH] */
.intro-card--slide.type-icon-title h2 {
  margin-top: 20px;
  word-break: keep-all;
}
.intro-card--slide.type-icon-title h2 strong {
  position: relative;
}
.intro-card--slide.type-icon-title h2 strong::before {
  position: absolute;
  content: "";
  top: -35%;
  left: 4%;
  width: 55px;
  height: 55px;
  background: url(/images/onethecard/intro/title_icon_crown.png) no-repeat;
  background-size: cover;
}
.intro-card--slide.type-icon-title .card-shape__list {
  top: 22.5rem;
}
.intro-card--slide.type-icon-title .card-shape__list.fixed {
  top: calc(var(--notch-top) + var(--header-height));
}
@media all and (max-width: 360px) {
  .intro-card--slide.type-icon-title h2 {
    font-size: 30px;
  }
  .intro-card--slide.type-icon-title h2 strong::before {
    top: -45%;
  }
  .intro-card--slide.type-icon-title .card-shape__list {
    top: 20.5rem;
  }
}
@media all and (max-width: 320px) {
  .intro-card--slide.type-icon-title .card-shape__list {
    top: 23.5rem;
  }
}
/* //[2025-02-11 CIS_001.html Ÿ��Ʋ ���� & ������ �߰� : HDH] */

/* [2025-06-02] */
.myonethecard-contents__family {
  margin-top: var(--block-gap-top);
}
.myonethecard-contents--unit .etc .bar {
  display: inline-block;
  width: 1px;
  height: 1.2rem;
  background-color: rgba(255, 255, 255, 0.32);
  margin: 0 0.6rem;
}
.myonethecard-contents--unit .etc > *:not(.bar) {
  margin: 0 !important;
  padding: 0 !important;
}


/* [2025-06-17] ����ī�� 2.0 / �°��� �÷��� ���� benefit-type_2 */
.page-contents.benefit-type_2 {
  padding-top: 5.6rem;
}
.page-contents.benefit-type_2 .onethecard-guide__block:nth-of-type(2) .onethecard-guide--step > li > p {
  width: 228px;
}
.page-contents.benefit-type_2 .onethecard-guide__block:nth-of-type(3) .onethecard-guide--step > li > p {
  width: 277px;
}
@media (max-width: 320px) {
  .benefit-type_2 .onethecard-guide--step > li > p {
    width: calc(100% - 73px) !important;
  }
}
.benefit-type_2 .onethecard-guide--step li + li {
  margin-top: 1.6rem;
}
.benefit-type_2 .onethecard-guide__block .onethecard-guide--step > li .hashighlight:before {
  width: calc(100% + 12px);
  left: -0.3rem;
}
.benefit-type_2 .onethecard-guide--step > li > p {
  position: relative;
  text-align: left;
  padding-left: 28px;
  margin: 0 auto;
}
.benefit-type_2 .onethecard-guide--step > li > p > em {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.benefit-type_2 .button-group__bottom {
  margin-top: var(--block-gap-top);
}
.benefit-type_2 .plus-bubble_box {
  background: var(--linear-gradient-range-2);
}
.benefit-type_2 .plus-bubble_box:after {
  background-image: url(../images/onethecard/icon/ico_bubble_after_2.svg);
}
.benefit-type_2 .hashighlight:before {
  background-image: url(../images/onethecard/txt_highlight_guide_2.svg);
}
.benefit-type_2 .onethecard-guide__wrap {
  margin: 0 -24px;
  padding: 8.2rem 0 0 0;
}
.benefit-type_2 .onethecard-guide--accordion .js-ui-accordion__layer > strong {
  color: #fff;
}
.benefit-type_2 .img-box {
  margin-top: 8px;
  background-color: #121e39;
  border-radius: 14px;
}

.js-ui-benefit-list {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-align: center;
  font-weight: 400;
  color: #b2b2b2;
}
.js-ui-benefit-list.full {
  width: calc(100% + 48px);
  margin: 0 -24px;
}
.js-ui-benefit-list .js-ui-accordion__item {
  margin-top: 8px;
}
.js-ui-benefit-list .js-ui-accordion__opener {
  width: auto;
  padding-right: 18px;
}
.js-ui-benefit-list .js-ui-accordion__layer {
  margin-top: 8px;
}
.js-ui-benefit-list .js-ui-accordion__layer .info-list > li {
  margin-top: 4px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #b2b2b2;
  font-weight: 400;
}
.js-ui-benefit-list .tit {
  display: block;
  font-weight: 700;
}
.js-ui-benefit-list .bg-cont {
  padding: 12px 0;
  background-color: rgba(0, 0, 0, 0.15);
}
.js-ui-benefit-list .bg-cont > *:not(:first-child) {
  margin-top: 8px;
}
.img-animation-wrap {
  margin-top: 32px;
  background-color: #111d39;
  border-radius: 14px;
  overflow: hidden;
}

.intro-card--slide .intro-card--top {
  margin-top: 0.8rem;
}
.intro-card--slide .intro-card--top > h2 {
  font-size: 3.0rem;
  font-weight: 400;
  line-height: 128%;
  letter-spacing: -0.5px;
}
.intro-card--slide .intro-card--image {
  display: flex;
  flex-direction: column;
  gap: 21px;
  padding: 0 2.4rem;
}
/* .intro-card--slide .intro-card--image > * {
  display: block;
  margin: 21px 0;
} */
.intro-card--slide .card-slide__wrap {
  position: relative;
  margin-top: 6.8rem;
}
.intro-card--slide .card-slide__wrap .card-shape__list {
  top: 0;
}
/* .intro-card--slide .card-slide__wrap .card-shape__list.type2.fixed {
  top: 0 !important;
} */
.intro-card--slide .card-slide__wrap + .card-slide {
  padding-top: 148px;
}
.intro-card--slide .card-slide__wrap + .card-slide .swiper-pagination {
  top: 114px;
}
.intro-card--slide .card-slide__wrap ~ .card-slide--summary .iconset {
  margin: 2rem 0;
}
.intro-card--slide .btn-scroll {
  position: relative;
  display: block;
  margin: 32px auto 0;
  padding-right: 21px;
}
.intro-card--slide .btn-scroll > span {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
}
.intro-card--slide .btn-scroll > span::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(90deg);
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/onethecard/icon/ico_arrow12_white.svg) no-repeat 0 center;
  background-size: 1.2rem;
}
.membership-benefit {
  margin-top: 2.4rem;
  padding: 0 24px;
}
.membership-benefit .membership-benefit--item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 8px;
  padding: 16px 20px;
  background-color: #121E39;
  border-radius: 14px;
}
.membership-benefit .membership-benefit--item .img {
  width: 3.2rem;
  height: 3.2rem;
  margin-right: 8px;
}
.membership-benefit .membership-benefit--item .txt {
  flex: 1;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 100%;
  text-align: left;
}
.membership-benefit .membership-benefit--item .txt::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/onethecard/icon/ico_arrow12_white.svg) no-repeat 0 center;
  background-size: 1.2rem;
}

/* �°����÷��� �˾� */
.layer-wrap.dark .header {
  background-color: #000;
}
.layer-wrap.dark .header__button--close::after {
  background-image: url(../images/onethecard/icon/ico-header-close_white.svg);
  background-size: 24px;
}
.layer-wrap.dark .ui-tab-list {
  background-color: #000;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16) inset;
}
.layer-wrap.dark .ui-tab-link {
  color: #888;
}
.layer-wrap.dark .ui-tab-link.js-tabpanel-active {
  color: #fff;
}
.layer-wrap.dark .ui-tab-link.js-tabpanel-active::after {
  background-color: #fff;
}
.layer-wrap.dark .ui-tab-panel:nth-child(2) .benefit-type_2 .onethecard-guide__block:nth-of-type(1) .onethecard-guide--step > li > p {
  width: 250px;
}
.layer-wrap.dark .ui-tab-panel:nth-child(2) .benefit-type_2 .onethecard-guide__block:nth-of-type(2) .onethecard-guide--step > li > p {
  width: 277px;
}
.layer-wrap.dark .ui-tab-panel:nth-child(3) .benefit-type_2 .onethecard-guide__block:nth-of-type(1) .onethecard-guide--step > li > p {
  width: 230px;
}
.layer-wrap.dark .ui-layer__body {
  background: linear-gradient(180deg, #131F3C 0%, #23406D 100%);
  color: #fff;
}
.onethe-tbl {
  margin: 8px 0 12px;
}
.onethe-tbl strong {
  font-weight: 700 !important;
}
.onethe-tbl table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.onethe-tbl table {
  text-align: center;
}
.onethe-tbl table th {
  font-weight: 700 !important;
}
.onethe-tbl table tbody th {
  border-right: solid 1px #3d516a !important;
}
.onethe-tbl table th,
.onethe-tbl table td {
  padding: 0.8rem;
  border: solid 1px #3d516a;
  border-left: 0;
  font-size: inherit;
  font-weight: 400;
}
.onethe-tbl table th:last-of-type,
.onethe-tbl table td:last-of-type {
  border-right: 0;
}
.card-notice-sec03 .notice-sec03-top.type2 {
  margin: 0 -24px;
}
.myonethecard-contents--unit .notice-summary-type02 {
  margin-top: 16px;
  padding-top: 16px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 132%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
/* [2025-07-03 : oh] 11766 MY����ī�� �ۺ� �߰� */
.myonethecard-benefit--nodata {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.4rem 2rem;
  border-radius: 1.4rem;
  background: linear-gradient(94.76deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.12) 100%);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.07);
  /* border-image-source: linear-gradient(274.76deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.9) 100%); */
}
.myonethecard-benefit--nodata .desc {
  line-height: 1.31;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: -0.5px;
  text-align:center;
}
.myonethecard-benefit--nodata .ui-basic-button {
  margin-top: 1.6rem;
}

/* 2025-07-21 */
.page-button-top-wrap {
  position: fixed !important;
  transform: translate3d(0, 0, 0) !important;
  transition: transform 0.3s;
  z-index: 1001;
}
.page-button-top-wrap.fixed {
  transform: translate3d(0, -70px, 0) !important;
}


/* [2025-08-28 KEJ] [WPM-12250] �߰� */
.onethecard-noble{
  background: #f6f8f7 !important;
}
.onethecard-noble .card-notice-sec01 {
  position: relative;
  padding: 5rem 2.4rem 0;
  color: #000;
  background: url("/images/onethecard/intro/card_noblewarriors_bg_gray.png") no-repeat left top / cover;
}

.onethecard-noble .card-notice-sec03 {
  background: none;
}
.onethecard-noble .card-notice-sec03 .myonethecard-contents--unit.blue-gradient-unit {
  background: linear-gradient(100deg, #5f6561 0%, #62896d 50%, #89ad76 100%);
  box-shadow: 0px 2px 1px 0px rgba(95, 154, 112, 0.09), 0px 4px 2px 0px rgba(95, 154, 112, 0.09), 0px 8px 4px 0px rgba(95, 154, 112, 0.09), 0px 16px 8px 0px rgba(95, 154, 112, 0.09), 0px 32px 16px 0px rgba(95, 154, 112, 0.09);
}
.onethecard-noble .benefit-unit-list .myonethecard-contents--unit {
  box-shadow: 0px 20px 25px -5px #e9f3ec, 0px 10px 10px -5px rgba(233, 243, 236, 0.2);
}
.onethecard-noble .unit-tbl th {
  padding: 0.8rem 0;
  font-size: 1.5rem;
  font-weight: 400;
  color: #252e33;
  background: #edf6f0;
}
.onethecard-noble .benefit-unit-list [class^="text-gradient"] {
  background: linear-gradient(129deg, #127038 -17.82%, #c4ffa8 156.98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.onethecard-noble .txt-info-box {
  padding: 1.6rem 1.6rem 1.6rem 3.6rem;
  margin: 0 2.4rem 4rem;
  background: rgba(213, 235, 221, 0.6);
}
.onethecard-noble .card-notice-sec01 .notice-main-txt{
  white-space: nowrap;
}
.onethecard-noble .card-notice-sec01 .notice-main-txt .mini-txt {
  position: relative;
  top: 1.4rem;
  left: -0.5rem;
  display: inline-block;
  width: 11.2rem;
  height: 5.2rem;
  padding-left: 1.4rem;
  font-size: 2.2rem;
  line-height: 2.4rem;
  font-weight: 700;
  text-align: left;
  letter-spacing: -0.6px;
  color: #5f6561;
  background: url("/images/onethecard/intro/txt_underline_green02.svg") no-repeat 0 center / auto;
}
.onethecard-noble .card-notice-sec01 .notice-main-txt .mini-txt .point{
  color: #0c6d11;
}
.onethecard-noble .card-notice-sec01-button .ui-basic-button.type-noble {
  padding: 16px 0px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.9px;
  border: none;
  border-radius: 0;
  color: #fff;
  background: linear-gradient(271deg, #89ad76 0%, #62896d 50%, #606863 100%);
}
.onethecard-noble .card-notice-benefit .iconset{
  display: flex;
  width: fit-content;
  margin: 3.2rem auto 0;
  gap: 16px;
}

.onethecard-noble .card-notice-benefit .iconset [class^="ico_benefit__"] {
  margin: 0;
}

.onethecard-noble .card-notice-button-wrap {
  height: auto;
}

[data-theme="light-blue"]
.onethecard-noble .onethecard-guide__wrap .title { 
  color: #4f5d64;
}

[data-theme="light-blue"]
.onethecard-noble .onethecard-guide--accordion .js-ui-accordion__opener .tit {
  color: #9daab0;
}

.onethecard-noble .txt-info-box:before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background: url("/images/onethecard/intro/notice_gray.png") no-repeat center/ contain;
  position: absolute;
  left: 1.6rem;
  top: 2rem;
}
/* //[2025-08-28 KEJ] [WPM-12250] �߰� */