@charset "EUC-KR";
.m-orderfirst-wrap .w15pct {
  width: 15%;
}
.m-orderfirst-wrap .w25pct {
  width: 25%;
}
.m-orderfirst-wrap .w30pct {
  width: 30%;
}
.m-orderfirst-wrap .w35pct {
  width: 35%;
}
.m-orderfirst-wrap .w40pct {
  width: 40%;
}
.m-orderfirst-wrap .w45pct {
  width: 45%;
}
.m-orderfirst-wrap .w50pct {
  width: 50%;
}
.m-orderfirst-wrap .w60pct {
  width: 60%;
}
.m-orderfirst-wrap .w70pct {
  width: 70%;
}
.m-orderfirst-wrap .w75pct {
  width: 75%;
}
.m-orderfirst-wrap .w100pct {
  width: 100%;
}
.m-orderfirst-wrap .w-max56 {
  max-width: 3.5rem;
}
.m-orderfirst-wrap .mt4 {
  margin-top: 0.25rem;
}
.m-orderfirst-wrap .mt6 {
  margin-top: 0.375rem;
}
.m-orderfirst-wrap .mt8 {
  margin-top: 0.5rem;
}
.m-orderfirst-wrap .mt10 {
  margin-top: 0.625rem;
}
.m-orderfirst-wrap .mt12 {
  margin-top: 0.75rem;
}
.m-orderfirst-wrap .mt14 {
  margin-top: 0.875rem;
}
.m-orderfirst-wrap .mt16 {
  margin-top: 1rem;
}
.m-orderfirst-wrap .mt20 {
  margin-top: 1.25rem;
}
.m-orderfirst-wrap .mt24 {
  margin-top: 1.5rem;
}
.m-orderfirst-wrap .mt28 {
  margin-top: 1.75rem;
}
.m-orderfirst-wrap .mt30 {
  margin-top: 1.875rem;
}
.m-orderfirst-wrap .mt32 {
  margin-top: 2rem;
}
.m-orderfirst-wrap .mt40 {
  margin-top: 2.5rem;
}
.m-orderfirst-wrap .mr6 {
  margin-right: 0.375rem;
}
.m-orderfirst-wrap .ml6 {
  margin-left: 0.375rem;
}
.m-orderfirst-wrap .mr12 {
  margin-right: 0.75rem;
}
.m-orderfirst-wrap .ml12 {
  margin-left: 0.75rem;
}
.m-orderfirst-wrap .pt10 {
  padding-top: 0.625rem;
}
.m-orderfirst-wrap .pt12 {
  padding-top: 0.75rem;
}
.m-orderfirst-wrap .pt14 {
  padding-top: 0.875rem;
}
.m-orderfirst-wrap .pt16 {
  padding-top: 1rem;
}
.m-orderfirst-wrap .pt20 {
  padding-top: 1.25rem;
}
.m-orderfirst-wrap .bdr-top {
  border-width: 0.0625rem;
  border-top-style: solid;
}
.m-orderfirst-wrap .bdr-bottom {
  border-width: 0.0625rem;
  border-bottom-style: solid;
}
.m-orderfirst-wrap .ws-no {
  white-space: nowrap;
}
.m-orderfirst-wrap .ta-c {
  text-align: center;
}
.m-orderfirst-wrap .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-orderfirst-wrap .i-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.m-orderfirst-wrap .flex-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-orderfirst-wrap .flex-half > div {
  max-width: 50%;
  width: 100%;
}
.m-orderfirst-wrap .fixed-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-orderfirst-wrap .fixed-flex > .left-con, .m-orderfirst-wrap .sec-top .fixed-flex > .right-con {
  max-width: 5rem;
  width: 100%;
}
.m-orderfirst-wrap .fixed-flex-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-orderfirst-wrap .fixed-flex-s > div:first-of-type {
  max-width: 3.125rem;
  width: 100%;
  text-align: left;
}
.m-orderfirst-wrap .fixed-flex-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-orderfirst-wrap .fixed-flex-half > div:first-of-type {
  max-width: calc(100% - 0.625rem - 0.375rem);
  width: 100%;
  text-align: left;
}
.m-orderfirst-wrap .flow-wrap {
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.m-orderfirst-wrap .gap0 {
  gap: 0;
}
.m-orderfirst-wrap .gap4 {
  gap: 0 0.25rem;
}
.m-orderfirst-wrap .gap6 {
  gap: 0 0.375rem;
}
.m-orderfirst-wrap .gap8 {
  gap: 0 0.5rem;
}
.m-orderfirst-wrap .gap12 {
  gap: 0 0.75rem;
}
.m-orderfirst-wrap .gap16 {
  gap: 0 1rem;
}
.m-orderfirst-wrap .jc-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-orderfirst-wrap .jc-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.m-orderfirst-wrap .a-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-orderfirst-wrap .a-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.m-orderfirst-wrap .component_button_input {
  width: 100%;
  height: 2.5rem;
  padding: 0.5625rem 0.75rem;
  border: 0.0625rem solid var(--neutral-400);
  border-radius: 0.375rem;
  background: calc(100% - 0.75rem) center/0.8125rem no-repeat url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_renew/asset/image/selectbox_arrow.svg);
  line-height: 1.4;
  text-align: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.m-orderfirst-wrap .component_button_input .button_text {
  color: var(--neutral-400);
}
.m-orderfirst-wrap .component_button_input:hover {
  -webkit-tap-highlight-color: transparent;
}
.m-orderfirst-wrap .component_button_input.active .button_text {
  color: var(--neutral-900);
}
.m-orderfirst-wrap .sec-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  border-bottom: 0.0625rem solid var(--neutral-100);
}
.m-orderfirst-wrap .sec-top .left-con, .m-orderfirst-wrap .sec-top .right-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.75rem;
  max-width: 3.75rem;
  width: 100%;
}
.m-orderfirst-wrap .sec-top .left-con [class^=icon_] svg, .m-orderfirst-wrap .sec-top .right-con [class^=icon_] svg {
  width: 1.5rem;
  height: 1.5rem;
}
.m-orderfirst-wrap .sec-basicinfo {
  padding: 0.75rem 1rem 1.25rem 1rem;
}
.m-orderfirst-wrap .sec-basicinfo .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-orderfirst-wrap .sec-basicinfo .ttl .process {
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.125rem;
}
.m-orderfirst-wrap .sec-basicinfo .ttl .process li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.125rem;
}
.m-orderfirst-wrap .sec-basicinfo .ttl .process li .num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0.0625rem solid var(--neutral-400);
  width: 1.125rem;
  height: 1.125rem;
  color: var(--neutral-700);
  border-radius: 100%;
  font-size: 0.6875rem;
  padding-bottom: 0.0625rem;
}
.m-orderfirst-wrap .sec-basicinfo .ttl .process li::before {
  content: "";
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  background: center/0.6875rem no-repeat url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/progress_dot.png");
}
.m-orderfirst-wrap .sec-basicinfo .ttl .process li:first-child::before {
  content: none;
}
.m-orderfirst-wrap .sec-basicinfo .ttl .process li.active .num {
  background-color: var(--primary-blue-600);
  color: var(--neutral-000);
  border: 0.0625rem solid var(--primary-blue-600);
}
.m-orderfirst-wrap .sec-basicinfo .ttl .process li.active::before {
  background: center/0.6875rem no-repeat url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/progress_dot_active.png");
}
.m-orderfirst-wrap .sec-basicinfo .ttl .process li.end .num {
  background-color: var(--primary-blue-300);
  color: var(--neutral-000);
  border: 0.0625rem solid var(--primary-blue-300);
}
.m-orderfirst-wrap .sec-basicinfo .ttl .process li.end::before {
  background: center/0.6875rem no-repeat url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/progress_dot_active.png");
}
.m-orderfirst-wrap .sec-basicinfo .ttl .component_button:not(.text).xs {
  padding: 0.3125rem 0.75rem;
}
.m-orderfirst-wrap .sec-basicinfo .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1rem;
}
.m-orderfirst-wrap .sec-basicinfo .info figure {
  -ms-flex-preferred-size: 6.25rem;
      flex-basis: 6.25rem;
  height: 6.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0.625rem;
  background-color: var(--neutral-100);
}
.m-orderfirst-wrap .sec-basicinfo .info .desc {
  width: 100%;
}
.m-orderfirst-wrap .sec-basicinfo .info .desc .item-name .item-code {
  padding-left: 0.25rem;
}
.m-orderfirst-wrap .sec-basicinfo .info .desc .item-price .item-sale {
  padding-right: 0.25rem;
}
.m-orderfirst-wrap .sec-basicinfo .info .desc .item-opt {
  margin-top: 0.625rem;
}
.m-orderfirst-wrap .sec-basicinfo .info .desc-dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1rem;
  background-color: var(--neutral-100);
  border-radius: 0.375rem;
  width: calc(100% - 7.25rem);
}
.m-orderfirst-wrap .sec-basicinfo .info .desc-dl dt, .m-orderfirst-wrap .sec-basicinfo .info .desc-dl dd {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.m-orderfirst-wrap .sec-basicinfo .info .desc-dl dt, .m-orderfirst-wrap .sec-basicinfo .info .desc-dl dd {
  color: var(--neutral-700);
}
.m-orderfirst-wrap .sec-basicinfo .add-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem 0;
}
.m-orderfirst-wrap .sec-basicinfo .add-item dt, .m-orderfirst-wrap .sec-basicinfo .add-item dd {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.m-orderfirst-wrap .sec-basicinfo .add-item dt {
  color: var(--neutral-700);
}
.m-orderfirst-wrap .sec-basicinfo .add-item dd {
  text-align: right;
}
.m-orderfirst-wrap .sec-detail {
  background-color: var(--neutral-200);
  padding: 0.625rem;
}
.m-orderfirst-wrap .sec-detail * {
  letter-spacing: -0.01875rem;
}
.m-orderfirst-wrap .sec-detail .detail-con {
  background-color: var(--neutral-000);
  border-radius: 0.625rem;
  padding: 0.875rem 0.75rem 0.875rem 0.75rem;
  margin-bottom: 0.625rem;
}
.m-orderfirst-wrap .sec-detail .detail-con summary .arrow-wrap {
  float: right;
}
.m-orderfirst-wrap .sec-detail .detail-con summary .arrow-wrap [class^=icon_] svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  width: 1.5rem;
  height: 1.5rem;
}
.m-orderfirst-wrap .sec-detail .detail-con summary .arrow-wrap [class^=icon_] svg path {
  stroke-width: 0.09375rem;
}
.m-orderfirst-wrap .sec-detail .detail-con[open] summary .arrow-wrap [class^=icon_] svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.m-orderfirst-wrap .sec-detail .detail-con summary .component_checkbox {
  vertical-align: -0.1875rem;
  margin-left: 1.5rem;
}
.m-orderfirst-wrap .sec-detail .detail-con:last-child {
  margin-bottom: 0;
}
.m-orderfirst-wrap .sec-detail .detail-con .inner-con {
  clear: both;
  margin-top: 1rem;
}
.m-orderfirst-wrap .sec-detail .detail-con .inner-con .con-row:last-child {
  margin-bottom: 0;
}
.m-orderfirst-wrap .sec-detail .detail-con .inner-con .con-row .component_input {
  gap: 0;
}
.m-orderfirst-wrap .sec-detail .detail-con .inner-con .con-row .component_input .icon_calendar svg {
  width: 1.5rem;
  height: 1.5rem;
}
.m-orderfirst-wrap .sec-detail .detail-con .inner-con .con-row .icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: sub;
  margin-left: 0.5rem;
}
.m-orderfirst-wrap .sec-detail .detail-con .inner-con .con-row .icon.male {
  width: 1rem;
  height: 1.188rem;
  background-image: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/orderfirst_icon_male.svg");
}
.m-orderfirst-wrap .sec-detail .detail-con .inner-con .con-row .icon.female {
  width: 0.875rem;
  height: 1.188rem;
  background-image: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/orderfirst_icon_female.svg");
}
.m-orderfirst-wrap .sec-detail .detail-con .inner-con .con-row .num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 100%;
  padding-right: 0.0625rem;
  padding-bottom: 0.0625rem;
}
.m-orderfirst-wrap .sec-confirm {
  padding: 1.25rem 1rem;
}
.m-orderfirst-wrap .sec-confirm * {
  letter-spacing: -0.01875rem;
}
.m-orderfirst-wrap .sec-confirm .confirm-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 0.0625rem solid var(--neutral-200);
  padding: 0.75rem 0;
  gap: 0 1.75rem;
}
.m-orderfirst-wrap .sec-confirm .confirm-list li:last-child {
  padding: 0.75rem 0 0;
}
.m-orderfirst-wrap .sec-confirm .confirm-list li .right {
  -ms-flex-preferred-size: 3.25rem;
      flex-basis: 3.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-orderfirst-wrap .sec-confirm .confirm-list li .right .component_button {
  padding: 0.3125rem 0.5rem;
}
.m-orderfirst-wrap .sec-btn {
  padding: 1.25rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
}
.m-orderfirst-wrap .guide-txt * {
  letter-spacing: -0.01875rem;
}
.m-orderfirst-wrap .guide-txt p {
  margin-bottom: 0.25rem;
}
.m-orderfirst-wrap .guide-txt p:last-child {
  margin-bottom: 0;
}
.m-orderfirst-wrap .guide-txt.dot-txt p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.1875rem;
}
.m-orderfirst-wrap .guide-txt.dot-txt p::before {
  content: "¡¤";
}
.m-orderfirst-wrap .guide-txt.dot-txt p.nomark::before {
  content: none;
}
.m-orderfirst-wrap .guide-txt.big-dot-txt p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.375rem;
}
.m-orderfirst-wrap .guide-txt.big-dot-txt p::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 100%;
  background-color: var(--neutral-700);
  margin-top: 0.5rem;
}
.m-orderfirst-wrap .guide-txt.big-dot-txt p.nomark::before {
  content: none;
}
.m-orderfirst-wrap .guide-txt.minus-txt p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.1875rem;
}
.m-orderfirst-wrap .guide-txt.minus-txt p::before {
  content: "-";
}
.m-orderfirst-wrap .guide-txt.minus-txt p.nomark::before {
  content: none;
}
.m-orderfirst-wrap .add-orderitem {
  padding: 0 1rem;
}
.m-orderfirst-wrap .add-orderitem * {
  letter-spacing: -0.01875rem;
}
.m-orderfirst-wrap .add-orderitem .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
}
.m-orderfirst-wrap .add-orderitem .cont figure {
  width: 5.75rem;
  height: 5.75rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: var(--neutral-100);
}
.m-orderfirst-wrap .add-orderitem .cont .opt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap column;
          flex-flow: wrap column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.m-orderfirst-wrap .sec-item-confirm {
  padding: 0 1rem;
}
.m-orderfirst-wrap .sec-item-confirm .ttl .component_button:not(.text).xs {
  padding: 0.3125rem 0.75rem;
}
.m-orderfirst-wrap .sec-item-confirm .item-confirm .confirm-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1.25rem;
  margin-top: 1rem;
}
.m-orderfirst-wrap .sec-item-confirm .item-confirm .confirm-list .item figure {
  width: 4.5rem;
  height: 4.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0.375rem;
  overflow: hidden;
  background-color: var(--neutral-200);
}
.m-orderfirst-wrap .sec-item-confirm .item-confirm .confirm-list .item .desc-dl {
  display: grid;
  grid-template-columns: 4.375rem 1fr;
  grid-template-rows: repeat(3, 1fr);
  gap: 0.25rem 0;
}
.m-orderfirst-wrap .sec-item-confirm .item-confirm .confirm-list .item .desc-dl dt, .m-orderfirst-wrap .sec-item-confirm .item-confirm .confirm-list .item .desc-dl dd {
  color: var(--neutral-700);
}
.m-orderfirst-wrap .sec-item-confirm .item-confirm-price {
  margin-top: 1rem;
}
.m-orderfirst-wrap .sec-item-confirm .item-confirm-price summary .arrow-wrap {
  float: right;
}
.m-orderfirst-wrap .sec-item-confirm .item-confirm-price summary .arrow-wrap [class^=icon_] svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  width: 1.5rem;
  height: 1.5rem;
}
.m-orderfirst-wrap .sec-item-confirm .item-confirm-price summary .arrow-wrap [class^=icon_] svg path {
  stroke-width: 0.09375rem;
}
.m-orderfirst-wrap .sec-item-confirm .item-confirm-price[open] summary .arrow-wrap [class^=icon_] svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.m-orderfirst-wrap .sec-item-confirm .item-confirm-price:first-child {
  margin-top: 1.25rem;
}
.m-orderfirst-wrap .sec-item-confirm .item-confirm-price .cont {
  background-color: var(--neutral-100);
  margin-top: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.m-orderfirst-wrap .sec-item-confirm .item-confirm-price .cont .desc, .m-orderfirst-wrap .sec-item-confirm .item-confirm-price .cont .num {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.m-orderfirst-wrap .sec-item-confirm .item-confirm-price .cont .num {
  text-align: right;
}
.m-orderfirst-wrap .sec-item-confirm .item-total-price .desc [class^=icon_] svg {
  width: 1.25rem;
  height: 1.25rem;
}
.m-orderfirst-wrap .sec-item-confirm .item-total-price .desc [class^=icon_] svg path {
  stroke-width: 0.09375rem;
}
.m-orderfirst-wrap .sec-item-confirm .desc-dl-bg {
  background-color: var(--neutral-100);
  padding: 0 1rem;
  border-radius: 0.5rem;
}
.m-orderfirst-wrap .sec-item-confirm .desc-dl-bg .desc-dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.75rem 0;
  border-bottom: 0.0625rem solid var(--neutral-200);
  gap: 0 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-orderfirst-wrap .sec-item-confirm .desc-dl-bg .desc-dl:last-child {
  border-bottom: none;
}
.m-orderfirst-wrap .sec-item-confirm .desc-dl-bg .desc-dl dt, .m-orderfirst-wrap .sec-item-confirm .desc-dl-bg .desc-dl dd {
  color: var(--neutral-700);
}
.m-orderfirst-wrap .sec-item-confirm .desc-dl-bg .desc-dl dt {
  width: 4.375rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-orderfirst-wrap .sec-item-confirm .desc-dl-bg .desc-dl dd {
  width: calc(100% - 5.125rem);
  white-space: pre-wrap;
}
.m-orderfirst-wrap .sec-item-confirm .desc-dl-bg .desc-dl dd .component_button > [class^=icon_] svg {
  width: 1.125rem;
  height: 1.125rem;
}
.m-orderfirst-wrap .sec-endmsg {
  padding: 3.75rem 0;
  text-align: center;
}
.m-orderfirst-wrap .sec-process {
  padding: 0 1rem;
}

.scroll-none {
  position: fixed;
}

.modal-h90-outer.active .modal-inner {
  max-height: 100%;
}
.modal-h90-outer .modal-inner {
  position: fixed;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999;
  overflow: hidden;
  max-height: 0%;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.modal-h90-outer .modal-inner .modal-content {
  background-color: var(--neutral-100);
  width: 100%;
  height: calc(100% - 3.438rem);
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  padding: 0.5rem 1rem;
}
.modal-h90-outer .modal-inner .modal-content .down-arrow {
  text-align: center;
}
.modal-h90-outer .modal-inner .modal-content .down-arrow .icon_chevronDown svg {
  width: 1.5rem;
  height: 1.5rem;
}
.modal-h90-outer .modal-inner .modal-content .product-list {
  margin-top: 1.75rem;
  padding-bottom: 5.625rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
.modal-h90-outer .modal-inner .modal-content .product-list::-webkit-scrollbar {
  width: 0.1vw;
  background-color: transparent;
}
.modal-h90-outer .modal-inner .modal-content .product-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.0625rem solid var(--neutral-300);
  padding: 0.75rem 0;
}
.modal-h90-outer .modal-inner .modal-content .product-list .item:last-child {
  border-bottom: none;
}
.modal-h90-outer .modal-inner .modal-content .product-list .item .item-img {
  width: 3.375rem;
  height: 3.375rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0.375rem;
  overflow: hidden;
}
.modal-h90-outer .modal-inner .modal-content .product-list .item .item-code {
  width: 100%;
}
.modal-h90-outer .modal-inner .modal-content .product-list .item .item-price {
  width: 5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
}

.modal-full-outer * {
  letter-spacing: -0.01875rem;
}
.modal-full-outer .w15pct {
  width: 15%;
}
.modal-full-outer .w25pct {
  width: 25%;
}
.modal-full-outer .w30pct {
  width: 30%;
}
.modal-full-outer .w35pct {
  width: 35%;
}
.modal-full-outer .w40pct {
  width: 40%;
}
.modal-full-outer .w45pct {
  width: 45%;
}
.modal-full-outer .w50pct {
  width: 50%;
}
.modal-full-outer .w60pct {
  width: 60%;
}
.modal-full-outer .w70pct {
  width: 70%;
}
.modal-full-outer .w75pct {
  width: 75%;
}
.modal-full-outer .w100pct {
  width: 100%;
}
.modal-full-outer .w-max56 {
  max-width: 3.5rem;
}
.modal-full-outer .mt4 {
  margin-top: 0.25rem;
}
.modal-full-outer .mt6 {
  margin-top: 0.375rem;
}
.modal-full-outer .mt8 {
  margin-top: 0.5rem;
}
.modal-full-outer .mt10 {
  margin-top: 0.625rem;
}
.modal-full-outer .mt12 {
  margin-top: 0.75rem;
}
.modal-full-outer .mt14 {
  margin-top: 0.875rem;
}
.modal-full-outer .mt16 {
  margin-top: 1rem;
}
.modal-full-outer .mt20 {
  margin-top: 1.25rem;
}
.modal-full-outer .mt24 {
  margin-top: 1.5rem;
}
.modal-full-outer .mt28 {
  margin-top: 1.75rem;
}
.modal-full-outer .mt30 {
  margin-top: 1.875rem;
}
.modal-full-outer .mt32 {
  margin-top: 2rem;
}
.modal-full-outer .mt40 {
  margin-top: 2.5rem;
}
.modal-full-outer .mr6 {
  margin-right: 0.375rem;
}
.modal-full-outer .ml6 {
  margin-left: 0.375rem;
}
.modal-full-outer .mr12 {
  margin-right: 0.75rem;
}
.modal-full-outer .ml12 {
  margin-left: 0.75rem;
}
.modal-full-outer .pt10 {
  padding-top: 0.625rem;
}
.modal-full-outer .pt12 {
  padding-top: 0.75rem;
}
.modal-full-outer .pt14 {
  padding-top: 0.875rem;
}
.modal-full-outer .pt16 {
  padding-top: 1rem;
}
.modal-full-outer .pt20 {
  padding-top: 1.25rem;
}
.modal-full-outer .bdr-top {
  border-width: 0.0625rem;
  border-top-style: solid;
}
.modal-full-outer .bdr-bottom {
  border-width: 0.0625rem;
  border-bottom-style: solid;
}
.modal-full-outer .ws-no {
  white-space: nowrap;
}
.modal-full-outer .ta-c {
  text-align: center;
}
.modal-full-outer .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-full-outer .i-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.modal-full-outer .flex-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-full-outer .flex-half > div {
  max-width: 50%;
  width: 100%;
}
.modal-full-outer .fixed-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-full-outer .fixed-flex > .left-con, .modal-full-outer .m-orderfirst-wrap .sec-top .fixed-flex > .right-con, .m-orderfirst-wrap .sec-top .modal-full-outer .fixed-flex > .right-con {
  max-width: 5rem;
  width: 100%;
}
.modal-full-outer .fixed-flex-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-full-outer .fixed-flex-s > div:first-of-type {
  max-width: 3.125rem;
  width: 100%;
  text-align: left;
}
.modal-full-outer .fixed-flex-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-full-outer .fixed-flex-half > div:first-of-type {
  max-width: calc(100% - 0.625rem - 0.375rem);
  width: 100%;
  text-align: left;
}
.modal-full-outer .flow-wrap {
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.modal-full-outer .gap0 {
  gap: 0;
}
.modal-full-outer .gap4 {
  gap: 0 0.25rem;
}
.modal-full-outer .gap6 {
  gap: 0 0.375rem;
}
.modal-full-outer .gap8 {
  gap: 0 0.5rem;
}
.modal-full-outer .gap12 {
  gap: 0 0.75rem;
}
.modal-full-outer .gap16 {
  gap: 0 1rem;
}
.modal-full-outer .jc-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal-full-outer .jc-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal-full-outer .a-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-full-outer .a-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.modal-full-outer .modal-inner {
  position: fixed;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: var(--neutral-000);
  z-index: 99999;
}
.modal-full-outer.modal-greet .modal-content {
  height: 100%;
  overflow-y: auto;
}
.modal-full-outer.modal-greet .modal-content .cont-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem;
}
.modal-full-outer.modal-greet .modal-content .cont-head .ttl {
  display: inline-block;
  width: calc(100% - 1.5rem);
  text-indent: 1.5rem;
  text-align: center;
}
.modal-full-outer.modal-greet .modal-content .cont-head .icon_close svg {
  width: 1.5rem;
  height: 1.5rem;
}
.modal-full-outer.modal-greet .modal-content .cont-middle {
  padding: 0 1rem 0.75rem;
}
.modal-full-outer.modal-greet .modal-content .cont-bottom {
  padding: 0 1rem 2rem;
}
.modal-full-outer.modal-greet .modal-content .cont-bottom .list-desc li {
  border-top: 0.0625rem solid var(--neutral-400);
  border-left: 0.0625rem solid var(--neutral-400);
  border-right: 0.0625rem solid var(--neutral-400);
  text-align: center;
  padding: 0.875rem 0.75rem;
}
.modal-full-outer.modal-greet .modal-content .cont-bottom .list-desc li .ttl {
  display: block;
  margin-bottom: 0.5rem;
}
.modal-full-outer.modal-greet .modal-content .cont-bottom .list-desc li:first-child {
  border-top-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
}
.modal-full-outer.modal-greet .modal-content .cont-bottom .list-desc li:last-child {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-bottom: 0.0625rem solid var(--neutral-400);
}

.modal-center-outer * {
  letter-spacing: -0.01875rem;
}
.modal-center-outer .w15pct {
  width: 15%;
}
.modal-center-outer .w25pct {
  width: 25%;
}
.modal-center-outer .w30pct {
  width: 30%;
}
.modal-center-outer .w35pct {
  width: 35%;
}
.modal-center-outer .w40pct {
  width: 40%;
}
.modal-center-outer .w45pct {
  width: 45%;
}
.modal-center-outer .w50pct {
  width: 50%;
}
.modal-center-outer .w60pct {
  width: 60%;
}
.modal-center-outer .w70pct {
  width: 70%;
}
.modal-center-outer .w75pct {
  width: 75%;
}
.modal-center-outer .w100pct {
  width: 100%;
}
.modal-center-outer .w-max56 {
  max-width: 3.5rem;
}
.modal-center-outer .mt4 {
  margin-top: 0.25rem;
}
.modal-center-outer .mt6 {
  margin-top: 0.375rem;
}
.modal-center-outer .mt8 {
  margin-top: 0.5rem;
}
.modal-center-outer .mt10 {
  margin-top: 0.625rem;
}
.modal-center-outer .mt12 {
  margin-top: 0.75rem;
}
.modal-center-outer .mt14 {
  margin-top: 0.875rem;
}
.modal-center-outer .mt16 {
  margin-top: 1rem;
}
.modal-center-outer .mt20 {
  margin-top: 1.25rem;
}
.modal-center-outer .mt24 {
  margin-top: 1.5rem;
}
.modal-center-outer .mt28 {
  margin-top: 1.75rem;
}
.modal-center-outer .mt30 {
  margin-top: 1.875rem;
}
.modal-center-outer .mt32 {
  margin-top: 2rem;
}
.modal-center-outer .mt40 {
  margin-top: 2.5rem;
}
.modal-center-outer .mr6 {
  margin-right: 0.375rem;
}
.modal-center-outer .ml6 {
  margin-left: 0.375rem;
}
.modal-center-outer .mr12 {
  margin-right: 0.75rem;
}
.modal-center-outer .ml12 {
  margin-left: 0.75rem;
}
.modal-center-outer .pt10 {
  padding-top: 0.625rem;
}
.modal-center-outer .pt12 {
  padding-top: 0.75rem;
}
.modal-center-outer .pt14 {
  padding-top: 0.875rem;
}
.modal-center-outer .pt16 {
  padding-top: 1rem;
}
.modal-center-outer .pt20 {
  padding-top: 1.25rem;
}
.modal-center-outer .bdr-top {
  border-width: 0.0625rem;
  border-top-style: solid;
}
.modal-center-outer .bdr-bottom {
  border-width: 0.0625rem;
  border-bottom-style: solid;
}
.modal-center-outer .ws-no {
  white-space: nowrap;
}
.modal-center-outer .ta-c {
  text-align: center;
}
.modal-center-outer .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-center-outer .i-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.modal-center-outer .flex-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-center-outer .flex-half > div {
  max-width: 50%;
  width: 100%;
}
.modal-center-outer .fixed-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-center-outer .fixed-flex > .left-con, .modal-center-outer .m-orderfirst-wrap .sec-top .fixed-flex > .right-con, .m-orderfirst-wrap .sec-top .modal-center-outer .fixed-flex > .right-con {
  max-width: 5rem;
  width: 100%;
}
.modal-center-outer .fixed-flex-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-center-outer .fixed-flex-s > div:first-of-type {
  max-width: 3.125rem;
  width: 100%;
  text-align: left;
}
.modal-center-outer .fixed-flex-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-center-outer .fixed-flex-half > div:first-of-type {
  max-width: calc(100% - 0.625rem - 0.375rem);
  width: 100%;
  text-align: left;
}
.modal-center-outer .flow-wrap {
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.modal-center-outer .gap0 {
  gap: 0;
}
.modal-center-outer .gap4 {
  gap: 0 0.25rem;
}
.modal-center-outer .gap6 {
  gap: 0 0.375rem;
}
.modal-center-outer .gap8 {
  gap: 0 0.5rem;
}
.modal-center-outer .gap12 {
  gap: 0 0.75rem;
}
.modal-center-outer .gap16 {
  gap: 0 1rem;
}
.modal-center-outer .jc-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal-center-outer .jc-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal-center-outer .a-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-center-outer .a-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.modal-center-outer .modal-inner {
  position: fixed;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}
.modal-center-outer .modal-inner .modal-container {
  background-color: var(--neutral-000);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-width: 320px;
  max-height: 100%;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  margin: 0 1rem;
}
.modal-center-outer .modal-inner .modal-container .modal-content {
  width: 100%;
}
.modal-center-outer .modal-inner .modal-container .modal-content .cont-head {
  width: 100%;
}
.modal-center-outer .modal-inner .modal-container .modal-content .cont-head .remove_button {
  float: right;
}
.modal-center-outer .modal-inner .modal-container .modal-content .cont-head .remove_button .icon_close {
  float: right;
}
.modal-center-outer .modal-inner .modal-container .modal-content .cont-head .remove_button .icon_close svg {
  width: 1.5rem;
  height: 1.5rem;
}
.modal-center-outer .modal-inner .modal-container .modal-content .cont-txt {
  clear: both;
}

.side-padding {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.sec-top {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
}
.sec-top .st-wrap {
  float: none;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}
.sec-top .st-wrap .customSelectbox {
  z-index: 21;
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100vh;
  background-color: rgba(33, 37, 47, 0.4);
}
.sec-top .st-wrap .customSelectbox.active {
  display: block;
}
.sec-top .st-wrap .customSelectbox .select-ul {
  background: #fff;
  padding-bottom: 1rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.sec-top .st-wrap .customSelectbox .select-ul .select-li {
  padding: 0.813rem 0;
}
.sec-top .st-wrap .customSelectbox .select-ul .select-li.active a {
  color: var(--primary-blue-700);
  font-weight: 500;
}
.sec-top .st-wrap .tit.active::after {
  content: "";
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/header_arr_down_01.svg");
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: relative;
  top: 0.125rem;
  padding-left: 0.25rem;
}
.sec-top .st-wrap .tit.active.select-on {
  padding: 0.875rem 0 0.875rem 0;
  background-image: none;
}
.sec-top .left-con, .m-orderfirst-wrap .sec-top .right-con,
.sec-top .right-con {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.75rem;
}
.sec-top .left-con a, .m-orderfirst-wrap .sec-top .right-con a,
.sec-top .right-con a {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}
.sec-top .left-con a [class^=icon_] svg,
.sec-top .right-con a [class^=icon_] svg {
  width: 1.25rem;
  height: 1.25rem;
}
.sec-top .left-con .home,
.sec-top .right-con .home {
  width: 1.25rem;
  height: 1.0625rem;
}
.sec-top .middle-con {
  -ms-flex-preferred-size: calc(100% - 6rem);
      flex-basis: calc(100% - 6rem);
  text-align: center;
}
.sec-top .search-wrap {
  float: none;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}
.sec-top .search-wrap .customSelectbox {
  z-index: 21;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(33, 37, 47, 0.4);
}
.sec-top .search-wrap .customSelectbox.active {
  display: block;
}
.sec-top .search-wrap .customSelectbox .search-area {
  background: #fff;
  padding-bottom: 4rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.sec-top .search-wrap .customSelectbox .search-area .custom-search-top {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.sec-top .search-wrap .customSelectbox .search-area .custom-search-top div {
  position: relative;
}
.sec-top .search-wrap .customSelectbox .search-area .custom-search-top div::after {
  content: "";
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/close_24.svg");
  position: absolute;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  top: 0;
  right: 0;
}
.sec-top .search-wrap .customSelectbox .search-area .custom-search-input {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--neutral-700);
}
.sec-top .search-wrap .customSelectbox .search-area .custom-search-input .component_input > .input_container > .input_wrapper.md > .input_end_content > [class^=icon_] > svg {
  width: 1.5rem;
  height: 1.5rem;
}
.sec-top .search-wrap .customSelectbox .search-area .custom-search-chipttl {
  margin-top: 2rem;
  margin-bottom: 1rem;
  text-align: left;
}
.sec-top .search-wrap .customSelectbox .search-area .custom-search-chip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 0.5rem;
}
.sec-top .search-wrap .customSelectbox .search-area .custom-search-chip .component_chip {
  padding: 0 0.7rem;
}
.sec-top .search-wrap .tit.active::after {
  content: "";
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/header_arr_down_01.svg");
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: relative;
  top: 0.125rem;
  padding-left: 0.25rem;
}
.sec-top .search-wrap .tit.active.select-on {
  padding: 0.875rem 0 0.875rem 0;
  background-image: none;
}

.m-main-wrap {
  letter-spacing: -0.01875rem;
  overflow: hidden;
}
.m-main-wrap .left-con .home, .m-main-wrap .m-orderfirst-wrap .sec-top .right-con .home, .m-orderfirst-wrap .sec-top .m-main-wrap .right-con .home {
  width: 4.25rem;
}
.m-main-wrap select.nobdr-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 90% 60%/0.5625rem no-repeat url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_renew/asset/image/chev-down-18px.svg);
  padding: 0;
  height: auto;
  border: none;
  border-radius: 0;
  color: var(--neutral-700);
  text-align: right;
  padding-right: 1.2rem;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.6;
  font-family: "Pretendard", sans-serif;
  letter-spacing: -0.01875rem;
}
.m-main-wrap .grid.col-2 {
  gap: 0 0.5rem;
}
.m-main-wrap .main-wrap {
  width: 100%;
  position: relative;
  margin-bottom: 3.125rem;
}
.m-main-wrap .main-wrap .main-service {
  margin-bottom: 3.125rem;
}
.m-main-wrap .main-wrap .main-service .service-title {
  margin-bottom: 1rem;
}
.m-main-wrap .main-wrap .main-service .service-title h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5625rem;
}
.m-main-wrap .main-wrap .main-service .service-title h3 img {
  width: 4.875rem;
}
.m-main-wrap .main-wrap .main-service .service-list {
  padding-left: 0.9375rem;
}
.m-main-wrap .main-wrap .main-service .service-list .swiper-slide {
  width: 6.25rem;
  margin-right: 0.5rem;
}
.m-main-wrap .main-wrap .main-service .service-list .swiper-slide figure a {
  display: inline-block;
  background-color: var(--neutral-100);
  border: 1px solid var(--neutral-200);
  border-radius: 100%;
}
.m-main-wrap .main-wrap .main-service .service-list .swiper-slide figure figcaption {
  text-align: center;
  margin-top: 0.5rem;
}
.m-main-wrap .main-wrap .main-pick {
  margin-bottom: 3.125rem;
}
.m-main-wrap .main-wrap .main-pick .pick-title {
  margin-bottom: 1rem;
}
.m-main-wrap .main-wrap .main-pick .pick-title h3 img {
  width: 4.75rem;
}
.m-main-wrap .main-wrap .main-pick .swiper {
  padding-left: 0.9375rem;
}
.m-main-wrap .main-wrap .main-pick .swiper .swiper-slide {
  width: 15.625rem;
  margin-right: 0.5rem;
}
.m-main-wrap .main-wrap .main-pick .swiper .swiper-slide figure {
  border: 1px solid var(--neutral-400);
  border-radius: 0.375rem;
  overflow: hidden;
}
.m-main-wrap .main-wrap .main-pick .swiper .swiper-slide figure:hover {
  border: 1px solid var(--neutral-700);
}
.m-main-wrap .main-wrap .main-pick .swiper .swiper-slide figure figcaption {
  padding: 1rem 1rem 0 1rem;
  height: 4.375rem;
}
.m-main-wrap .main-wrap .main-pick .swiper .swiper-slide figure p {
  padding: 0 1.25rem 1.25rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.75rem;
  margin-top: 1.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.m-main-wrap .main-wrap .main-popular {
  margin-bottom: 2.5rem;
}
.m-main-wrap .main-wrap .main-popular .main-popular-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 1rem;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list {
  margin-bottom: 2rem;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid {
  gap: 2rem 0.5rem;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid.col-2 li {
  width: calc(50% - 0.25rem);
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figcaption {
  margin-top: 0.75rem;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figcaption.on figure .item_list_detial {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m_hover_cart_y.svg");
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li .landing_item_list_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li .landing_item_list_info .item_list_info_pr {
  position: relative;
  font-family: "Pretendard", sans-serif;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li .landing_item_list_info .item_list_info_pr::after {
  content: "|";
  position: absolute;
  right: -0.5625rem;
  top: 0.0625rem;
  color: var(--neutral-400);
  font-size: 0.75rem;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li .landing_item_list_info .landing_item_list_quanty {
  font-family: "Pretendard", sans-serif;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figure {
  margin: 0;
  position: relative;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figure .item_list_thum {
  border-radius: 0.75rem;
  display: inline-block;
  background-color: var(--neutral-100);
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figure .item_list_thum .item_list_badge {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figure .item_list_thum .item_list_badge.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figure .item_list_thum .item_list_badge span {
  padding: 0.25rem 0;
  text-align: center;
  color: var(--neutral-000);
  font-family: Pretendard;
  width: 3rem;
  height: 1.438rem;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figure .item_list_thum .item_list_badge span.prem {
  background-color: #BA9777;
  font-family: "Noto Sans Kr";
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figure .item_list_thum .item_list_badge span.quick {
  background-color: #A2A6B0;
  font-family: "Noto Sans Kr";
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figure .item_list_thum .item_list_badge span.sale {
  background-color: #80BFCB;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figure .item_list_thum .item_list_badge span.steady {
  background-color: #4EC49A;
  font-family: "Noto Sans Kr";
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figure .item_list_thum .item_list_badge span.group {
  background-color: #8489FF;
  font-family: "Noto Sans Kr";
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figure .item_list_thum .item_list_badge span:first-of-type {
  border-top-left-radius: 0.75rem;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figure .item_list_thum .item_list_badge span:last-of-type {
  border-bottom-right-radius: 0.75rem;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li figure .item_list_detial {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m_hover_cart.svg");
  position: absolute;
  width: 2.25rem;
  height: 2.25rem;
  display: inline-block;
  cursor: pointer;
  bottom: 0.875rem;
  right: 0.5rem;
  z-index: 20;
}
.m-main-wrap .main-wrap .main-popular .landing_item_list .grid li.active figure .item_list_detial {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m_hover_cart_y.svg");
}
.m-main-wrap .main-wrap .main-popular .landing_item_btn {
  margin-bottom: 2.5rem;
}
.m-main-wrap .main-wrap .main-popular .landing_item_btn [class^=icon_] svg {
  width: 1rem;
  height: 1rem;
}
.m-main-wrap .main-wrap .main-allservice {
  margin-bottom: 2.5rem;
  background-color: var(--primary-blue-200);
  padding-top: 1.75rem;
  padding-bottom: 2.5rem;
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-left {
  margin-bottom: 2.25rem;
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-right {
  padding: 0 1rem;
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-right .swiper .swiper-wrapper .swiper-slide {
  margin-right: 0.5rem;
  width: 19.75rem;
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-right .swiper .swiper-wrapper .swiper-slide .allservice-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-right .swiper .swiper-wrapper .swiper-slide .allservice-cont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-right .swiper .swiper-wrapper .swiper-slide .allservice-cont ul li {
  width: 6.25rem;
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-right .swiper .swiper-wrapper .swiper-slide .allservice-cont ul li figure {
  text-align: center;
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-right .swiper .swiper-wrapper .swiper-slide .allservice-cont ul li figure:hover img {
  border: 1px solid var(--primary-blue-600);
  border-radius: 10rem;
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-right .swiper .swiper-wrapper .swiper-slide .allservice-cont ul li figure img {
  border: 1px solid transparent;
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-right .swiper .swiper-wrapper .swiper-slide .allservice-cont ul li figure figcaption {
  margin-top: 0.5rem;
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-right .swiper .swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 0.625rem);
  left: auto;
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-right .swiper .swiper-button-next::after {
  content: "";
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/chevron-right-48.svg");
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-right .swiper .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 0.625rem);
  right: auto;
}
.m-main-wrap .main-wrap .main-allservice .main-allservice-wrap .allservice-wrap-right .swiper .swiper-button-prev::after {
  content: "";
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/chevron-left-48.svg");
}
.m-main-wrap .main-wrap .main-banner-01 {
  position: relative;
  margin-bottom: 3.875rem;
}
.m-main-wrap .main-wrap .main-banner-01 .swiper {
  position: relative;
}
.m-main-wrap .main-wrap .main-banner-01 .swiper .swiper-pagination {
  top: unset;
  bottom: 0;
  height: 0.125rem;
}
.m-main-wrap .main-wrap .main-banner-01 .swiper .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--neutral-900));
}
.m-main-wrap .main-wrap .main-banner-01 .swiper-slide {
  text-align: center;
  font-size: 1.125rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.m-main-wrap .main-wrap .main-banner-01 .swiper-slide .figure_caption {
  position: absolute;
  left: 1.5rem;
  text-align: left;
}
.m-main-wrap .main-wrap .main-banner-01 .swiper-slide .figure_caption .figure_caption_b {
  margin-bottom: 0.5rem;
}
.m-main-wrap .main-wrap .main-mdpick {
  margin-bottom: 3.75rem;
}
.m-main-wrap .main-wrap .main-mdpick .main-mdpick-wrap .mdpick-wrap-left .mdpick-title {
  margin-bottom: 1rem;
}
.m-main-wrap .main-wrap .main-mdpick .main-mdpick-wrap .mdpick-wrap-left .mdpick-title img {
  width: 6.25rem;
}
.m-main-wrap .main-wrap .main-mdpick .main-mdpick-wrap .mdpick-wrap-left .mdpick-bottom {
  background-color: var(--neutral-000);
  padding-top: 1.5rem;
  margin-bottom: 1.25rem;
  z-index: 2;
}
.m-main-wrap .main-wrap .main-mdpick .main-mdpick-wrap .mdpick-wrap-right {
  position: relative;
  z-index: 1;
}
.m-main-wrap .main-wrap .main-mdpick .main-mdpick-wrap .mdpick-wrap-right .swiper .swiper-wrapper {
  padding-bottom: 1rem;
}
.m-main-wrap .main-wrap .main-mdpick .main-mdpick-wrap .mdpick-wrap-right .swiper .swiper-wrapper .swiper-slide {
  width: 15rem;
  margin-right: 0.5rem;
  padding-left: 0.5rem;
}
.m-main-wrap .main-wrap .main-mdpick .main-mdpick-wrap .mdpick-wrap-right .swiper .swiper-wrapper .swiper-slide .figure_caption {
  position: relative;
}
.m-main-wrap .main-wrap .main-mdpick .main-mdpick-wrap .mdpick-wrap-right .swiper .swiper-wrapper .swiper-slide .figure_caption p:nth-of-type(1) {
  margin-top: 0.5rem;
  margin-bottom: 0.125rem;
}
.m-main-wrap .main-wrap .main-mdpick .main-mdpick-wrap .mdpick-wrap-right .swiper .swiper-pagination {
  top: unset;
  bottom: 0;
  height: 0.125rem;
}
.m-main-wrap .main-wrap .main-mdpick .main-mdpick-wrap .mdpick-wrap-right .swiper .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--neutral-900));
}
.m-main-wrap .main-wrap .main-special {
  margin-bottom: 3.75rem;
}
.m-main-wrap .main-wrap .main-special .heuristica-b {
  font-family: "Heuristica", sans-serif;
  font-size: 1.75rem;
  font-style: italic;
  font-weight: 700;
  line-height: 2.625rem;
}
.m-main-wrap .main-wrap .main-special .main-popular-top {
  margin-bottom: 1rem;
}
.m-main-wrap .main-wrap .main-special .main-popular-top img {
  width: 7.5625rem;
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide {
  width: 10em;
  margin-right: 0.5rem;
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide figure {
  border-radius: 0.75rem;
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide figure a {
  position: relative;
  display: block;
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide figure a .item_list_badge {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide figure a .item_list_badge.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide figure a .item_list_badge span {
  padding: 0.25rem 0;
  text-align: center;
  color: var(--neutral-000);
  font-family: "Pretendard";
  width: 3rem;
  height: 1.438rem;
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide figure a .item_list_badge span.prem {
  background-color: #BA9777;
  width: 3.5rem;
  font-family: "Noto Sans Kr";
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide figure a .item_list_badge span.quick {
  background-color: #A2A6B0;
  font-family: "Noto Sans Kr";
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide figure a .item_list_badge span.sale {
  background-color: #80BFCB;
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide figure a .item_list_badge span:first-of-type {
  border-top-left-radius: 0.75rem;
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide figure a .item_list_badge span:last-of-type {
  border-bottom-right-radius: 0.75rem;
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide .landing_item_list_main .landing_item_list_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.25rem;
  font-family: "Pretendard", sans-serif;
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide .landing_item_list_main .landing_item_list_info .item_list_info_pr {
  padding-right: 0.5rem;
  position: relative;
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide .landing_item_list_main .landing_item_list_info .item_list_info_pr::after {
  content: "|";
  position: absolute;
  right: 0;
  top: 0.125rem;
  color: var(--neutral-400);
  font-size: 0.75rem;
}
.m-main-wrap .main-wrap .main-special .swiper .swiper-slide .landing_item_list_main .landing_item_list_info .landing_item_list_quanty {
  line-height: 1.5625rem;
}
.m-main-wrap .main-wrap .main-add {
  margin-bottom: 3.75rem;
}
.m-main-wrap .main-wrap .main-add .main-popular-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 1.5rem;
}
.m-main-wrap .main-wrap .main-add .swiper .swiper-slide {
  margin-right: 0.5rem;
  width: 19.75rem;
}
.m-main-wrap .main-wrap .main-add .swiper .swiper-slide .allservice-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.m-main-wrap .main-wrap .main-add .swiper .swiper-slide .allservice-cont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-main-wrap .main-wrap .main-add .swiper .swiper-slide .allservice-cont ul li {
  width: calc(33.3333333333% - 0.3333rem);
}
.m-main-wrap .main-wrap .main-add .swiper .swiper-slide .allservice-cont ul li figure {
  text-align: center;
}
.m-main-wrap .main-wrap .main-add .swiper .swiper-slide .allservice-cont ul li figure figcaption {
  margin-top: 0.5rem;
}
.m-main-wrap .main-wrap .main-add .swiper .swiper-slide .allservice-cont ul li figure img {
  border-radius: 0.5rem;
}
.m-main-wrap .main-wrap .main-notice {
  margin-bottom: 1.5rem;
}
.m-main-wrap .main-wrap .main-notice.top-border .main-notice-cont:first-of-type {
  padding-top: 1rem;
  border-top: 1px solid var(--neutral-300);
}
.m-main-wrap .main-wrap .main-notice.bottom-margin {
  padding-top: 0;
}
.m-main-wrap .main-wrap .main-notice .main-notice-cont {
  width: 100%;
  margin-bottom: 1.5rem;
}
.m-main-wrap .main-wrap .main-notice .main-notice-cont .main-notice-title {
  margin-bottom: 0.75rem;
}
.m-main-wrap .main-wrap .main-notice .main-notice-cont .main-notice-cont1,
.m-main-wrap .main-wrap .main-notice .main-notice-cont .main-notice-cont2 {
  background-color: var(--primary-blue-100);
  padding: 1.125rem 1rem;
  border-radius: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-main-wrap .main-wrap .main-notice .main-notice-cont .main-notice-cont1 ul li:first-of-type,
.m-main-wrap .main-wrap .main-notice .main-notice-cont .main-notice-cont2 ul li:first-of-type {
  margin-bottom: 0.25rem;
}
.m-main-wrap .main-wrap .main-notice .main-notice-cont .main-notice-cont1 ul .main-popular-ri,
.m-main-wrap .main-wrap .main-notice .main-notice-cont .main-notice-cont2 ul .main-popular-ri {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-main-wrap .main-wrap .main-notice .main-notice-cont .main-notice-cont1 .main-notice-cont1-btn,
.m-main-wrap .main-wrap .main-notice .main-notice-cont .main-notice-cont2 .main-notice-cont1-btn {
  width: 2.875rem;
}
.m-main-wrap .main-wrap .main-notice .main-notice-cont .main-notice-cont3 ul,
.m-main-wrap .main-wrap .main-notice .main-notice-cont main-notice-cont4 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5625rem;
}
.m-main-wrap .main-wrap .main-notice .main-notice-cont .main-notice-cont3 ul li,
.m-main-wrap .main-wrap .main-notice .main-notice-cont main-notice-cont4 ul li {
  width: 6.5rem;
  height: 5.8125rem;
  border: 1px solid var(--neutral-400);
  border-radius: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.m-main-wrap .main-wrap .main-notice .main-notice-cont .main-notice-cont3 ul li figure,
.m-main-wrap .main-wrap .main-notice .main-notice-cont main-notice-cont4 ul li figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.25rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-main-wrap .main-wrap .main-notice .main-notice-cont .main-notice-cont3 ul li figure img,
.m-main-wrap .main-wrap .main-notice .main-notice-cont main-notice-cont4 ul li figure img {
  width: 2.25rem;
  height: 2.25rem;
}

.footer-wrap {
  letter-spacing: -0.01875rem;
  background-color: var(--neutral-100);
}
.footer-wrap .footer-wrap-section .footer-wrap-navi {
  padding-top: 1rem;
  margin-bottom: 2.125rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--neutral-300);
}
.footer-wrap .footer-wrap-section .footer-wrap-navi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-wrap .footer-wrap-section .footer-wrap-cs {
  padding-bottom: 1.875rem;
  border-bottom: 1px solid var(--neutral-300);
  margin-bottom: 1.875rem;
}
.footer-wrap .footer-wrap-section .footer-wrap-cs .footer-wrap-cs1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.375rem;
}
.footer-wrap .footer-wrap-section .footer-wrap-cs .footer-wrap-cs1 .main-popular-ri {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer-wrap .footer-wrap-section .footer-wrap-cs .footer-wrap-cs2 {
  margin: 0.375rem 0 0.375rem;
}
.footer-wrap .footer-wrap-section .footer-wrap-cs .footer-wrap-cs4 {
  margin-top: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.625rem;
}
.footer-wrap .footer-wrap-section .footer-wrap-addr {
  padding-bottom: 4rem;
}
.footer-wrap .footer-wrap-section .footer-wrap-addr .footer-wrap-addr1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.footer-wrap .footer-wrap-section .footer-wrap-addr .footer-wrap-addr2 {
  margin-top: 0.5rem;
}
.footer-wrap .footer-wrap-section .footer-wrap-addr .arrow-wrap {
  width: 1rem;
  height: 1.125rem;
}
.footer-wrap .footer-wrap-section .footer-wrap-addr .arrow-wrap [class^=icon_] svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  width: 1rem;
  height: 1rem;
}
.footer-wrap .footer-wrap-section .footer-wrap-addr .arrow-wrap [class^=icon_] svg path {
  stroke-width: 0.09375rem;
}
.footer-wrap .footer-wrap-section .footer-wrap-addr[open] .arrow-wrap [class^=icon_] svg {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.m-login-wrap .w15pct {
  width: 15%;
}
.m-login-wrap .w25pct {
  width: 25%;
}
.m-login-wrap .w30pct {
  width: 30%;
}
.m-login-wrap .w35pct {
  width: 35%;
}
.m-login-wrap .w40pct {
  width: 40%;
}
.m-login-wrap .w45pct {
  width: 45%;
}
.m-login-wrap .w50pct {
  width: 50%;
}
.m-login-wrap .w60pct {
  width: 60%;
}
.m-login-wrap .w70pct {
  width: 70%;
}
.m-login-wrap .w75pct {
  width: 75%;
}
.m-login-wrap .w100pct {
  width: 100%;
}
.m-login-wrap .w-max56 {
  max-width: 3.5rem;
}
.m-login-wrap .mt4 {
  margin-top: 0.25rem;
}
.m-login-wrap .mt6 {
  margin-top: 0.375rem;
}
.m-login-wrap .mt8 {
  margin-top: 0.5rem;
}
.m-login-wrap .mt10 {
  margin-top: 0.625rem;
}
.m-login-wrap .mt12 {
  margin-top: 0.75rem;
}
.m-login-wrap .mt14 {
  margin-top: 0.875rem;
}
.m-login-wrap .mt16 {
  margin-top: 1rem;
}
.m-login-wrap .mt20 {
  margin-top: 1.25rem;
}
.m-login-wrap .mt24 {
  margin-top: 1.5rem;
}
.m-login-wrap .mt28 {
  margin-top: 1.75rem;
}
.m-login-wrap .mt30 {
  margin-top: 1.875rem;
}
.m-login-wrap .mt32 {
  margin-top: 2rem;
}
.m-login-wrap .mt40 {
  margin-top: 2.5rem;
}
.m-login-wrap .mr6 {
  margin-right: 0.375rem;
}
.m-login-wrap .ml6 {
  margin-left: 0.375rem;
}
.m-login-wrap .mr12 {
  margin-right: 0.75rem;
}
.m-login-wrap .ml12 {
  margin-left: 0.75rem;
}
.m-login-wrap .pt10 {
  padding-top: 0.625rem;
}
.m-login-wrap .pt12 {
  padding-top: 0.75rem;
}
.m-login-wrap .pt14 {
  padding-top: 0.875rem;
}
.m-login-wrap .pt16 {
  padding-top: 1rem;
}
.m-login-wrap .pt20 {
  padding-top: 1.25rem;
}
.m-login-wrap .bdr-top {
  border-width: 0.0625rem;
  border-top-style: solid;
}
.m-login-wrap .bdr-bottom {
  border-width: 0.0625rem;
  border-bottom-style: solid;
}
.m-login-wrap .ws-no {
  white-space: nowrap;
}
.m-login-wrap .ta-c {
  text-align: center;
}
.m-login-wrap .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-login-wrap .i-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.m-login-wrap .flex-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-login-wrap .flex-half > div {
  max-width: 50%;
  width: 100%;
}
.m-login-wrap .fixed-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-login-wrap .fixed-flex > .left-con, .m-login-wrap .m-orderfirst-wrap .sec-top .fixed-flex > .right-con, .m-orderfirst-wrap .sec-top .m-login-wrap .fixed-flex > .right-con {
  max-width: 5rem;
  width: 100%;
}
.m-login-wrap .fixed-flex-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-login-wrap .fixed-flex-s > div:first-of-type {
  max-width: 3.125rem;
  width: 100%;
  text-align: left;
}
.m-login-wrap .fixed-flex-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-login-wrap .fixed-flex-half > div:first-of-type {
  max-width: calc(100% - 0.625rem - 0.375rem);
  width: 100%;
  text-align: left;
}
.m-login-wrap .flow-wrap {
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.m-login-wrap .gap0 {
  gap: 0;
}
.m-login-wrap .gap4 {
  gap: 0 0.25rem;
}
.m-login-wrap .gap6 {
  gap: 0 0.375rem;
}
.m-login-wrap .gap8 {
  gap: 0 0.5rem;
}
.m-login-wrap .gap12 {
  gap: 0 0.75rem;
}
.m-login-wrap .gap16 {
  gap: 0 1rem;
}
.m-login-wrap .jc-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-login-wrap .jc-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.m-login-wrap .a-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-login-wrap .a-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.m-login-wrap * {
  letter-spacing: -0.01875rem;
}
.m-login-wrap .sec-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
}
.m-login-wrap .sec-top .left-con, .m-login-wrap .sec-top .right-con {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.75rem;
}
.m-login-wrap .sec-top .left-con a, .m-login-wrap .sec-top .right-con a {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}
.m-login-wrap .sec-top .left-con a [class^=icon_] svg, .m-login-wrap .sec-top .right-con a [class^=icon_] svg {
  width: 1.25rem;
  height: 1.25rem;
}
.m-login-wrap .sec-top .middle-con {
  -ms-flex-preferred-size: calc(100% - 6rem);
      flex-basis: calc(100% - 6rem);
  text-align: center;
}
.m-login-wrap .con-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
}
.m-login-wrap .sec-tabs .tabs-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-login-wrap .sec-tabs .tabs-top li {
  width: 100%;
  border-bottom: 0.125rem solid var(--neutral-300);
  text-align: center;
}
.m-login-wrap .sec-tabs .tabs-top li.active {
  border-bottom: 0.125rem solid var(--neutral-900);
}
.m-login-wrap .sec-tabs .tabs-top li.active a {
  font-weight: 700;
  color: var(--neutral-900);
}
.m-login-wrap .sec-tabs .tabs-top li a {
  display: inline-block;
  width: 100%;
  padding: 0.625rem;
  color: var(--neutral-500);
}
.m-login-wrap .sec-tabs .tabs-con {
  display: none;
  margin-top: 5rem;
  padding: 0 1rem;
}
.m-login-wrap .sec-tabs .tabs-con.show {
  display: block;
}
.m-login-wrap .sec-tabs .tabs-con .con-link {
  text-align: center;
}
.m-login-wrap .sec-tabs .tabs-con .con-link a {
  color: var(--neutral-700);
  padding: 0 0.5rem;
  position: relative;
}
.m-login-wrap .sec-tabs .tabs-con .con-link a::after {
  content: "";
  display: inline-block;
  width: 0.0625rem;
  height: 70%;
  border-right: 0.0625rem solid var(--neutral-700);
  position: absolute;
  bottom: 0.125rem;
  right: 0;
}
.m-login-wrap .sec-tabs .tabs-con .con-link a:last-child::after {
  content: none;
}
.m-login-wrap .sec-searchInfo {
  padding: 0 1rem;
}
.m-login-wrap .con-result .result-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem 0;
  padding: 1.25rem 0.75rem;
  background-color: var(--neutral-100);
  border-radius: 0.375rem;
  text-align: center;
  margin-top: 0.625rem;
}
.m-login-wrap .con-guide {
  margin-top: 7.5rem;
  padding-bottom: 1.25rem;
}
.m-login-wrap .con-guide * {
  letter-spacing: -0.01875rem;
}
.m-login-wrap .con-guide .ttl {
  border-top: 0.0625rem solid var(--neutral-200);
  padding-top: 0.75rem;
  font-weight: 700;
  color: var(--neutral-800);
}
.m-login-wrap .con-guide p {
  margin-bottom: 0.25rem;
}
.m-login-wrap .con-guide p:last-child {
  margin-bottom: 0;
}
.m-login-wrap .con-guide.con-dot p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 3px;
}
.m-login-wrap .con-guide.con-dot p::before {
  content: "¡¤";
}
.m-login-wrap .con-guide.con-dot p.nomark::before {
  content: none;
}
.m-login-wrap .con-guide.con-minus p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 3px;
}
.m-login-wrap .con-guide.con-minus p::before {
  content: "-";
}
.m-login-wrap .con-guide.con-minus p.nomark::before {
  content: none;
}

.m-regist-wrap {
  height: 100%;
}
.m-regist-wrap .w15pct {
  width: 15%;
}
.m-regist-wrap .w25pct {
  width: 25%;
}
.m-regist-wrap .w30pct {
  width: 30%;
}
.m-regist-wrap .w35pct {
  width: 35%;
}
.m-regist-wrap .w40pct {
  width: 40%;
}
.m-regist-wrap .w45pct {
  width: 45%;
}
.m-regist-wrap .w50pct {
  width: 50%;
}
.m-regist-wrap .w60pct {
  width: 60%;
}
.m-regist-wrap .w70pct {
  width: 70%;
}
.m-regist-wrap .w75pct {
  width: 75%;
}
.m-regist-wrap .w100pct {
  width: 100%;
}
.m-regist-wrap .w-max56 {
  max-width: 3.5rem;
}
.m-regist-wrap .mt4 {
  margin-top: 0.25rem;
}
.m-regist-wrap .mt6 {
  margin-top: 0.375rem;
}
.m-regist-wrap .mt8 {
  margin-top: 0.5rem;
}
.m-regist-wrap .mt10 {
  margin-top: 0.625rem;
}
.m-regist-wrap .mt12 {
  margin-top: 0.75rem;
}
.m-regist-wrap .mt14 {
  margin-top: 0.875rem;
}
.m-regist-wrap .mt16 {
  margin-top: 1rem;
}
.m-regist-wrap .mt20 {
  margin-top: 1.25rem;
}
.m-regist-wrap .mt24 {
  margin-top: 1.5rem;
}
.m-regist-wrap .mt28 {
  margin-top: 1.75rem;
}
.m-regist-wrap .mt30 {
  margin-top: 1.875rem;
}
.m-regist-wrap .mt32 {
  margin-top: 2rem;
}
.m-regist-wrap .mt40 {
  margin-top: 2.5rem;
}
.m-regist-wrap .mr6 {
  margin-right: 0.375rem;
}
.m-regist-wrap .ml6 {
  margin-left: 0.375rem;
}
.m-regist-wrap .mr12 {
  margin-right: 0.75rem;
}
.m-regist-wrap .ml12 {
  margin-left: 0.75rem;
}
.m-regist-wrap .pt10 {
  padding-top: 0.625rem;
}
.m-regist-wrap .pt12 {
  padding-top: 0.75rem;
}
.m-regist-wrap .pt14 {
  padding-top: 0.875rem;
}
.m-regist-wrap .pt16 {
  padding-top: 1rem;
}
.m-regist-wrap .pt20 {
  padding-top: 1.25rem;
}
.m-regist-wrap .bdr-top {
  border-width: 0.0625rem;
  border-top-style: solid;
}
.m-regist-wrap .bdr-bottom {
  border-width: 0.0625rem;
  border-bottom-style: solid;
}
.m-regist-wrap .ws-no {
  white-space: nowrap;
}
.m-regist-wrap .ta-c {
  text-align: center;
}
.m-regist-wrap .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-regist-wrap .i-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.m-regist-wrap .flex-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-regist-wrap .flex-half > div {
  max-width: 50%;
  width: 100%;
}
.m-regist-wrap .fixed-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-regist-wrap .fixed-flex > .left-con, .m-regist-wrap .m-orderfirst-wrap .sec-top .fixed-flex > .right-con, .m-orderfirst-wrap .sec-top .m-regist-wrap .fixed-flex > .right-con {
  max-width: 5rem;
  width: 100%;
}
.m-regist-wrap .fixed-flex-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-regist-wrap .fixed-flex-s > div:first-of-type {
  max-width: 3.125rem;
  width: 100%;
  text-align: left;
}
.m-regist-wrap .fixed-flex-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-regist-wrap .fixed-flex-half > div:first-of-type {
  max-width: calc(100% - 0.625rem - 0.375rem);
  width: 100%;
  text-align: left;
}
.m-regist-wrap .flow-wrap {
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.m-regist-wrap .gap0 {
  gap: 0;
}
.m-regist-wrap .gap4 {
  gap: 0 0.25rem;
}
.m-regist-wrap .gap6 {
  gap: 0 0.375rem;
}
.m-regist-wrap .gap8 {
  gap: 0 0.5rem;
}
.m-regist-wrap .gap12 {
  gap: 0 0.75rem;
}
.m-regist-wrap .gap16 {
  gap: 0 1rem;
}
.m-regist-wrap .jc-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-regist-wrap .jc-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.m-regist-wrap .a-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-regist-wrap .a-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.m-regist-wrap * {
  letter-spacing: -0.01875rem;
}
.m-regist-wrap .sec-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
}
.m-regist-wrap .sec-top .left-con, .m-regist-wrap .sec-top .right-con {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.75rem;
}
.m-regist-wrap .sec-top .left-con a, .m-regist-wrap .sec-top .right-con a {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}
.m-regist-wrap .sec-top .left-con a [class^=icon_] svg, .m-regist-wrap .sec-top .right-con a [class^=icon_] svg {
  width: 1.25rem;
  height: 1.25rem;
}
.m-regist-wrap .sec-top .middle-con {
  -ms-flex-preferred-size: calc(100% - 6rem);
      flex-basis: calc(100% - 6rem);
  text-align: center;
}
.m-regist-wrap .con-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
}
.m-regist-wrap .sec-regist {
  padding: 1.5rem 1rem 0;
}
.m-regist-wrap .sec-regist .grid-column4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 0.375rem;
}
.m-regist-wrap .sec-regist .grid-column4 .grid-span1-3 {
  grid-column: 1/span 3;
}
.m-regist-wrap .sec-regist .item {
  position: relative;
  width: 100%;
}
.m-regist-wrap .sec-regist .item .check_box {
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-regist-wrap .sec-regist .item .check_box input[type=radio] {
  position: absolute;
  z-index: 10;
  opacity: 0;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  cursor: pointer;
  margin: 0;
}
.m-regist-wrap .sec-regist .item .check_box input[type=radio] + label {
  margin-bottom: 0;
}
.m-regist-wrap .sec-regist .item .check_box input[type=radio] + label:after {
  content: "";
  border: 0.0625rem solid #ccc;
  border-radius: 0.375rem;
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.m-regist-wrap .sec-regist .item .check_box input[type=radio]:checked + label:after {
  border: 0.0625rem solid var(--neutral-900);
  background-color: var(--neutral-200);
}
.m-regist-wrap .sec-regist .item .check_box .chk-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.m-regist-wrap .sec-check {
  padding: 0 1rem;
}
.m-regist-wrap .sec-endMsg {
  padding: 0 1rem;
  margin-bottom: 0;
  height: 100%;
}
.m-regist-wrap .sec-endMsg .logo {
  max-width: 5.75rem;
}
.m-regist-wrap .sec-btn {
  padding: 0.625rem 1rem;
}
.m-regist-wrap .sec-regiBtn {
  padding: 0.625rem 1rem;
  margin-top: -10.001rem;
}

.m-mypage-wrap {
  letter-spacing: -0.01875rem;
}
.m-mypage-wrap .sec-tabs .mypage-menu-swiper {
  width: 100%;
  padding: 0 0.563rem;
  overflow: hidden;
  border-bottom: 1px solid var(--neutral-100);
}
.m-mypage-wrap .sec-tabs .mypage-menu {
  display: block;
  width: 100%;
  height: 2.125rem;
  line-height: 2.125rem;
  text-align: justify;
  font-size: 0;
  text-align: left;
  white-space: nowrap;
}
.m-mypage-wrap .sec-tabs .mypage-menu:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.m-mypage-wrap .sec-tabs .mypage-menu li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-right: 0.875rem;
}
.m-mypage-wrap .sec-tabs .mypage-menu li a {
  display: block;
}
.m-mypage-wrap .sec-tabs .mypage-menu li.current a {
  color: var(--neutral-900);
  font-weight: 700;
}
.m-mypage-wrap .sec-tabs .mypage-menu li.current:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 0.125rem;
  background: var(--primary-blue-600);
}
.m-mypage-wrap .sec-tabs .mypage-menu li:last-child {
  margin-right: 0;
}
.m-mypage-wrap .mypage-addcart {
  background-color: var(--neutral-100);
}
.m-mypage-wrap .mypage-addcart .addcart-top {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 0.75rem;
  margin-bottom: 0.5rem;
  background-color: var(--neutral-000);
}
.m-mypage-wrap .mypage-addcart .addcart-cont {
  background-color: var(--neutral-000);
  margin-bottom: 0.5rem;
}
.m-mypage-wrap .mypage-addcart .addcart-cont ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--neutral-200);
}
.m-mypage-wrap .mypage-addcart .addcart-cont ul li .addcart-cont-left {
  width: 6.25rem;
}
.m-mypage-wrap .mypage-addcart .addcart-cont ul li .addcart-cont-left figure {
  position: relative;
}
.m-mypage-wrap .mypage-addcart .addcart-cont ul li .addcart-cont-left figure .tb-ckb {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
.m-mypage-wrap .mypage-addcart .addcart-cont ul li .addcart-cont-left figure .tb-ckb .component_checkbox input {
  width: 1.125rem;
  height: 1.125rem;
}
.m-mypage-wrap .mypage-addcart .addcart-cont ul li .addcart-cont-right {
  width: calc(100% - 6.25rem);
}
.m-mypage-wrap .mypage-addcart .addcart-cont ul li .addcart-cont-right .tb-title {
  margin-bottom: 0.375rem;
}
.m-mypage-wrap .mypage-addcart .addcart-cont ul li .addcart-cont-right .tb-qty .tb-qty-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-mypage-wrap .mypage-addcart .addcart-cont ul li .addcart-cont-right .tb-qty .tb-qty-row:not(:last-of-type) {
  margin-bottom: 0.375rem;
}
.m-mypage-wrap .mypage-addcart .addcart-cont ul li .addcart-cont-right .tb-qty .tb-qty-row .tb-qty-row-title {
  -ms-flex-preferred-size: 3.75rem;
      flex-basis: 3.75rem;
}
.m-mypage-wrap .mypage-addcart .addcart-cont ul li .addcart-cont-right .tb-qty .tb-qty-row .tb-qty-row-desc {
  font-family: "Pretendard", sans-serif;
}
.m-mypage-wrap .mypage-addcart .addcart-cont ul li .addcart-cont-right .tb-qty .tb-qty-row .tb-qty-row-desc select {
  width: 7.5rem;
  height: 2.375rem;
}
.m-mypage-wrap .mypage-addcart .addcart-cont ul li .addcart-cont-right .tb-qty .tb-qty-row .tb-qty-row-detail span {
  display: block;
  margin-bottom: 0.125rem;
}
.m-mypage-wrap .mypage-addcart .addcart-cont .addcart-cont-desc {
  padding: 0.75rem 0 1.25rem;
  font-family: "Pretendard", sans-serif;
}
.m-mypage-wrap .mypage-addcart .addcart-cont .addcart-cont-desc span {
  font-family: "Pretendard", sans-serif;
}
.m-mypage-wrap .mypage-addcart .addcart-price {
  background-color: var(--neutral-000);
  padding-top: 1rem;
}
.m-mypage-wrap .mypage-addcart .addcart-price .addcart-price-detail {
  background-color: var(--neutral-100);
  padding: 1rem 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.m-mypage-wrap .mypage-addcart .addcart-price .addcart-price-detail .price-detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-mypage-wrap .mypage-addcart .addcart-price .addcart-price-detail .price-detail-row:last-of-type {
  margin-top: 0.5rem;
}
.m-mypage-wrap .mypage-addcart .addcart-price .addcart-price-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-bottom: 1.25rem;
  font-family: "Pretendard", sans-serif;
}
.m-mypage-wrap .mypage-addcart .addcart-price .addcart-price-desc {
  padding-bottom: 3.625rem;
}
.m-mypage-wrap .mypage-addcart .addcart-price .addcart-price-desc p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.25rem;
}
.m-mypage-wrap .mypage-addcart .addcart-price .addcart-price-desc p .dot {
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: var(--neutral-700);
  border-radius: 100%;
  margin-top: 10px;
  margin-right: 8px;
}
.m-mypage-wrap .mypage-addcart .addcart-btn {
  background-color: var(--neutral-000);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
  padding: 0.625rem 0.9375rem;
}
.m-mypage-wrap .mypage-cartreg {
  background-color: var(--neutral-100);
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont {
  background-color: var(--neutral-000);
  margin-bottom: 0.5rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li {
  padding-bottom: 1.5rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li:not(.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li:last-of-type) {
  border-bottom: 1px solid var(--neutral-100);
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li .cartreg-cont-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1rem;
  padding-top: 1.25rem;
  padding-bottom: 0.75rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li .cartreg-cont-list .cont-list-left {
  width: 4.5rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li .cartreg-cont-list .cont-list-left figure {
  position: relative;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li .cartreg-cont-list .cont-list-right {
  width: calc(100% - 4.5rem - 0.4375rem);
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li .cartreg-cont-list .cont-list-right .tb-qty .tb-qty-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li .cartreg-cont-list .cont-list-right .tb-qty .tb-qty-row:not(:last-of-type) {
  margin-bottom: 0.25rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li .cartreg-cont-list .cont-list-right .tb-qty .tb-qty-row .tb-qty-row-title {
  -ms-flex-preferred-size: 3.75rem;
      flex-basis: 3.75rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li .cartreg-cont-list .cont-list-right .tb-qty .tb-qty-row .tb-qty-row-desc {
  font-family: "Pretendard", sans-serif;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li .cartreg-cont-list .cont-list-right .tb-qty .tb-qty-row .tb-qty-row-desc select {
  width: 7.5rem;
  height: 2.375rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li .cartreg-cont-price {
  background-color: var(--neutral-100);
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li .cartreg-cont-price .tb-price-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont ul li .cartreg-cont-price .tb-price-row:first-of-type {
  margin-bottom: 0.25rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont .addcart-cont-desc {
  padding: 0.75rem 0 1.25rem;
  font-family: "Pretendard", sans-serif;
}
.m-mypage-wrap .mypage-cartreg .cartreg-cont .addcart-cont-desc span {
  font-family: "Pretendard", sans-serif;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info {
  background-color: var(--neutral-000);
  padding-top: 1.875rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-title {
  margin-bottom: 1rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-detail .info-detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem 1rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-detail .info-detail-row:not(.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-detail .info-detail-row:last-of-type) {
  margin-bottom: 1rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-title {
  width: 5.625rem;
  margin-top: 0.5625rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input {
  width: calc(100% - 5.625rem - 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input .component_input {
  width: 100%;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input .component_textBox {
  width: 100%;
  height: 7.5rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input.detail-row-addr {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input.detail-row-addr .component_input {
  gap: 0;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input.detail-row-addr .component_input:not(.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input.detail-row-addr .component_input:last-of-type) {
  margin-bottom: 0.375rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1rem;
  height: 2.5rem;
  margin-bottom: 1rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-cont-price {
  background-color: var(--neutral-100);
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-cont-price .tb-price-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-cont-price .tb-price-row:first-of-type {
  margin-bottom: 0.5rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .addcart-price-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Pretendard", sans-serif;
  margin-bottom: 1rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info .cartreg-info-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-info.bt40 {
  padding-bottom: 4rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-pay {
  padding-top: 1rem;
  background-color: var(--neutral-000);
}
.m-mypage-wrap .mypage-cartreg .cartreg-pay .cartreg-cont-title {
  padding-bottom: 0.625rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-pay .cartreg-pay-table li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--neutral-300);
}
.m-mypage-wrap .mypage-cartreg .cartreg-pay .cartreg-pay-table .tb-top {
  border-top: 2px solid var(--neutral-900);
  border-bottom: 1px solid var(--neutral-900);
}
.m-mypage-wrap .mypage-cartreg .cartreg-pay .cartreg-pay-table .tb-total {
  background-color: var(--primary-blue-100);
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype {
  background-color: var(--neutral-000);
  padding-top: 2.5rem;
  padding-bottom: 4rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-title {
  margin-bottom: 1rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-table {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  gap: 0 0.5rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-table li {
  height: 2.5rem;
  margin-bottom: 0.625rem;
  width: calc(50% - 0.3125rem);
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-table li label {
  width: 100%;
  height: 2.5rem;
  position: relative;
  padding: 0.6875rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-table li label input {
  visibility: hidden;
  display: none;
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-table li label.non-border {
  border: none;
  outline: none;
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-table li label.bgcolor-green {
  border: 1px solid rgb(3, 199, 90);
  background-color: rgb(3, 199, 90);
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-table li label.bgcolor-green.active {
  background-color: rgb(3, 184, 85);
  border: 1px solid var(--neutral-700);
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-table li label.bgcolor-yellow {
  border: 1px solid rgb(254, 229, 0);
  background-color: rgb(254, 229, 0);
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-table li label.bgcolor-yellow.active {
  background-color: rgb(234, 212, 0);
  border: 1px solid var(--neutral-700);
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-table li label.active {
  border: 1px solid var(--neutral-700);
  background-color: var(--neutral-200);
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-table li .naverpay {
  background-image: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m-logo-naverpay.svg");
  background-repeat: no-repeat;
  background-size: 3.3125rem 1.0625rem;
  background-position: center;
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-table li .kakaopay {
  background-image: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m-logo-kakaopay.svg");
  background-repeat: no-repeat;
  background-size: 3.25rem 1rem;
  background-position: center;
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-table li .tosspay {
  background-image: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m-logo-tosspay.svg");
  background-repeat: no-repeat;
  background-size: 5.4375rem 1.05rem;
  background-position: center;
  background-color: var(--neutral-000);
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-payinfo-table li {
  margin-bottom: 0.25rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-payinfo-table li.cartreg-paytype-infottl {
  margin-top: 1.5rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-paytype .cartreg-paytype-btn {
  height: 4rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-regcomp {
  background-color: var(--neutral-000);
}
.m-mypage-wrap .mypage-cartreg .cartreg-regcomp .cartreg-regcomp-desc {
  padding-top: 3.75rem;
  margin-bottom: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.m-mypage-wrap .mypage-cartreg .cartreg-regcomp .cartreg-regcomp-title {
  padding-bottom: 1rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-regcomp .cartreg-regcomp-state {
  margin-bottom: 0.625rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-regcomp .cartreg-regcomp-table {
  border-top: 2px solid var(--neutral-900);
  margin-bottom: 2.5rem;
}
.m-mypage-wrap .mypage-cartreg .cartreg-regcomp .cartreg-regcomp-table li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--neutral-300);
}
.m-mypage-wrap .mypage-cartreg .cartreg-regcomp .cartreg-regcomp-table li div:first-of-type {
  width: 5.625rem;
  -ms-flex-preferred-size: 1;
      flex-basis: 1;
}
.m-mypage-wrap .mypage-cartreg .cartreg-regcomp .cartreg-regcomp-table .tb-top {
  border-top: 2px solid var(--neutral-900);
  border-bottom: 1px solid var(--neutral-900);
}
.m-mypage-wrap .mypage-cartreg .cartreg-regcomp .cartreg-regcomp-table .tb-total {
  background-color: var(--primary-blue-100);
}
.m-mypage-wrap .mypage-fixbtn {
  z-index: 101;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--neutral-000);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list {
  margin-top: 1rem;
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid {
  gap: 1rem 0;
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .non-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5rem 0;
  width: 100%;
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column {
  width: 100%;
  margin-right: unset;
  margin-bottom: unset;
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item {
  padding: 1rem 0.625rem 1rem 1.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid var(--neutral-300);
  border-radius: 0.625rem;
  position: relative;
  height: 100%;
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.625rem;
  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item .top {
  border-bottom: 1px solid var(--neutral-200);
  padding-bottom: 0.625rem;
  margin-bottom: 0.625rem;
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item .top .top-left .coupon-date {
  min-height: 3.5rem;
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.coupon-color-navy::before {
  background-color: var(--primary-navy-300);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.coupon-color-navy .coupon-price {
  color: var(--primary-navy-700);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.coupon-color-navy .coupon-price-sel {
  color: var(--primary-navy-700);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.coupon-color-navy .coupon-chip {
  color: var(--primary-navy-700);
  background-color: var(--primary-navy-200);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.coupon-color-blue::before {
  background-color: var(--primary-blue-300);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.coupon-color-blue .coupon-price {
  color: var(--primary-blue-600);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.coupon-color-blue .coupon-price-sel {
  color: var(--primary-blue-600);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.coupon-color-blue .coupon-chip {
  color: var(--primary-blue-700);
  background-color: var(--primary-blue-200);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.coupon-color-neut::before {
  background-color: var(--neutral-300);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.coupon-color-neut .coupon-price {
  color: var(--neutral-900);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.coupon-color-neut .coupon-price-sel {
  color: var(--neutral-900);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.coupon-color-neut .coupon-chip {
  color: var(--neutral-900);
  background-color: var(--neutral-200);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.disabled {
  background-color: var(--neutral-100);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.disabled::before {
  background-color: var(--neutral-300);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.disabled .coupon-price, .m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.disabled .coupon-price-sel, .m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.disabled .coupon-desc, .m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.disabled .coupon-date, .m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.disabled .coupon-detail, .m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.disabled .coupon-use {
  color: var(--neutral-400);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .grid .grid-column .coupon-item.disabled .coupon-chip {
  color: var(--neutral-400);
  border: 1px solid var(--neutral-300);
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .land-mobile-bottom {
  margin-top: 2rem;
  padding-bottom: 4rem;
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .land-mobile-bottom p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .land-mobile-bottom p .dot {
  display: inline-block;
  width: 0.1875rem;
  height: 0.1875rem;
  background-color: var(--neutral-700);
  border-radius: 100%;
  margin-top: 0.625rem;
  margin-right: 0.25rem;
}
.m-mypage-wrap .mypage-coupon .mypage-coupon-list .land-mobile-bottom .mobile-bottom-title {
  padding-top: 0.75rem;
  margin-bottom: 0.75rem;
  border-top: 1px solid var(--neutral-200);
}
.m-mypage-wrap .sample-order .sample-order-top .order-top {
  text-align: center;
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--neutral-200);
}
.m-mypage-wrap .sample-order .sample-order-top .order-top .icon_close {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
}
.m-mypage-wrap .sample-order .sample-order-list {
  padding-bottom: 40px;
}
.m-mypage-wrap .sample-order .sample-order-list .landing_item_list .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  gap: 2rem 0.5rem;
}
.m-mypage-wrap .sample-order .sample-order-list .landing_item_list .grid.col-2 li {
  width: calc(50% - 0.25rem);
}
.m-mypage-wrap .sample-order .sample-order-list .landing_item_list .grid li figure {
  margin: 0;
  position: relative;
}
.m-mypage-wrap .sample-order .sample-order-list .landing_item_list .grid li figure .item_list_detial {
  content: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/x-circle-silver.svg);
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  display: inline-block;
  cursor: pointer;
  top: 0.25rem;
  right: 0.25rem;
  z-index: 20;
}
.m-mypage-wrap .sample-order .sample-order-list .landing_item_list .grid li figure .item_list_thum {
  border-radius: 0.75rem;
  display: inline-block;
  background-color: var(--neutral-100);
}
.m-mypage-wrap .sample-order .sample-order-list .landing_item_list .grid li figcaption {
  margin-top: 0.75rem;
}
.m-mypage-wrap .sample-order .sample-order-list .landing_item_list .grid li .landing_item_list_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
}
.m-mypage-wrap .sample-order .sample-order-list .landing_item_list .grid li .landing_item_list_info .item_list_info_pr {
  position: relative;
}
.m-mypage-wrap .sample-order .sample-order-list .landing_item_list .grid li .landing_item_list_info .item_list_info_pr::after {
  content: "|";
  position: absolute;
  right: -0.5625rem;
  top: 0.0625rem;
  color: var(--neutral-400);
  font-size: 0.75rem;
}
.m-mypage-wrap .sample-order .cartreg-info {
  border-top: 0.5rem solid var(--neutral-200);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-title {
  margin-bottom: 1rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-titlesub {
  margin-bottom: 1rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem 1rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row:not(.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row:last-of-type) {
  margin-bottom: 1rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-title {
  width: 5.625rem;
  margin-top: 0.5625rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input {
  width: calc(100% - 5.625rem - 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input .component_input {
  width: 100%;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input .component_textBox {
  width: 100%;
  height: 7.5rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input.detail-row-addr {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input.detail-row-addr .component_input {
  gap: 0;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input.detail-row-addr .component_input:not(.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input.detail-row-addr .component_input:last-of-type) {
  margin-bottom: 0.375rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1rem;
  height: 2.5rem;
  margin-bottom: 1rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-cont-price {
  background-color: var(--neutral-100);
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-cont-price .tb-price-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-cont-price .tb-price-row:first-of-type {
  margin-bottom: 0.5rem;
}
.m-mypage-wrap .sample-order .cartreg-info .addcart-price-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Pretendard", sans-serif;
  margin-bottom: 1rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4rem;
}
.m-mypage-wrap .sample-order .cartreg-info.bt40 {
  padding-bottom: 4rem;
}
.m-mypage-wrap .sample-order .cartreg-paytype {
  border-top: 0.5rem solid var(--neutral-200);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-title {
  margin-bottom: 1rem;
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  gap: 0 0.5rem;
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-table li {
  height: 2.5rem;
  margin-bottom: 0.625rem;
  width: calc(50% - 0.3125rem);
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-table li label {
  width: 100%;
  height: 2.5rem;
  position: relative;
  padding: 0.6875rem;
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-table li label input {
  visibility: hidden;
  display: none;
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-table li label.non-border {
  border: none;
  outline: none;
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-table li label.bgcolor-green {
  border: 1px solid rgb(3, 199, 90);
  background-color: rgb(3, 199, 90);
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-table li label.bgcolor-green.active {
  background-color: rgb(3, 184, 85);
  border: 1px solid var(--neutral-700);
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-table li label.bgcolor-yellow {
  border: 1px solid rgb(254, 229, 0);
  background-color: rgb(254, 229, 0);
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-table li label.bgcolor-yellow.active {
  background-color: rgb(234, 212, 0);
  border: 1px solid var(--neutral-700);
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-table li label.active {
  border: 1px solid var(--neutral-700);
  background-color: var(--neutral-200);
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-table li .naverpay {
  background-image: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m-logo-naverpay.svg");
  background-repeat: no-repeat;
  background-size: 3.3125rem 1.0625rem;
  background-position: center;
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-table li .kakaopay {
  background-image: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m-logo-kakaopay.svg");
  background-repeat: no-repeat;
  background-size: 3.25rem 1rem;
  background-position: center;
}
.m-mypage-wrap .sample-order .cartreg-paytype .cartreg-paytype-table li .tosspay {
  background-image: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m-logo-tosspay.svg");
  background-repeat: no-repeat;
  background-size: 5.4375rem 1.05rem;
  background-position: center;
  background-color: var(--neutral-000);
}
.m-mypage-wrap .sample-order .cartreg-info {
  background-color: var(--neutral-000);
  padding-top: 1.875rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-title {
  margin-bottom: 1rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem 1rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row:not(.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row:last-of-type) {
  margin-bottom: 1rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-title {
  width: 5.625rem;
  margin-top: 0.5625rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input {
  width: calc(100% - 5.625rem - 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input .component_input {
  width: 100%;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input .component_textBox {
  width: 100%;
  height: 7.5rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input.detail-row-addr {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input.detail-row-addr .component_input {
  gap: 0;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input.detail-row-addr .component_input:not(.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-detail .info-detail-row .info-detail-row-input.detail-row-addr .component_input:last-of-type) {
  margin-bottom: 0.375rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1rem;
  height: 2.5rem;
  margin-bottom: 1rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-cont-price {
  background-color: var(--neutral-100);
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-cont-price .tb-price-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-cont-price .tb-price-row:first-of-type {
  margin-bottom: 0.5rem;
}
.m-mypage-wrap .sample-order .cartreg-info .addcart-price-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Pretendard", sans-serif;
  margin-bottom: 1rem;
}
.m-mypage-wrap .sample-order .cartreg-info .cartreg-info-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4rem;
}
.m-mypage-wrap .sample-order .order-list-info .land-mobile-bottom {
  margin-top: 4rem;
  padding-bottom: 4rem;
}
.m-mypage-wrap .sample-order .order-list-info .land-mobile-bottom p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-mypage-wrap .sample-order .order-list-info .land-mobile-bottom p .dot {
  display: inline-block;
  width: 0.1875rem;
  height: 0.1875rem;
  background-color: var(--neutral-700);
  border-radius: 100%;
  margin-top: 0.625rem;
  margin-right: 0.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-mypage-wrap .sample-order .order-list-info .land-mobile-bottom .mobile-bottom-title {
  padding-top: 0.75rem;
  margin-bottom: 0.75rem;
  border-top: 1px solid var(--neutral-200);
}
.m-mypage-wrap .sample-order .sample-order-comp {
  text-align: center;
  margin-top: 3.75rem;
}
.m-mypage-wrap .sample-order .sample-order-comp .order-comp-desc {
  margin: 1rem auto 1.5rem;
}
.m-mypage-wrap .sample-order .sample-order-comp .order-comp-ordernum {
  height: 4.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--neutral-100);
  border-radius: 0.375rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list {
  margin-top: 1rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list:not(:first-of-type) {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 0.5rem solid var(--neutral-200);
  padding-bottom: 4rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-titlesub {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .non-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5rem 0;
  width: 100%;
  text-align: center;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont {
  margin-top: 1rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid var(--neutral-700);
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-middle {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.75rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-middle .cont-middle-thum {
  width: 6.25rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-middle .cont-middle-wrap {
  width: calc(100% - 0.75rem - 6.25rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.25rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--neutral-200);
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-sns label {
  padding: 0.1875rem 0;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-sns label.review-stage-cafe {
  color: #00C73C;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-sns label.review-stage-blog {
  color: #03C75A;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-sns label.review-stage-insta {
  color: #FE008B;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-sns label.review-stage-youtube {
  color: #ED3023;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-sns label.deactive {
  color: var(--neutral-500);
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-detail {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--neutral-200);
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-detail .detail-con summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-detail .detail-con summary .title-wrap div:last-of-type {
  margin-top: 0.25rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-detail .detail-con summary .arrow-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-detail .detail-con summary .arrow-wrap [class^=icon_] svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  width: 1.25rem;
  height: 1.25rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-detail .detail-con[open] summary .arrow-wrap [class^=icon_] svg {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-detail .detail-con .inner-con {
  max-height: 0;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--neutral-200);
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-detail .detail-con .inner-con .accordion-content figure figcaption {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-detail .detail-con .inner-con .accordion-content-reply {
  display: block;
  background-color: var(--neutral-100);
  padding: 1.25rem 0.9375rem 1.25rem 2.5rem;
  border-radius: 0.75rem;
  position: relative;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-detail .detail-con .inner-con .accordion-content-reply::before {
  content: "";
  background-image: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_renew/asset/image/ask_enter.svg);
  width: 1.25rem;
  height: 1.25rem;
  top: 1.25rem;
  left: 0.9375rem;
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-cont .list-cont-detail .detail-con[open] .inner-con {
  max-height: 100vh;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-write .con-row {
  margin-bottom: 1rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-write .con-row .component_input {
  gap: 0;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-write .con-row .component_input .input_container {
  margin-top: 0.25rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-write .con-row .component_textBox {
  height: 10rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-write .con-row .con-row-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1rem;
  margin-top: 0.25rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-write .con-row .con-row-wrap .component_radiobutton {
  gap: 0 0.375rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-write .con-row.con-row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-write .con-row.con-row-flex div:first-of-type {
  width: 5rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-write .con-row.con-row-flex .review-star-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 0.4rem;
  position: relative;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-write .con-row.con-row-flex .review-star-list .review-star {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/review-star-n.svg");
  display: inline-block;
  width: 1.375rem;
  height: 1.375rem;
}
.m-mypage-wrap .mypage-review .mypage-review-list .review-list-write .con-row.con-row-flex .review-star-list .review-star.active {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/review-star-y.svg");
}

/* Á¦Ç° ¸®½ºÆ® ·£µù */
.articleModalWrap {
  overflow: hidden;
}

.m-product-wrap {
  letter-spacing: -0.01875rem;
  overflow: hidden;
}
.m-product-wrap .sec-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 3.5rem;
}
.m-product-wrap .sec-top .left-con, .m-product-wrap .sec-top .right-con {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.75rem;
}
.m-product-wrap .sec-top .left-con a, .m-product-wrap .sec-top .right-con a {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}
.m-product-wrap .sec-top .left-con a [class^=icon_] svg, .m-product-wrap .sec-top .right-con a [class^=icon_] svg {
  width: 1.25rem;
  height: 1.25rem;
}
.m-product-wrap .sec-top .middle-con {
  -ms-flex-preferred-size: calc(100% - 6rem);
      flex-basis: calc(100% - 6rem);
  text-align: center;
}
.m-product-wrap .sec-tabs .mypage-menu-swiper {
  width: 100%;
  padding: 0 0.563rem;
  overflow: hidden;
  border-bottom: 1px solid var(--neutral-100);
}
.m-product-wrap .sec-tabs .mypage-menu {
  display: block;
  width: 100%;
  height: 2.125rem;
  line-height: 2.125rem;
  text-align: justify;
  font-size: 0;
  text-align: left;
  white-space: nowrap;
}
.m-product-wrap .sec-tabs .mypage-menu:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.m-product-wrap .sec-tabs .mypage-menu li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-right: 0.875rem;
}
.m-product-wrap .sec-tabs .mypage-menu li a {
  display: block;
}
.m-product-wrap .sec-tabs .mypage-menu li.current a {
  color: var(--neutral-900);
  font-weight: 700;
}
.m-product-wrap .sec-tabs .mypage-menu li.current:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 0.125rem;
  background: var(--primary-blue-600);
}
.m-product-wrap .sec-tabs .mypage-menu li:last-child {
  margin-right: 0;
}
.m-product-wrap .grid.col-2 {
  gap: 0 0.5rem;
}
.m-product-wrap select.nobdr-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 90% 60%/0.5625rem no-repeat url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_renew/asset/image/chev-down-18px.svg);
  padding: 0;
  height: auto;
  border: none;
  border-radius: 0;
  color: var(--neutral-700);
  text-align: right;
  padding-right: 1.2rem;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.6;
  font-family: "Pretendard", sans-serif;
  letter-spacing: -0.01875rem;
}
.m-product-wrap .paging-wrap {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.m-product-wrap .silver-bar {
  background-color: var(--neutral-100);
  height: 0.625rem;
}
.m-product-wrap .mt4 {
  margin-top: 0.25rem;
}
.m-product-wrap .product-land .product-landlist {
  padding-top: 1rem;
}
.m-product-wrap .product-land .product-landlist .product-landlist-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}
.m-product-wrap .product-land .product-landlist .product-landlist-top .product-landlist-quanty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-product-wrap .product-land .product-landlist .product-landlist-top .product-landlist-view {
  width: 1.5rem;
  height: 1.5rem;
}
.m-product-wrap .product-land .product-landlist .product-landlist-top .product-landlist-view .btn {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/product-landlist-view-1.svg");
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
}
.m-product-wrap .product-land .product-landlist .product-landlist-top .product-landlist-view .btn.active {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/product-landlist-view-2.svg");
}
.m-product-wrap .product-land .product-landlist .product-landlist-item .grid {
  gap: 2rem 0.5rem;
}
.m-product-wrap .product-land .product-landlist .product-landlist-item .grid li {
  width: calc(50% - 0.25rem);
}
.m-product-wrap .product-land .product-landlist .product-landlist-item .grid.active li {
  width: 100%;
}
.m-product-wrap .product-land .product-landlist .product-landlist-item .grid li figcaption {
  margin-top: 0.75rem;
}
.m-product-wrap .product-land .product-landlist .product-landlist-item .grid li .landing_item_list_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
}
.m-product-wrap .product-land .product-landlist .product-landlist-item .grid li .landing_item_list_info .item_list_info_pr {
  position: relative;
  font-family: "Pretendard", sans-serif;
}
.m-product-wrap .product-land .product-landlist .product-landlist-item .grid li .landing_item_list_info .item_list_info_pr::after {
  content: "|";
  position: absolute;
  right: -0.5625rem;
  top: 0.0625rem;
  color: var(--neutral-400);
  font-size: 0.75rem;
}
.m-product-wrap .product-land .product-landlist .product-landlist-item .grid li .landing_item_list_info .landing_item_list_quanty {
  font-family: "Pretendard", sans-serif;
}
.m-product-wrap .product-land .product-landlist .product-landlist-item .grid li figure {
  margin: 0;
  position: relative;
}
.m-product-wrap .product-land .product-landlist .product-landlist-item .grid li figure .item_list_thum {
  border-radius: 12px;
  display: inline-block;
  background-color: var(--neutral-100);
}
.m-product-wrap .product-land .product-landlist .product-landlist-item .grid li figure .item_list_thum img {
  border-radius: 12px;
}
.m-product-wrap .product-land .product-landlist .product-landlist-item .grid li figure .item_list_detial {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m_hover_cart.svg");
  position: absolute;
  width: 36px;
  height: 36px;
  display: inline-block;
  cursor: pointer;
  bottom: 0.875rem;
  right: 0.5rem;
  z-index: 20;
}
.m-product-wrap .product-land .product-landlist .product-landlist-item .grid li.active figure .item_list_detial {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m_hover_cart_y.svg");
}
.m-product-wrap .product-land.product-land-mobile .land-mobile-top {
  margin-bottom: 1rem;
}
.m-product-wrap .product-land.product-land-mobile .land-mobile-top .dot {
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: var(--neutral-700);
  border-radius: 100%;
  margin-top: 10px;
  margin-right: 8px;
}
.m-product-wrap .product-land.product-land-mobile .land-mobile-top p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-product-wrap .product-land.product-land-mobile .land-mobile-top p:not(.m-product-wrap .product-land.product-land-mobile .land-mobile-top p:last-of-type) {
  margin-bottom: 0.25rem;
}
.m-product-wrap .product-land.product-land-mobile .land-mobile-top .mobile-top1 {
  padding: 0.75rem 1.25rem;
  border: 1px solid var(--neutral-200);
  border-radius: 0.5rem;
}
.m-product-wrap .product-land.product-land-mobile .land-mobile-top .mobile-top2 {
  padding: 0.75rem;
  border: 1px solid var(--primary-blue-300);
  border-radius: 0.5rem;
  background-color: var(--primary-blue-100);
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-product-wrap .product-land.product-land-mobile .land-mobile-top .mobile-top2 .mobile-top2-btn {
  padding: 0.25rem 0.875rem;
  background-color: var(--primary-blue-600);
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-product-wrap .product-land.product-land-mobile .land-mobile-bottom {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.m-product-wrap .product-land.product-land-mobile .land-mobile-bottom p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-product-wrap .product-land.product-land-mobile .land-mobile-bottom p .dot {
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: var(--neutral-700);
  border-radius: 100%;
  margin-top: 10px;
  margin-right: 8px;
}
.m-product-wrap .product-land.product-land-mobile .land-mobile-bottom .mobile-bottom-title {
  padding-top: 0.75rem;
  margin-bottom: 0.75rem;
  border-top: 1px solid var(--neutral-200);
}
.m-product-wrap .product-land.product-land-mobile .product-landlist-item .grid .landing_item_list_main .landing_item_list_info {
  gap: 0.5rem;
}
.m-product-wrap .product-land.product-land-mobile .product-landlist-item .grid .landing_item_list_main .landing_item_list_info .item_list_info_pr::after {
  content: "";
}
.m-product-wrap .swiper-sec .swiper-wrap .swiper-container .swiper-pagination {
  top: unset;
  bottom: 0;
  background: unset;
}
.m-product-wrap .swiper-sec .swiper-wrap .swiper-container .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--neutral-900);
}
.m-product-wrap .product-info {
  margin-bottom: 1rem;
}
.m-product-wrap .product-info .product-info-top {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--neutral-300);
}
.m-product-wrap .product-info .product-info-top .product-info-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.875rem;
}
.m-product-wrap .product-info .product-info-top .product-info-value .product-info-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.25rem;
}
.m-product-wrap .product-info .product-info-top .product-info-row {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.25rem 0;
}
.m-product-wrap .product-info .product-info-top .product-info-row a {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border: 1px solid var(--primary-blue-300);
  padding: 0.625rem 0.75rem;
}
.m-product-wrap .product-info .product-info-top .product-info-row a .icon_chevronRight svg {
  color: var(--neutral-900);
  margin-left: auto;
  width: 1rem;
  height: 1rem;
}
.m-product-wrap .product-info .product-info-top .product-info-row .info-row-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-product-wrap .product-info .product-info-top .product-info-row .info-row-title > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-product-wrap .product-info .product-info-top .product-info-row .component_input {
  gap: 0;
}
.m-product-wrap .product-info .product-info-top .product-info-row .component_input .icon_calendar svg {
  width: 1.5rem;
  height: 1.5rem;
}
.m-product-wrap .product-info .product-info-top .product-info-row .product-info-row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.25rem;
}
.m-product-wrap .product-info .product-info-top .product-info-row .product-info-row-flex select {
  width: 33.3333333333%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-product-wrap .product-info .product-info-top .product-info-row .btn-importimg-wrap .btn-importimg {
  width: 6.625rem;
  min-height: 6.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.m-product-wrap .product-info .product-info-top .product-info-row .btn-importimg-wrap .btn-importimg .add-icon {
  display: none;
  width: 6.625rem;
  height: 6.625rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.5rem;
}
.m-product-wrap .product-info .product-info-top .product-info-row .btn-importimg-wrap .btn-importimg .add-icon.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-product-wrap .product-info .product-info-top .product-info-row .btn-importimg-wrap .btn-importimg .add-icon svg {
  width: 1.625rem;
  height: 1.625rem;
}
.m-product-wrap .product-info .product-info-top .product-info-row .btn-importimg-wrap .btn-importimg .add-img {
  position: relative;
  display: none;
}
.m-product-wrap .product-info .product-info-top .product-info-row .btn-importimg-wrap .btn-importimg .add-img.active {
  display: block;
}
.m-product-wrap .product-info .product-info-top .product-info-row .btn-importimg-wrap .btn-importimg .add-img img {
  border-radius: 0.5rem;
}
.m-product-wrap .product-info .product-info-top .product-info-row .btn-importimg-wrap .btn-importimg .add-img .component_button {
  margin-top: 0.5rem;
  padding: 0.5rem 0.625rem;
}
.m-product-wrap .product-info .product-info-top .product-info-row .btn-importimg-wrap .btn-importimg .add-img .inner-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  width: 2rem;
  height: 2rem;
  top: 0.25rem;
  right: 0.25rem;
}
.m-product-wrap .product-info .product-info-top .product-info-row .btn-importimg-wrap .btn-importimg input[type=button] {
  display: none;
}
.m-product-wrap .product-cont {
  padding-bottom: 4rem;
}
.m-product-wrap .product-cont .component_tabs .swiper-wrapper .swiper-slide {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.m-product-wrap .product-cont .component_tabs .swiper-wrapper .swiper-slide .tab_item.selected .title {
  font-weight: 700;
  color: var(--neutral-900);
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-detail .cont-detail-top {
  background-color: var(--neutral-100);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 0.75rem 0.9375rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-detail .cont-detail-top .cont-detail-table {
  width: 100%;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-detail .cont-detail-top .cont-detail-table tr:not(:last-of-type) td {
  padding-bottom: 0.25rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-detail .cont-detail-top .cont-detail-table td:nth-of-type(1) {
  width: 3.75rem;
  font-weight: 500;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after {
  margin-top: 0.75rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li {
  padding-top: 0.9375rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li .cont-anchor {
  padding-bottom: 0.9375rem;
  border-bottom: 1px solid var(--neutral-300);
  display: block;
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li .cont-after-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li .cont-after-row:nth-of-type(1) {
  margin-bottom: 0.5rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li .cont-after-row .cont-after-row-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li .cont-after-row .cont-after-row-left .review-star-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 0.1rem;
  position: relative;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li .cont-after-row .cont-after-row-left .review-star-list .review-star {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/review-star-n.svg");
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li .cont-after-row .cont-after-row-left .review-star-list .review-star.active {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/review-star-y.svg");
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li .cont-after-row.accordion-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  margin-top: 0.5rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li .cont-after-row.accordion-content.active {
  max-height: 100vh;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li .cont-after-row.accordion-content figcaption {
  margin-top: 0.75rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li .cont-after-row.accordion-content-reply {
  display: none;
  background-color: var(--neutral-100);
  padding: 1.25rem 0.9375rem 1.25rem 2.5rem;
  position: relative;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li .cont-after-row.accordion-content-reply.active {
  display: block;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-after .cont-after ul li .cont-after-row.accordion-content-reply::before {
  content: "";
  background-image: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_renew/asset/image/ask_enter.svg);
  width: 1.25rem;
  height: 1.25rem;
  top: 1.25rem;
  left: 0.9375rem;
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-noti {
  background-color: var(--neutral-200);
  padding: 0.75rem 0.9375rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-noti .dot {
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: var(--neutral-700);
  border-radius: 100%;
  margin-top: 10px;
  margin-right: 8px;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-noti .cont-noti-row {
  background-color: var(--neutral-000);
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-bottom: 1rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-noti .cont-noti-row .noti-row-title {
  margin-bottom: 0.5rem;
  padding-left: 0;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-noti .cont-noti-row .noti-row-title::before {
  content: "";
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/v-check.svg");
  display: inline-block;
  width: 1.25rem;
  height: 1rem;
  position: relative;
  top: 0.25rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-noti .cont-noti-row ul li {
  position: relative;
  padding-left: 0.5625rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-noti .cont-noti-row ul li:not(.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-noti .cont-noti-row ul li:last-of-type) {
  margin-bottom: 0.25rem;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-noti .cont-noti-row ul li::before {
  content: "";
  display: inline-block;
  width: 0.1875rem;
  height: 0.1875rem;
  background-color: var(--neutral-700);
  border-radius: 100%;
  top: 0.625rem;
  left: 0;
  position: absolute;
}
.m-product-wrap .product-cont .component_tabs .tab_content .product-cont-noti .cont-noti-row ul li.add-padding::before {
  background-color: unset;
}
.m-product-wrap .product-fixbtn {
  z-index: 101;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--neutral-000);
}
.m-product-wrap .product-fixbtn .product-heart {
  display: inline-block;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid var(--neutral-400);
  border-radius: 0.375rem;
  background-image: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/shopping-heart.svg);
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
}
.m-product-wrap .product-fixbtn .product-heart.active {
  background-image: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/shopping-heart-active.svg);
}
.m-product-wrap .product-fixbtn .product-cart {
  display: inline-block;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid var(--neutral-400);
  border-radius: 0.375rem;
  background-image: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/shopping-bag.svg);
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
}
.m-product-wrap .product-fixbtn .product-cart.active {
  background-image: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/shopping-bag-active.svg);
}
.m-product-wrap .product-fixbtn .product-orderbtn {
  width: 14.125rem;
}

/* °í°´¼¾ÅÍ */
.m-custom-wrap {
  letter-spacing: -0.01875rem;
  overflow: hidden;
}
.m-custom-wrap .sec-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 3.5rem;
}
.m-custom-wrap .sec-top .left-con, .m-custom-wrap .sec-top .right-con {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.75rem;
}
.m-custom-wrap .sec-top .left-con a, .m-custom-wrap .sec-top .right-con a {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}
.m-custom-wrap .sec-top .left-con a [class^=icon_] svg, .m-custom-wrap .sec-top .right-con a [class^=icon_] svg {
  width: 1.25rem;
  height: 1.25rem;
}
.m-custom-wrap .sec-top .middle-con {
  -ms-flex-preferred-size: calc(100% - 6rem);
      flex-basis: calc(100% - 6rem);
  text-align: center;
}
.m-custom-wrap .sec-tabs .mypage-menu-swiper {
  width: 100%;
  padding: 0 0.563rem;
  overflow: hidden;
  border-bottom: 1px solid var(--neutral-100);
}
.m-custom-wrap .sec-tabs .mypage-menu {
  display: block;
  width: 100%;
  height: 2.125rem;
  line-height: 2.125rem;
  text-align: justify;
  font-size: 0;
  text-align: left;
  white-space: nowrap;
}
.m-custom-wrap .sec-tabs .mypage-menu:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.m-custom-wrap .sec-tabs .mypage-menu li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-right: 0.875rem;
}
.m-custom-wrap .sec-tabs .mypage-menu li a {
  display: block;
}
.m-custom-wrap .sec-tabs .mypage-menu li.current a {
  color: var(--neutral-900);
  font-weight: 700;
}
.m-custom-wrap .sec-tabs .mypage-menu li.current:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 0.125rem;
  background: var(--primary-blue-600);
}
.m-custom-wrap .sec-tabs .mypage-menu li:last-child {
  margin-right: 0;
}
.m-custom-wrap .grid.col-2 {
  gap: 0 0.5rem;
}
.m-custom-wrap select.nobdr-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 90% 60%/0.5625rem no-repeat url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_renew/asset/image/chev-down-18px.svg);
  padding: 0;
  height: auto;
  border: none;
  border-radius: 0;
  color: var(--neutral-700);
  text-align: right;
  padding-right: 1.2rem;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.6;
  font-family: "Pretendard", sans-serif;
  letter-spacing: -0.01875rem;
}
.m-custom-wrap .paging-wrap {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.m-custom-wrap .silver-bar {
  background-color: var(--neutral-100);
  height: 0.625rem;
}
.m-custom-wrap .mt4 {
  margin-top: 0.25rem;
}
.m-custom-wrap .custom-mainnoti {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.375rem;
  margin-top: 1rem;
}
.m-custom-wrap .custom-mainnoti .custom-mainnoti-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: var(--primary-blue-100);
  border: 1px solid var(--primary-blue-200);
  border-radius: 0.75rem;
  padding: 1rem;
}
.m-custom-wrap .custom-mainnoti .custom-mainnoti-notice .mainnoti-notice-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.m-custom-wrap .custom-mainnoti .custom-mainnoti-notice .mainnoti-notice-link .notice-link-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-custom-wrap .custom-mainnoti .custom-mainnoti-cs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: var(--primary-blue-100);
  border: 1px solid var(--primary-blue-200);
  border-radius: 0.75rem;
  padding: 1rem;
}
.m-custom-wrap .custom-mainnoti .custom-mainnoti-cs .mainnoti-cs-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.m-custom-wrap .custom-mainnoti .custom-notice-icon {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/custom-notice-icon.svg");
  width: 2.124rem;
  height: 2.25rem;
}
.m-custom-wrap .custom-mainnoti .cs-link-icon {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/custom-cs-icon.svg");
  width: 2.25rem;
  height: 2.375rem;
}
.m-custom-wrap .custom-mainnoti .notice-favo-icon {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/custom-favo-icon.svg");
}
.m-custom-wrap .custom-faq .custom-faq-title {
  margin-top: 1.5rem;
}
.m-custom-wrap .custom-faq .mypage-menu-swiper {
  margin-top: 1.5rem;
  border-bottom: unset;
}
.m-custom-wrap .custom-faq .mypage-menu-swiper .custom-faq-menu {
  white-space: nowrap;
}
.m-custom-wrap .custom-faq .mypage-menu-swiper .custom-faq-menu li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-right: 0.5rem;
}
.m-custom-wrap .custom-faq .mypage-menu-swiper .custom-faq-menu li a {
  display: block;
  padding: 0.3125rem 0.75rem;
  background-color: var(--neutral-100);
  border-radius: 5rem;
}
.m-custom-wrap .custom-faq .mypage-menu-swiper .custom-faq-menu li.current a {
  color: var(--neutral-000);
  font-weight: 700;
  background-color: var(--primary-blue-700);
}
.m-custom-wrap .custom-faq .mypage-menu-swiper .custom-faq-menu li:last-child {
  margin-right: 0;
}
.m-custom-wrap .custom-faq .custom-faq-list {
  margin-top: 1.5rem;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li {
  border-bottom: 1px solid var(--neutral-100);
}
.m-custom-wrap .custom-faq .custom-faq-list ul li:not(.m-custom-wrap .custom-faq .custom-faq-list ul li:last-of-type) {
  margin-bottom: 1.25rem;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con summary span {
  width: 13.5rem;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con summary span.custom-faq-icon {
  padding-left: 1.375rem;
  position: relative;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con summary span.custom-faq-icon::before {
  content: "";
  background-image: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/custom-faq-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.125rem 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  left: 0;
  top: 0.08rem;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con summary .arrow-wrap {
  float: right;
  width: 1.125rem;
  height: 1.125rem;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con summary .arrow-wrap [class^=icon_] svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  width: 1.125rem;
  height: 1.125rem;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con summary .arrow-wrap [class^=icon_] svg path {
  stroke-width: 0.09375rem;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con summary .faq-list-date {
  width: 5.625rem;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con[open] summary {
  padding-bottom: 0;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con[open] summary .arrow-wrap [class^=icon_] svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con summary {
  padding-bottom: 1.25rem;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con summary .component_checkbox {
  vertical-align: -0.1875rem;
  margin-left: 1.5rem;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con .inner-con {
  clear: both;
  margin-top: 1rem;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con .inner-con .con-row {
  background-color: var(--neutral-100);
  padding: 1.25rem;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con .inner-con .con-row:last-child {
  margin-bottom: 0;
}
.m-custom-wrap .custom-faq .custom-faq-list ul li .detail-con .inner-con .con-row .component_input {
  gap: 0;
}
.m-custom-wrap .custom-faq .custom-faq-invitation {
  margin-top: 1rem;
}
.m-custom-wrap .custom-faq .custom-faq-invitation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 1rem 0;
}
.m-custom-wrap .custom-faq .custom-faq-invitation ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.m-custom-wrap .custom-faq .custom-faq-invitation ul li::after {
  content: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/chev-right.svg);
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 3.25rem;
  top: 1.5rem;
}
.m-custom-wrap .custom-faq .custom-faq-invitation ul li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.25rem 0;
}
.m-custom-wrap .custom-faq .custom-faq-invitation ul li div {
  width: 3.25rem;
  height: 4.5rem;
}
.m-custom-wrap .custom-faq .custom-faq-invitation ul li .easystep-01 {
  content: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m-easystep-01-y.svg);
}
.m-custom-wrap .custom-faq .custom-faq-invitation ul li .easystep-02 {
  content: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m-easystep-02-y.svg);
}
.m-custom-wrap .custom-faq .custom-faq-invitation ul li .easystep-03 {
  content: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m-easystep-03-y.svg);
}
.m-custom-wrap .custom-faq .custom-faq-invitation ul li .easystep-04 {
  content: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m-easystep-04-y.svg);
}
.m-custom-wrap .custom-faq .custom-faq-invitation ul li .easystep-05 {
  content: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m-easystep-05-y.svg);
}
.m-custom-wrap .custom-faq .custom-faq-invitation ul li .easystep-06 {
  content: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m-easystep-06-y.svg);
}
.m-custom-wrap .custom-faq .custom-faq-wedding .searchspace-opt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0.375rem 0;
  margin-top: 1rem;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .searchspace-opt .searchspace-opt-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.375rem;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .searchspace-opt .searchspace-opt-top .searchspace-opt-type, .m-custom-wrap .custom-faq .custom-faq-wedding .searchspace-opt .searchspace-opt-top .searchspace-opt-city {
  width: 100%;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .searchspace-opt .searchspace-opt-bottom .component_input .input_container {
  gap: 0 0.375rem;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .searchspace-opt .searchspace-opt-bottom .component_input .input_wrapper {
  height: 2.5rem;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .searchspace-opt .searchspace-opt-bottom .component_input .component_button {
  max-width: 4.5rem;
  width: 100%;
  height: 2.5rem;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-listtop {
  margin-top: 1.25rem;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-table {
  margin-top: 0.75rem;
  border-top: 2px solid var(--neutral-900);
  margin-bottom: 2.5rem;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-table li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--neutral-300);
  min-height: 3.125rem;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-table li div:nth-of-type(1) {
  width: 40%;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-table li div:nth-of-type(2) {
  width: 60%;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-table .tb-top {
  border-bottom: 1px solid var(--neutral-900);
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-table .tb-top div {
  text-align: center;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-table .tb-total {
  background-color: var(--primary-blue-100);
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-num {
  margin-top: 0.625rem;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-num ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5rem;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-num ul li {
  width: 1.75rem;
  height: 1.75rem;
  background-color: var(--neutral-100);
  border-radius: 10rem;
  color: var(--primary-blue-700);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-num ul li.on {
  background-color: var(--primary-blue-700);
  color: var(--neutral-000);
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-numtop {
  margin-top: 1.25rem;
  padding-left: 0.625rem;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-numtop::before {
  content: "¡¤";
  position: relative;
  left: -0.3125rem;
  font-size: 0.625rem;
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-mapimg {
  margin-top: 0.75rem;
  border: 1px solid var(--neutral-300);
}
.m-custom-wrap .custom-faq .custom-faq-wedding .faq-wedding-btn {
  margin-top: 2.875rem;
  margin-bottom: 1rem;
}
.m-custom-wrap .custom-faq .custom-faq-greeting .faq-greeting-chip {
  margin-top: 1rem;
}
.m-custom-wrap .custom-faq .custom-faq-greeting .faq-greeting-chip ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.25rem;
}
.m-custom-wrap .custom-faq .custom-faq-greeting .faq-greeting-chip ul li .component_chip .label {
  color: var(--primary-blue-700);
}
.m-custom-wrap .custom-faq .custom-faq-greeting .faq-greeting-chip ul li .component_chip.on {
  background-color: var(--primary-blue-700);
}
.m-custom-wrap .custom-faq .custom-faq-greeting .faq-greeting-chip ul li .component_chip.on .label {
  color: var(--neutral-000);
}
.m-custom-wrap .custom-faq .custom-faq-greeting .faq-greeting-cont .faq-greeting-topnoti {
  margin-top: 1.25rem;
}
.m-custom-wrap .custom-faq .custom-faq-greeting .faq-greeting-cont .faq-greeting-select {
  margin-top: 0.75rem;
  width: 8.25rem;
}
.m-custom-wrap .custom-faq .custom-faq-greeting .faq-greeting-cont .cont-bottom {
  margin-top: 0.75rem;
}
.m-custom-wrap .custom-faq .custom-faq-greeting .faq-greeting-cont .cont-bottom .list-desc li {
  border-top: 0.0625rem solid var(--neutral-400);
  border-left: 0.0625rem solid var(--neutral-400);
  border-right: 0.0625rem solid var(--neutral-400);
  text-align: center;
  padding: 0.875rem 0.75rem;
}
.m-custom-wrap .custom-faq .custom-faq-greeting .faq-greeting-cont .cont-bottom .list-desc li:first-child {
  border-top-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
}
.m-custom-wrap .custom-faq .custom-faq-greeting .faq-greeting-cont .cont-bottom .list-desc li:last-child {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-bottom: 0.0625rem solid var(--neutral-400);
}
.m-custom-wrap .custom-faq .custom-faq-greeting .faq-greeting-cont .cont-bottom .list-desc li .ttl {
  display: block;
  margin-bottom: 0.5rem;
}
.m-custom-wrap .custom-faq .custom-faq-best5 {
  margin-top: 1.5rem;
}
.m-custom-wrap .custom-faq .custom-faq-best5 ul li {
  margin-bottom: 2rem;
}
.m-custom-wrap .custom-faq .custom-faq-best5 ul li .faq-best5-cont {
  margin-top: 0.5rem;
}
.m-custom-wrap .custom-faq .custom-faq-quick .landing_item_list .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  gap: 2rem 0.5rem;
}
.m-custom-wrap .custom-faq .custom-faq-quick .landing_item_list .grid.col-2 li {
  width: calc(50% - 0.25rem);
}
.m-custom-wrap .custom-faq .custom-faq-quick .landing_item_list .grid li figure {
  margin: 0;
  position: relative;
}
.m-custom-wrap .custom-faq .custom-faq-quick .landing_item_list .grid li figure .item_list_detial {
  content: url(https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m_hover_cart.svg);
  position: absolute;
  width: 2.25rem;
  height: 2.25rem;
  display: inline-block;
  cursor: pointer;
  bottom: 0.875rem;
  right: 0.5rem;
  z-index: 20;
}
.m-custom-wrap .custom-faq .custom-faq-quick .landing_item_list .grid li figure .item_list_thum {
  border-radius: 0.75rem;
  display: inline-block;
  background-color: var(--neutral-100);
}
.m-custom-wrap .custom-faq .custom-faq-quick .landing_item_list .grid li.active figure .item_list_detial {
  content: url("https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/itscard_upgrade/asset/image/m_hover_cart_y.svg");
}
.m-custom-wrap .custom-faq .custom-faq-quick .landing_item_list .grid li figcaption {
  margin-top: 0.75rem;
}
.m-custom-wrap .custom-faq .custom-faq-quick .landing_item_list .grid li .landing_item_list_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
}
.m-custom-wrap .custom-faq .custom-faq-quick .landing_item_list .grid li .landing_item_list_info .item_list_info_pr {
  position: relative;
}
.m-custom-wrap .custom-faq .custom-faq-quick .landing_item_list .grid li .landing_item_list_info .item_list_info_pr::after {
  content: "|";
  position: absolute;
  right: -0.5625rem;
  top: 0.0625rem;
  color: var(--neutral-400);
  font-size: 0.75rem;
}
.m-custom-wrap .custom-faq .custom-faq-map .faq-map-image {
  margin-top: 0.75rem;
}
.m-custom-wrap .custom-faq .custom-faq-map .faq-map-image img {
  width: 100%;
}
.m-custom-wrap .custom-faq .custom-faq-map .faq-map-chip {
  margin-top: 1rem;
}
.m-custom-wrap .custom-faq .custom-faq-map .faq-map-chip .map-chip-title {
  padding: 0.3125rem 0.75rem;
  background-color: var(--neutral-100);
  border-radius: 10rem;
  margin-bottom: 0.625rem;
  display: inline-block;
}
.m-custom-wrap .custom-faq .custom-faq-map .faq-map-desc .faq-map-desc2 {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}