@charset "UTF-8";
/* noto-sans-kr-regular - latin_korean */
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"),
    url("../fonts/notoSansKR-Regular-subset.woff2") format("woff2"),
    url("../fonts/notoSansKR-Regular-subset.woff") format("woff");
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"),
    url("../fonts/notoSansKR-Medium-subset.woff2") format("woff2"),
    url("../fonts/notoSansKR-Medium-subset.woff") format("woff");
}

/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v20-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"),
    url("../fonts/roboto-v20-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/roboto-v20-latin-regular.woff2") format("woff2"),
    url("../fonts/roboto-v20-latin-regular.woff") format("woff"),
    url("../fonts/roboto-v20-latin-regular.ttf") format("truetype"),
    url("../fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v20-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"),
    url("../fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"),
    url("../fonts/roboto-v20-latin-700.woff2") format("woff2"),
    url("../fonts/roboto-v20-latin-700.woff") format("woff"),
    url("../fonts/roboto-v20-latin-700.ttf") format("truetype"),
    url("../fonts/roboto-v20-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* [s] 250416 폰트추가 */
/* 지마켓 산스 */
@font-face {
  font-family: 'GmarketSansMedium';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/GmarketSansTTFBold.ttf");
  src: url('../fonts/GmarketSansTTFBold.ttf') format('ttf');
}
/* //[e] 250416 폰트추가 */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: keep-all; /* 210805 */
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
  /*min-height: 100vh; 210706 */
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Roboto", "Noto Sans KR", "Malgun Gothic", "Segoe UI", helvetica,
    "apple sd gothic neo", sans-serif, serif;
  font-weight: 400;
  font-style: normal;
  color: #333;
  /* tws */
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;

  /* 210706*/
  padding: 0 constant(safe-area-inset-right) 0 constant(safe-area-inset-left); /* 230912 수정 */
  padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left); /* 230912 수정 */
}
/* [s] 230912 */
body:not(.has-top-banner) {
  padding: constant(safe-area-inset-top) constant(safe-area-inset-right) 0
    constant(safe-area-inset-left);
  padding: env(safe-area-inset-top) env(safe-area-inset-right) 0
    env(safe-area-inset-left);
}
/* [e] 230912 */

ul,
ol,
dl {
  list-style: none;
  padding: 0;
  margin: 0;
}

ol li + li {
  margin-top: 0.25rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

a {
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
}

a:hover,
a:active {
  outline: 0;
}
em {
  font-style: normal;
}
b,
strong {
  font-weight: 500;
}

small {
  font-size: 0.75rem;
}

img {
  border: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table th,
table td {
  padding: 0;
}

input,
select,
textarea {
  font-family: "Roboto", "Noto Sans KR", "Malgun Gothic", "Segoe UI", helvetica,
    "apple sd gothic neo", sans-serif, serif;
  font-size: 1rem;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  /* WebKit browsers */
  color: transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: transparent;
}

/* 웹접근성 */
.skip {
  display: block;
  color: #333;
  text-align: center;
  width: 100%;
  height: 0;
  background-color: #f8f8f8;
}
.skip:focus {
  height: 25px;
}

.mgNone {
  margin: 0 !important;
}
.mgt10 {
  margin-top: 10px;
}
.bg-white {
  background-color: #fff;
}
.bg-lightgray {
  background-color: #f8f8f8;
}
.bg-gray {
  background-color: #f5f5f5;
}
.bg-beige {
  background-color: #fce9dc;
}
.box.bg-beige {
  background: #fce9dc;
}
.initial-cursor {
  cursor: initial;
}
.text-center {
  text-align: center;
}
.fnt-bold {
  font-weight: 500;
} /*bold*/

.is-pulled-left {
  float: left;
}

.is-pulled-right {
  float: right;
}

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

.flex-container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-container .form-control + .form-control {
  margin-top: 0;
}

.flex-container.is-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-container.is-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-container.is-row.is-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-container.is-half > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
}

.flex-container.is-half.is-responsive {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-container.is-half.is-responsive > div {
  margin-bottom: 1rem;
  padding: 0;
}
.flex-container.is-grow.tws-inp {
  display: block !important;
  position: relative;
}
.flex-container.is-grow.tws-inp .form-control.show-validate {
  display: block;
  position: relative;
  width: 100%;
  margin-right: 0;
}
.flex-container.is-grow.tws-inp .form-control.show-validate input {
  width: 60%;
}
.flex-container.is-grow.tws-inp .radios {
  display: inline-block;
  position: absolute;
  right: 4px;
  /* bottom: 5px; */
  bottom: 7px; /*20.11.12*/
}
.flex-container.is-grow > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.flex-container.space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-container.space-evenly {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.flex-container.justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
/* 10.22추가 */
.flex-container.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/*// 10.22추가 */

/* 220307 추가 */
.term-box {
  margin-top: 1rem;
}

.term-box ul {
  padding: 16px 0;
  background: #f5f5f5;
}

.term-box ul li {
  margin-top: 0;
}
/* 220307 추가 */

.flex-container.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-container.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-container.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-container .col-1 {
  -ms-flex-preferred-size: 8.33333%;
  flex-basis: 8.33333%;
}

.flex-container .col-2 {
  -ms-flex-preferred-size: 16.66666%;
  flex-basis: 16.66666%;
}

.flex-container .col-3 {
  -ms-flex-preferred-size: 24.99999%;
  flex-basis: 24.99999%;
}

.flex-container .col-4 {
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
}

.flex-container .col-5 {
  -ms-flex-preferred-size: 41.66666%;
  flex-basis: 41.66666%;
}

.flex-container .col-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.flex-container .col-7 {
  -ms-flex-preferred-size: 58.33333%;
  flex-basis: 58.33333%;
}

.flex-container .col-8 {
  -ms-flex-preferred-size: 66.66666%;
  flex-basis: 66.66666%;
}

.flex-container .col-9 {
  -ms-flex-preferred-size: 74.99999%;
  flex-basis: 74.99999%;
}

.flex-container .col-10 {
  -ms-flex-preferred-size: 83.333333%;
  flex-basis: 83.333333%;
}

.flex-container .col-11 {
  -ms-flex-preferred-size: 91.66666%;
  flex-basis: 91.66666%;
}

.flex-container .col-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.flex-container .is-primary {
  margin-top: 0;
}

/* Only works in IE11 */
_:-ms-fullscreen,
:root .flex-container.is-half.is-responsive > div {
  min-height: 4rem;
}

.has-text-left {
  text-align: left;
}

.has-text-center {
  text-align: center;
}

.has-text-right {
  text-align: right;
}

/* 210405 */
.is-underline {
  border-bottom: 1px solid #e2e2e2;
}
/* [s] 230616 */
.is-topline {
  border-top: 1px solid #eee;
}
/* [e] 230616 */

.is-block,
.is-show {
  display: block !important;
}

.is-inline {
  display: inline !important;
}

.is-hidden {
  display: none !important;
}

.is-full-width {
  width: 100%;
}

.is-full-width-ksh {
  width: calc(50% - 5px);
}

.is-full-width + .is-full-width {
  margin-top: 1rem;
}

.is-required:after {
  content: "*";
  color: #b71256;
  margin-left: 0.25rem;
}
/* [s] 230109 */
label.is-required .is-hidden {
  display: inline-block !important;
  overflow: hidden;
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  white-space: nowrap;
}
/* [e] 230109 */

.is-bigger {
  font-size: 1.25rem;
  font-weight: 500;
}

/* [s] 220808 */
.is-bigger input[type="checkbox"] + label {
  padding-left: 2.25rem !important; /* 220810 수정 */
  font-size: 1rem; /* 220810 수정 */
  font-weight: 800; /* 220810 추가 */
  line-height: 28px !important;
}
/* [e] 220808 */

/* [s] 220808 */
/* 210726 */
.is-bigger input[type="checkbox"] + label:before {
  width: 28px;
  height: 28px;
  background: url(../images/btn_chkL_off.png) no-repeat 0 0 / 28px;
}
/* [e] 220808 */

/* [s] 220808 */
.is-bigger input[type="checkbox"]:checked + label:before {
  background: url(../images/btn_chkL_on.png) no-repeat 0 0 / 28px;
}

/* 220413 */
.modal-checklist .is-bigger input[type="checkbox"] + label:before {
  top: 11px; /* 220808 수정 */
}

.is-bigger > label {
  font-size: 1.25rem;
  margin: 1rem 0;
}

.is-medium {
  font-size: 1rem;
}

.is-small {
  font-size: 0.875rem;
}
/* [s] 220614 */
.is-pos {
  position: relative;
}
/* [e] 220614 */
.margin-top-none {
  margin-top: 0 !important;
}

.margin-bottom-none {
  margin-bottom: 0 !important;
}

.margin-top {
  margin-top: 1rem !important;
}

.margin-bottom {
  margin-bottom: 1rem !important;
}

.margin-left {
  margin-left: 1rem !important;
}

.margin-right {
  margin-right: 1rem !important;
}

.margin-left-small {
  margin-left: 0.5rem !important;
}

.margin-right-small {
  margin-right: 0.5rem !important;
}

/* 210615 추가 */
.margin-top2 {
  margin-top: 2rem !important;
}

/* [s] 230802 */
.margin-top-medium {
  margin-top: 2.25rem !important;
}
/* [e] 230802 */

.margin-top-large {
  margin-top: 3rem !important;
}

.margin-bottom-large {
  margin-bottom: 3rem !important;
}

.margin-top-xl {
  margin-top: 4rem !important;
}

.margin-bottom-xl {
  margin-bottom: 4rem !important;
}

.margin-top-small {
  padding-top: 0.5rem !important; /* 21062403 */
}

.margin-bottom-small {
  margin-bottom: 0.5rem !important;
}

.margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.padding-top-none {
  padding-top: 0 !important;
}

.padding-bottom-none {
  padding-bottom: 0 !important;
}

.padding-top {
  padding-top: 1rem !important;
}

.padding-bottom {
  padding-bottom: 1rem !important;
}

.padding-left {
  padding-left: 1rem !important;
}

.padding-right {
  padding-right: 1rem !important;
}

.padding-left.date-line {
  padding-left: 0.5rem !important;
}

.padding-right.date-line {
  padding-right: 0.5rem !important;
}

.padding-left-small {
  padding-left: 0.5rem !important;
}

.padding-right-small {
  padding-right: 0.5rem !important;
}

.padding-right-large {
  padding-right: 2.5rem !important;
}

.padding-right-xl {
  padding-right: 5rem !important;
}

/* [s] 240216 추가 */
.padding-right-btn {
  padding-right: 7.5rem !important;
}
/* [e] 240216 추가 */

.padding-top-large {
  padding-top: 2rem !important;
}

/* 220330 */
.padding-top-large.padding-top-large {
  padding-top: 1.563rem !important;
}
/* //220330 */

/* [s] 230607 */
.padding-top-flexible {
  padding-top: 1.875rem !important; /* 230608 수정 */
}
/* [e] 230607 */

.padding-bottom-large {
  padding-bottom: 2rem !important;
}

/* [s] 240125 추가 */
.email-confirm {
  display: inline-block;
  margin-top: 2rem !important;
}
/* [e] 240125 추가 */

.is-success {
  color: #027337 !important; /* 210728 */
}

.is-danger {
  color: #b71256 !important;
}

.is-point-color {
  color: #b71256 !important;
}

/* 21071404 */
.is-sub-text,
.is-sub-text a {
  color: #555 !important;
  font-weight: normal !important;
}

/* [s] 230616 */
.link-txt {
  padding-top: 28px;
  text-align: center;
}
.link-txt a,
.link-txt p {
  font-size: 14px;
  color: #767676;
  line-height: 21px;
  text-decoration: underline;
}
.link-txt.has-coupon a {
  position: relative;
  padding-right: 24px;
}
.link-txt.has-coupon a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  margin-top: -3px;
  background: url(../images/ico_detail.svg) no-repeat 50%/20px;
}
/* [e] 230616 */

/* [s] 220607 */
.container .wrapper .content-area > .pd-none {
  padding: 0;
}
.is-sub-text.pd-left {
  padding: 0 1.5rem 0 1.5rem;
}
.pagination-sm.pd-left {
  padding: 0 1.5rem 3rem 1.5rem;
}
/* [e] 22067 */

.is-dimmed {
  color: #bbb !important;
}

.is-anchor {
  display: inline-block;
  color: #b71256;
  text-decoration: underline;
  margin-top: 2rem;
}

.is-anchor.is-small {
  color: #777;
  font-size: 0.875rem;
  margin: 0;
}

.only {
  display: inline-block;
  padding: 2px 6px;
  border: 1px solid #ddd;
  word-break: break-all;
  border-radius: 3px;
  font-size: 0.75rem;
  color: #b71256;
  margin: 2px;
}

.alert {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem 2rem;
  background: #fac9dd;
  font-size: 0.75rem;
  color: #b71256;
}

.note {
  display: block;
  color: #777;
  font-size: 0.75rem;
  padding: 0.25rem 0 0.25rem 1.3rem;
  margin-top: 1.5rem;
  background-image: url("../images/ico_noti.svg");
  background-repeat: no-repeat;
  background-position: left 0.385rem;
  background-size: 1rem;
}
.note.is-danger {
  background-image: url("../images/ico_noti_red.svg");
}

.note.is-small {
  font-size: 0.75rem;
  background-size: 1rem;
  /* background-position: left .25rem; */
  background-position: left 0.35rem; /*20.11.05*/
  padding-left: 1.25rem;
}

.note strong {
  color: #b71256;
}

.note + .form-control,
.note + .form-title {
  /* margin-top: 2.5rem; */
  padding-top: 2.5rem; /* tws */
}

.desc:before {
  display: inline-block;
  content: "※";
  margin-right: 0.25rem;
}

/* [s] 231006 */
.msg-info {
  font-size: 12px;
  color: #555;
  line-height: 20px;
  letter-spacing: -0.32px;
}
/* [e] 231006 */

.box {
  position: relative;
  background: #f9f9f9; /* 210827 */
  border: 1px solid #eee;
  font-size: 0.875rem;
  /* color: #777; 210827 */
  line-height: 1.6;
  padding: 1rem;
  margin: 0.5rem 0;
  word-break: break-word; /* 211104 */
}

.box.no-background {
  background: transparent;
}

/* 211104 추가*/
.box.no-border {
  border: 0;
}

.box.has-footer {
  padding-bottom: 1.75rem;
}

.box textarea {
  border: none;
  padding: 0;
}

.box .remain {
  position: absolute;
  right: 1rem;
  bottom: 0.375rem;
  -webkit-transform: none;
  transform: none;
  font-size: 0.875rem;
  color: #777;
}

/* 210429 */
.box strong {
  color: #333;
}

.empty-msg {
  color: #666;
  font-size: 0.875rem;
  text-align: center;
  background: url("../images/ico_bubble.svg") no-repeat top center;
  padding-top: 3.5rem;
  margin: 2rem 0;
}

.loader {
  position: absolute;
  z-index: 1002;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.loader span {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin: 0 0.25rem;
  -webkit-animation: bounce 1.1s infinite ease-in-out;
  animation: bounce 1.1s infinite ease-in-out;
  will-change: transform;
}

.loader span:nth-child(1) {
  background: #b71256;
  -webkit-animation-delay: -0.15s;
  animation-delay: -0.15s;
}

.loader span:nth-child(2) {
  background: #ff00a8;
}

.loader span:nth-child(3) {
  background: #f100bd;
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

.loader span:last-child {
  width: 0;
  margin: 0;
}

.loader ~ .lnb,
.loader ~ .container {
  -webkit-filter: blur(0.125rem);
  filter: blur(0.125rem);
  pointer-events: none;
}

.scroll-wrapper {
  overflow-y: auto;
  padding: 0 1.5rem;
  border: 1px solid #eee;
}

/* [s]210428 */
.text-link {
  text-align: center;
  padding: 15px 0;
}
.text-link a {
  text-decoration: underline;
  color: #666;
  font-size: 0.875rem;
}
/* [s] 230802 */
.text-link.has-text-right {
  text-align: right;
}
/* [e] 230802 */
/* [e]210428 */

@-webkit-keyframes bounce {
  0%,
  90%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    -webkit-filter: hue-rotate(-70deg) sepia(50%) brightness(150%);
    filter: hue-rotate(-70deg) sepia(50%) brightness(150%);
  }
}

@keyframes bounce {
  0%,
  90%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    -webkit-filter: hue-rotate(-70deg) sepia(50%) brightness(150%);
    filter: hue-rotate(-70deg) sepia(50%) brightness(150%);
  }
}

::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #d1d2d3;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #c1c2c3;
}

::-webkit-scrollbar-thumb:active {
  background: #b1b2b3;
}

::-webkit-scrollbar-track {
  background: none;
}

/* 210615 */
.page-top-desc {
  margin-top: 0;
}

body {
  background: white;
  color: #333;
  overflow: hidden;
}

button,
input {
  /*20.10.29 input,button IOS기본스타일 제거*/
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* [s] 230207 */
.unset {
  overflow: unset !important;
}
/* [e] 230207 */

/* [s] 240304 추가 */
.ovh {
  overflow: hidden !important;
}
/* [e] 240304 추가 */

body.login header > .flex-container {
  display: none !important;
}

header:not(.lightpick__month-title-bar) {
  position: fixed;
  top: 0;
  z-index: 100; /* 230131 */
  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;

  height: 6.25rem; /* 21071404 */ /* 221219 수정 */
  padding: 0 1.5rem 0; /* 230911 추가 */
  /* padding:constant(safe-area-inset-top) 1.5rem 0; 230911 삭제 */
  /* padding:env(safe-area-inset-top) 1.5rem 0; 230911 삭제 */
  width: calc(100% - 3rem);
  box-sizing: content-box;

  background: white;
  /* border-bottom: 1px solid #e2e2e2; 221219 삭제 */
  -webkit-transition: 0.2s ease-in; /* 230904 수정 */
  transition: 0.2s ease-in; /* 230904 수정 */
}

/* [s] 240220 추가 */
header.none {
  display: none;
}
/* [e] 240220 추가 */

/* [s] 230911 */
body:not(.has-top-banner) header:not(.lightpick__month-title-bar) {
  padding: constant(safe-area-inset-top) 1.5rem 0;
  padding: env(safe-area-inset-top) 1.5rem 0;
}
/* [e] 230911 */

header:not(.lightpick__month-title-bar) > div:not(.flex-container) {
  position: relative;
  width: 100%; /* 221219 수정 */
  margin: 0 auto;
  height: 100%;
}

header.intro-header > div:not(.flex-container) {
  width: 1024px !important; /* 210420 */
}

header:not(.lightpick__month-title-bar) .logo_cor {
  text-align: center;
  height: 100%;
}

header:not(.lightpick__month-title-bar) .logo_cor img {
  height: 1.18rem;
  margin-top: 1.3rem; /* 21071503 */
}

/* [s] 240115 */
/* 계열사에서 MYLGI로그인 페이지 상단 BI 이미지 크기 버전 추가*/
header:not(.lightpick__month-title-bar) .logo_cor.type1 img {
  height: 1.5rem;
}
/* [e] 240115 */

/* [s] 221219 */
header:not(.lightpick__month-title-bar).scrolled {
  /* border-bottom-color: #eee; 221219 삭제 */
  border-bottom: 0;
  -webkit-box-shadow: 0px 15px 16px rgb(102 102 102 / 15%);
  box-shadow: 0px 15px 16px rgb(102 102 102 / 15%);
}
/* [e] 221219 */

header:not(.lightpick__month-title-bar).show-back-button .back-button {
  display: none;
}

header:not(.lightpick__month-title-bar).show-back-button .back-button span {
  margin-left: 0.25rem;
}

header:not(.lightpick__month-title-bar).blur {
  -webkit-filter: blur(0.125rem);
  filter: blur(0.125rem);
  pointer-events: none;
}

header:not(.lightpick__month-title-bar) h1 a {
  display: inline-block;
  margin-top: 10px; /* 21071405 */
}

header:not(.lightpick__month-title-bar) h1 img {
  width: 7rem;
  height: 1.12rem;
}

header:not(.lightpick__month-title-bar) .back-button {
  display: none;
  position: absolute;
  top: 0;
  left: -0.5rem;
  z-index: 2;
  height: 4rem; /* 21071404 */
}

header:not(.lightpick__month-title-bar) button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  color: #111;
  padding: 0;
  border: none;
}

/* [s] 221216 */
header:not(.lightpick__month-title-bar) .menu-button {
  /* overflow:hidden; 230131 삭제 */
  position: absolute;
  top: 50%;
  right: 96px;
  z-index: 2;
  width: 3.125rem;
  height: 3.125rem; /* 21071404 */
  margin-top: -19px; /* 221219 수정 */
  background: url(../images/btn_hamburger_v2.png) no-repeat 50% / 3.125rem;
  color: transparent; /* 230131 추가 */
  /* text-indent:-9999px; 230131 삭제 */
}
/* [s] IT200054A2-5596 [SI] [UserWeb] 마켓 검색 header */
header.search-header:not(.lightpick__month-title-bar) .search-button {
  display: none;
  position: absolute;
  top: 50%;
  right: 3.5rem;
  z-index: 2;
  width: 3.125rem;
  height: 3.125rem;
  margin-top: -19px;
  background: url("../images/ico_search.svg") no-repeat 50% /1.7rem;
  color: transparent; /* 230131 추가 */
}
header.search-header:not(.lightpick__month-title-bar) .search-box-area {
  display: none;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 마켓 검색 header */
/* [e] 221216 */

/* [s] 230131 */
header:not(.lightpick__month-title-bar) .menu-button:hover {
  color: transparent;
}
/* [e] 230131 */

/* [s] 221219 */
header:not(.lightpick__month-title-bar) .menu-button.active {
  background: url(../images/btn_close_v2.png) no-repeat 50% / 3.125rem;
}
header:not(.lightpick__month-title-bar) .menu-button.active:hover {
  background: url(../images/btn_close_hover_v2.png) no-repeat 50% / 3.125rem;
}
/* [e] 221219 */

header:not(.lightpick__month-title-bar) button svg {
  display: none; /* 221216 추가 */
  width: 1rem;
  height: 1rem;
  margin: 0 0.25rem;
}

header:not(.lightpick__month-title-bar) button:hover {
  color: #b71256;
}

header:not(.lightpick__month-title-bar) button:hover svg {
  fill: #b71256;
}

/* [s] 220705 dev / stg클래스 추가 */
body.dev header h1 {
  text-align: center;
}
body.dev header::after {
  content: attr(data-after);
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -13px;
  padding: 2px 6px;
  border-radius: 5px;
  background: rgb(102, 102, 255);
  font-size: 16px;
  color: #fff;
}
body.stg header h1 {
  text-align: center;
}
body.stg header::after {
  content: attr(data-after);
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -13px;
  padding: 2px 6px;
  border-radius: 5px;
  background: #ce1461;
  font-size: 16px;
  color: #fff;
}
body.local header h1 {
  text-align: center;
}
body.local header::after {
  content: attr(data-after);
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -13px;
  padding: 2px 6px;
  border-radius: 5px;
  background: #2cde50;
  font-size: 16px;
  color: #fff;
}
/* [e] 220705 dev / stg클래스 추가 */

/* [s]210524 */

header h1 {
  display: none;
}

/* 210528 */
.login header h1,
.signUp header h1 {
  display: block;
}

header h2 {
  display: none;
}

header:not(.lightpick__month-title-bar) h2.page-title {
  display: none; /* 221219 수정 */
  font-size: 1.125rem;
  text-align: center;
  width: 70%;
  position: absolute;
  left: 15%;

  /* 21063002
  padding-top:constant(safe-area-inset-top);
  padding-top:env(safe-area-inset-top);
   */
}

/* [s] 221026 */
header:not(.lightpick__month-title-bar) h1.page-title {
  display: block;
  position: absolute;
  left: 15%;
  width: 70%;
  font-size: 1.125rem;
  text-align: center;
}
/* [e] 221026 */

header:not(.lightpick__month-title-bar) .flex-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header:not(.lightpick__month-title-bar) .flex-container .form-control {
  display: none;
  width: 1.5rem;
  border-bottom-width: 0;
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transition: 0.6s all;
  transition: 0.6s all;
  overflow: hidden;
}

header:not(.lightpick__month-title-bar)
  .flex-container
  .form-control
  input[type="text"] {
  height: auto !important;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  width: 0;
  padding-right: 0 !important;
}

header:not(.lightpick__month-title-bar)
  .flex-container
  .form-control.is-active {
  width: 100%;
  border-bottom-width: 2px;
}

header:not(.lightpick__month-title-bar)
  .flex-container
  .form-control.is-active
  input[type="text"] {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  width: 100%;
}

header:not(.lightpick__month-title-bar) .flex-container hr {
  display: none;
  width: 1px;
  height: 1rem;
  margin: 0 1rem;
  border: none;
  background: #888;
}

header:not(.lightpick__month-title-bar) .flex-container button {
  margin-left: 1rem;
}

header:not(.lightpick__month-title-bar) .flex-container button.menu-button {
  position: absolute;
  right: 1.5rem;
  top: 50%; /* 221216 수정 */
}

/* [s] 221219 */
header .top-contents {
  position: absolute !important;
  width: 100% !important;
  height: calc(100% + 1px) !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #eee;
  font-family: "Noto Sans KR";
}
header .top-contents .inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1.9375rem 7.5rem 1.1875rem;
  box-sizing: border-box;
}
header h1.main-logo {
  display: block;
  width: 8.875rem;
  height: 1.5625rem;
}
header h1.main-logo a {
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 0;
}
header h1.main-logo a img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
header .login-link {
  margin-left: auto;
  padding-right: 3.187rem;
  margin-right: 50px;
}
header .login-link:after {
  content: "";
  display: block;
  clear: both;
}
header .login-link li {
  float: left;
  margin-top: 0;
  padding-left: 0.875rem;
}
header .login-link li:first-child {
  padding-left: 0;
}
header .login-link li a {
  position: relative;
}
header .login-link li a,
header .login-link li span {
  font-size: 1.0625rem;
  color: #000;
  line-height: 1.5625rem;
  letter-spacing: -0.02rem;
}
header .login-link li a:not(.btn-logout):hover {
  color: #b31657;
}
header .login-link .user-name {
  position: relative;
}
/* [s] 240119 추가 */
header .login-link .set-security {
  padding-left: 1.8rem;
  font-size: 0.8125rem;
  color: #333;
  line-height: 1.1875rem;
}
header .login-link .set-security:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
  background: url(../images/ico_security_v2.png) no-repeat 50% / 1.25rem;
}
/* [e] 240119 추가 */
header .login-link .btn-logout {
  padding-left: 1.0625rem;
  font-size: 0.8125rem;
  color: #333;
  line-height: 1.1875rem;
}
header .login-link .btn-logout:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.0625rem;
  height: 1.0625rem;
  margin-top: -0.53125rem;
  background: url(../images/ico_logout_v2.png) no-repeat 50% / 1.0625rem;
}
header .login-link.before li {
  padding-left: 0.625rem;
}
header .login-link.before li:first-child {
  padding-left: 0;
}
header .login-link.before li:before {
  content: "/";
  display: inline-block;
  padding-right: 0.625rem;
  font-size: 0.937rem;
  font-weight: 250;
  color: #000;
  letter-spacing: -0.02rem;
}
header .login-link.before li:first-child:before {
  display: none;
}

header .drop-contents {
  display: none;
  overflow-y: auto;
  position: absolute !important;
  top: 101px;
  left: 0;
  height: 350px !important; /* 230213 수정 */ /* 231214 수정 */
  background-color: #fff;
  font-family: "Noto Sans KR";
}
header .drop-contents .inner {
  /* height:353px; 230213 삭제 */
  padding: 3.125rem 8.5rem 3.125rem 7.4375rem;
  box-sizing: border-box;
}
header .nav {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
header .nav .nav-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
/* [s] 230608 */
header .nav .gnb-wrap {
  padding-right: 4.375rem;
}
header .nav .gnb-wrap::after {
  content: "";
  display: block;
  clear: both;
}
header .nav .gnb-wrap ul {
  float: left;
}
header .nav .gnb-wrap ul + ul {
  padding-left: 2.125rem;
}
/* [e] 230608 */
header .nav .gnb-wrap .gnb-depth1 {
  font-size: 1.375rem;
  line-height: 2.06rem;
  letter-spacing: -0.02rem;
}
header .nav .gnb-wrap ul {
  padding-top: 1.25rem;
}
header .nav .gnb-wrap li {
  margin-top: 0;
}
header .nav .gnb-wrap .gnb-depth2 a {
  display: block;
  position: relative;
  padding-left: 1.875rem;
  font-size: 0.875rem;
  color: #666;
  line-height: 2.5rem;
  letter-spacing: -0.05rem;
  white-space: nowrap;
}
header .nav .gnb-wrap .gnb-depth2 a:hover {
  font-weight: 500;
  color: #b31657;
}
header .nav .gnb-wrap .gnb-depth2 a.on {
  font-weight: 500;
  color: #333;
}
header .nav .gnb-wrap .gnb-depth2 a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.375rem;
  height: 1.375rem;
  margin-top: -0.6875rem;
}
/* [s] 230608 */
header .nav .gnb-wrap .gnb-depth2 a.menu-join:before {
  background: url(../images/ico_join_v2.svg) no-repeat 50% / 1.375rem;
}
/* [s] 240902 메뉴추가 */
header .nav .gnb-wrap .gnb-depth2 a.menu-my-reward:before {
  background: url(../images/ico_my_reward_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-application:before {
  background: url(../images/ico_application_v2.svg) no-repeat 50% / 1.375rem;
}
/* [e] 240902 메뉴추가 */
/* [s] IT200054A2-5596 [SI] [UserWeb] 메뉴 리워드,마켓 아이콘 추가  */
header .nav .gnb-wrap .gnb-depth2 a.menu-my-reward:before {
  background: url(../images/ico_my_reward.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-market:before {
  background: url(../images/ico_market.svg) no-repeat 50% / 1.375rem;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 메뉴 리워드,마켓 아이콘 추가  */
/* [s] 241126 메뉴추가 */
header .nav .gnb-wrap .gnb-depth2 a.menu-shopping:before {
  background: url(../images/ico_shopping.svg) no-repeat 50% / 1.375rem; 
}
/* [e] 241126 메뉴추가 */
/* [s] 240902 메뉴추가 */
header .nav .gnb-wrap .gnb-depth2 a.menu-village:before {
  background: url(../images/ico-village.svg) no-repeat 50% / 1.375rem;
}
/* [e] 240902 메뉴추가 */
header .nav .gnb-wrap .gnb-depth2 a.menu-status:before {
  background: url(../images/ico_status_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-password:before {
  background: url(../images/ico_lock_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-benefits:before {
  background: url(../images/ico_benefits_v2.png) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-event:before {
  background: url(../images/ico_event_v2.png) no-repeat 50% / 1.375rem;
}
/* [s] 230213 */
header .nav .gnb-wrap .gnb-depth2 a.menu-application:before {
  background: url(../images/ico_application_v2.svg) no-repeat 50% / 1.375rem;
}
/* [e] 230213 */
header .nav .gnb-wrap .gnb-depth2 a.menu-notice:before {
  background: url(../images/ico_notice_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-faq:before {
  top: 52%;
  background: url(../images/ico_faq_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-qna:before {
  background: url(../images/ico_qna_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-mind:before {
  background: url(../images/ico_mind_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-benefits2:before {
  background: url(../images/ico_benefits2_v2.svg) no-repeat 50% / 1.375rem;
}

header .nav .gnb-wrap .gnb-depth2 a.menu-join:hover:before {
  background: url(../images/ico_join_hover_v2.svg) no-repeat 50% / 1.375rem;
}
/* [s] IT200054A2-5596 [SI] [UserWeb] 메뉴 리워드,마켓 아이콘 추가  */
header .nav .gnb-wrap .gnb-depth2 a.menu-my-reward:hover:before {
  background: url(../images/ico_my_reward_hover.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-market:hover:before {
  background: url(../images/ico_market_hover.svg) no-repeat 50% / 1.375rem;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 메뉴 리워드,마켓 아이콘 추가  */
header .nav .gnb-wrap .gnb-depth2 a.menu-status:hover:before {
  background: url(../images/ico_status_hover_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-password:hover:before {
  background: url(../images/ico_lock_hover_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-benefits:hover:before {
  background: url(../images/ico_benefits_hover_v2.png) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-event:hover:before {
  background: url(../images/ico_event_hover_v2.png) no-repeat 50% / 1.375rem;
}
/* [s] 230213 */
header .nav .gnb-wrap .gnb-depth2 a.menu-application:hover:before {
  background: url(../images/ico_application_hover_v2.svg) no-repeat 50% /
    1.375rem;
}
/* [e] 230213 */
header .nav .gnb-wrap .gnb-depth2 a.menu-notice:hover:before {
  background: url(../images/ico_notice_hover_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-faq:hover:before {
  top: 52%;
  background: url(../images/ico_faq_hover_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-qna:hover:before {
  background: url(../images/ico_qna_hover_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-mind:hover:before {
  background: url(../images/ico_mind_hover_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-benefits2:hover:before {
  background: url(../images/ico_benefits2_hover_v2.svg) no-repeat 50% / 1.375rem;
}
/* [s] 240906 */
header .nav .gnb-wrap .gnb-depth2 a.menu-village:hover:before {
  background: url(../images/ico_village_hover.png) no-repeat 50% / 1.375rem;
}
/* [e] 240906 */
/* [s] 241212 */
header .nav .gnb-wrap .gnb-depth2 a.menu-shopping:hover:before {
  background: url(../images/ico_shopping_hover.png) no-repeat 50% / 1.375rem;
}
/* [e] 241212 */
header .nav .gnb-wrap .gnb-depth2 a.menu-join.on:before {
  background: url(../images/ico_join_on_v2.svg) no-repeat 50% / 1.375rem;
}
/* [s] IT200054A2-5596 [SI] [UserWeb] 메뉴 리워드,마켓 아이콘 추가  */
header .nav .gnb-wrap .gnb-depth2 a.menu-my-reward.on:before {
  background: url(../images/ico_my_reward_hover_on.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-market.on:before {
  background: url(../images/ico_market_on.svg) no-repeat 50% / 1.375rem;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 메뉴 리워드,마켓 아이콘 추가  */
header .nav .gnb-wrap .gnb-depth2 a.menu-status.on:before {
  background: url(../images/ico_status_on_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-password.on:before {
  background: url(../images/ico_lock_on_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-benefits.on:before {
  background: url(../images/ico_benefits_on_v2.png) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-event.on:before {
  background: url(../images/ico_event_on_v2.png) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-notice.on:before {
  background: url(../images/ico_notice_on_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-faq.on:before {
  top: 52%;
  background: url(../images/ico_faq_on_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-qna.on:before {
  background: url(../images/ico_qna_on_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-application.on:before {
  background: url(../images/ico_application_on_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-mind.on:before {
  background: url(../images/ico_mind_on_v2.svg) no-repeat 50% / 1.375rem;
}
header .nav .gnb-wrap .gnb-depth2 a.menu-benefits2.on:before {
  background: url(../images/ico_benefits2_on_v2.svg) no-repeat 50% / 1.375rem;
}
/* [e] 230608 */

/* header .nav .my-lg{
  padding-right:6.875rem;
}
header .nav .my-lg:after{
  content:'';
  display:block;
  clear:both;
}
header .nav .my-lg .gnb-depth1{
  float:none;
}
header .nav .my-lg ul{
  float:left;
}
header .nav .my-lg ul + ul{
  padding-left:2.125rem;
} 230608 삭제 */
header .nav .nav-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* width:52.187rem; 230208 삭제 */
}
/* [s] IT200054A2-5596 [SI] [UserWeb] 로그인 전 나의 리워드  */
header .nav .nav-right .login-previous-info-box,
.side-gnb.new .login-previous-info-box {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 16px 20px;
  border-radius: 5px;
  border: 1px solid #f2f2f2;
  background: #f9f9f9;
  vertical-align: middle;
}
.side-gnb.new .login-previous-info-box {
  margin-bottom: 0;
  border-radius: 0;
}
/* [s] IT200054A2-5592 [SI] [UserWeb] MyTown - 가로모드 시 스크롤 개선 S */
.side-gnb.new .mobile-scroll {
  height: 100%;
  max-height: -webkit-fill-available;
}
/* [s] IT200054A2-5592 [SI] [UserWeb] MyTown - 가로모드 시 스크롤 개선 E */
/* [s] 240119 추가 */
.side-gnb.new a.set-security {
  position: absolute;
  top: 2.4rem;
  right: 3.35rem;
  width: 2rem;
  height: 2rem;
  margin-top: constant(safe-area-inset-top);
  margin-top: env(safe-area-inset-top);
  background: url(../images/ico_security_v2.png) no-repeat 50% / 1.7rem;
  color: transparent;
}

.side-gnb.new .btn-qr {
  position: absolute;
  top: 2.4rem;
  right: 5.6rem;
  width: 2rem;
  height: 2rem;
  margin-top: constant(safe-area-inset-top);
  margin-top: env(safe-area-inset-top);
  background: url(../images/ico_qr_v2.png) no-repeat 50% / 1.5rem; /* 230302 수정 */
  color: transparent;
}
/* [e] 240119 추가 */
header .nav .nav-right .login-previous-info-box p,
.side-gnb.new .login-previous-info-box p {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #777;
  vertical-align: middle;
}
header .nav .nav-right .login-previous-info-box p::before,
.side-gnb.new .login-previous-info-box p::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(../images/ico_noti.svg) no-repeat center;
  background-size: 100%;
  vertical-align: middle;
}

header .nav .nav-right .login-previous-info-box p strong,
.side-gnb.new .login-previous-info-box p strong {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration-line: underline;
  color: #777;
  vertical-align: middle;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 로그인 전 나의 리워드  */
/* [s] IT200054A2-5596 [SI] [UserWeb] 로그인 후 나의 리워드  */
.side-gnb.new .my-box-wrap {
  padding: 0 1.25rem;
}
header .nav .setting-wrap .hello-tit,
.side-gnb.new .hello-tit {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.44px;
  color: #333; /* 240116 */
}
header .nav .setting-wrap .hello-tit::after,
.side-gnb.new .hello-tit::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  background-image: url("../images/ico_arrow_right.png");
  background-size: 100%;
}
header .nav .setting-wrap .hello-tit strong,
.side-gnb.new .hello-tit strong {
  display: inline-block;
  margin-left: 5px;
  font-weight: 700;
  line-height: 24px;
  vertical-align: middle;
}
header .nav .setting-wrap .border-box,
.side-gnb.new .border-box {
  display: flex;
  align-items: center;
  min-height: 93px;
  padding: 15px 0;
  border-radius: 15px;
  border: 2px solid #b71256;
  background: #fff;
}
header .nav .setting-wrap .border-box .items,
.side-gnb.new .border-box .items {
  position: relative;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
header .nav .setting-wrap .border-box .items span,
.side-gnb.new .border-box .items span {
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1;
}
header .nav .setting-wrap .border-box .items p,
header .nav .setting-wrap .border-box .items p a,
.side-gnb.new .border-box .items p,
.side-gnb.new .border-box .items p a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
  color: #333;
}
header .nav .setting-wrap .border-box .items p a:active,
.side-gnb.new .border-box .items p a:active {
  color: #333;
}
header .nav .setting-wrap .border-box .items + .items::before,
.side-gnb.new .border-box .items + .items::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  width: 2px;
  height: 58px;
  background: rgba(222, 222, 222, 0.7);
  transform: translateY(-50%);
}

.ico-reward::before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 10px;
  background: url(../images/ico_reward.png) no-repeat center;
  background-size: 100%;
  vertical-align: middle;
}
.ico-coupon::before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 10px;
  background: url(../images/ico_coupon.png) no-repeat center;
  background-size: 100%;
  vertical-align: middle;
}
.mb-20 {
  margin-bottom: 20px;
}
header .nav .setting-wrap .border-box.no-certify .items,
.side-gnb.new .border-box.no-certify .items {
  width: 100%;
  text-align: center;
}
header .nav .setting-wrap .border-box.no-certify .items p,
.side-gnb.new .border-box.no-certify .items p {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #333;
}
.side-gnb.new .border-box.no-certify .items p.ico-coupon {
  display: flex;
  font-size: 14px;
}
header .nav .setting-wrap .border-box.no-certify .items p strong,
.side-gnb.new .border-box.no-certify .items p strong {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration-line: underline;
  color: #333;
}

.side-gnb.new .side-event-banner img {
  display: block;
  width: 100%;
  height: 64px;
}

/* [e] IT200054A2-5596 [SI] [UserWeb] 로그인 후 나의 리워드  */

header .nav .setting-wrap {
  padding-right: 2.75rem;
}
header .nav .setting-wrap ul {
  width: 20rem;
  padding-bottom: 1.1875rem; /* 230131 추가 */
}
header .nav .setting-wrap li + li {
  margin-top: -1px;
}
header .nav .setting-wrap li a {
  display: block;
  position: relative;
  padding: 1.0625rem 1.875rem 0.937rem 4.25rem;
  border: 1px solid #eaeaea;
  background-color: #fff;
  box-sizing: border-box;
  font-size: 1rem;
  color: #000;
  line-height: 1.187rem;
  letter-spacing: -0.02rem;
}
header .nav .setting-wrap li a:hover {
  border-color: #b31657;
  color: #b31657;
}
header .nav .setting-wrap li a.set-profile {
  border-radius: 4px 4px 0 0;
}
header .nav .setting-wrap li a.set-security {
  border-radius: 0 0 4px 4px;
}
header .nav .setting-wrap li a:before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem; /* 230131 수정 */
  left: 1.875rem;
  width: 1.5rem;
  height: 1.5rem;
}
header .nav .setting-wrap li a.set-profile:before {
  background: url(../images/ico_profile_v2.png) no-repeat 50% / 1.5rem;
}
header .nav .setting-wrap li a.set-security:before {
  background: url(../images/ico_security_v2.png) no-repeat 50% / 1.5rem;
}

header .nav .setting-wrap li a.set-profile:hover:before {
  background: url(../images/ico_profile_hover_v2.png) no-repeat 50% / 1.5rem;
}
header .nav .setting-wrap li a.set-security:hover:before {
  background: url(../images/ico_security_hover_v2.png) no-repeat 50% / 1.5rem;
}
header .nav .setting-wrap li a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #eaeaea;
}
header .nav .setting-wrap li a.set-profile::after {
  bottom: -1px;
}
header .nav .setting-wrap li a.set-security::after {
  top: -1px;
}
header .nav .setting-wrap li a.set-profile:hover::after,
header .nav .setting-wrap li a.set-security:hover::after {
  z-index: 1;
  background-color: #b31657;
}
/* header .nav .setting-wrap .btn-box{
  padding-top:1.1875rem;
} 230131 삭제 */
header .nav .setting-wrap .btn-box a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
header .nav .setting-wrap .btn-box a img {
  -webkit-filter: grayscale(100%) brightness(0);
  filter: grayscale(100%) brightness(0);
}
header .nav .setting-wrap .btn-box a:hover img {
  -webkit-filter: grayscale(0) brightness(1);
  filter: grayscale(0) brightness(1);
}
header .nav .setting-wrap .btn-box a p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #000;
  line-height: 1.1875rem;
  letter-spacing: -0.01rem;
}
header .nav .setting-wrap .btn-box a:hover p {
  color: #b31657;
}
header .nav .setting-wrap .btn-box a span {
  display: block;
}
/* [s] 240704 */
header .nav .setting-wrap .gnb-banner{
  width:320px;
  height:64px;
}
header .nav .setting-wrap .gnb-banner img{
  width:100%;
  border-radius:10px;
}
/* [e] 240704 */
/* [s] 230131 */
header .nav .setting-wrap .btn-box .qr-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
header .nav .setting-wrap .btn-box .qr-inner img {
  -webkit-filter: grayscale(100%) brightness(0);
  filter: grayscale(100%) brightness(0);
}
header .nav .setting-wrap .btn-box .qr-inner p {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.1875rem;
  letter-spacing: -0.01rem;
}
header .nav .setting-wrap .btn-box .qr-inner span {
  display: block;
}
/* [s] 230208 */
header .nav .banner-wrap {
  width: 300px;
  height: 250px;
}
header .nav .banner-wrap img {
  width: 100%;
}
/* [e] 230208 */

/* [e] 230131 */
header.is-active .drop-contents {
  display: block;
  -webkit-box-shadow: 0px 15px 16px rgb(102 102 102 / 15%);
  box-shadow: 0px 15px 16px rgb(102 102 102 / 15%);
}
/* [e] 221219 */

/* [s] 250325 알림아이콘 추가 */
header .nav .nav-right .setting-wrap .my-info-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .nav .nav-right .my-info-box .ico-noti{
  width: 20px;
  height: 20px;
  margin-bottom: 15px;
  background: url(../images/ico-noti.svg) no-repeat 0 0 / 100%;
  font-size: 0;
}
header .nav .nav-right .my-info-box .ico-noti.active{
  background: url(../images/ico-noti-active.svg) no-repeat 0 0 / 100%;
}
.side-gnb.new .my-info-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* [s] 250618 gnb 수정 */
.side-gnb.new .ico-noti{
  position: absolute; 
  /* display: none;  *//* 250326 추가 */ /* 250618 gnb 삭제 */
  top: 2.5625rem; 
  right: 4.4375rem; /* 250618 gnb 수정 */ 
  width: 25px; 
  height: 25px; 
  /* margin-bottom: 15px; */ /* 250618 gnb 삭제 */
  background: url(../images/ico-noti-v2.png) no-repeat 0 0 / 100%;
  font-size: 0;
  margin-top: constant(safe-area-inset-top); /* 250623 모바일 IOS 여백 오류 */
  margin-top: env(safe-area-inset-top); /* 250623 모바일 IOS 여백 오류 */
}
/* [e] 250618 gnb 수정 */
.side-gnb.new .ico-noti.active{
  background: url(../images/ico-noti-active-v2.png) no-repeat 0 0 / 100%;  /* 250618 gnb 수정 */
}
/* [e] 250325 알림아이콘 추가 */
/* [s] 250618 인증아이콘 추가 */
.side-gnb.new .ico-certification{
  position: absolute; 
  top: 2.5625rem; 
  right: 6.75rem; 
  width: 25px; 
  height: 25px; 
  background: url(../images/ico-certification.png) no-repeat 0 0 / 100%;
  margin-top: constant(safe-area-inset-top); /* 250623 모바일 IOS 여백 오류 */
  margin-top: env(safe-area-inset-top); /* 250623 모바일 IOS 여백 오류 */
}
/* [e] 250618 인증아이콘 추가 */

.container {
  height: 100%;
  padding-top: 6.25rem; /* 21071503 */ /* 221219 수정 */
  overflow-x: hidden;
}

.container.pos-r {
  position: relative;
}

.container.tws-container {
  height: 100%; /* 21071503 */
}
.container .tws-wordWrap {
  word-wrap: break-word !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  white-space: pre-wrap !important;
}
.container .wrapper {
  width: 30rem;
  min-height: calc(100% - 5rem);
  margin: 0 auto;
}
/* [s] 230213 */
.container .wrapper.wide {
  width: 100%;
  margin: 0;
}
/* [e] 230213 */

/* [s] 230130 */
.container .wrapper .page-title {
  padding: 3rem 0 1rem;
}
/* [e] 230130 */

.container .wrapper .page-desc {
  padding: 1rem 0 2rem;
}

/* [s] 240520 */
.container .wrapper .page-desc .txt{
  font-size:14px;
  line-height:20px;
}
.container .wrapper .page-desc .notice{
  margin-top:8px;
  font-size:12px;
  line-height:17px;
  color:#b71256;
}
/* [e] 240520 */
.container .wrapper .sub-title {
  font-size: 1.125rem;
}

.container .wrapper .content-area {
  padding-bottom: 3rem;
}

.container .wrapper .content-area > div {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 0 1.5rem;
}
.container .wrapper .content-area > div.steps {
  padding: 3rem 1.5rem 3rem;
}

.container .wrapper .content-area > div > label {
  font-size: 0.875rem;
  font-weight: 500;
}

.container .wrapper .content-area > div + div {
  margin-top: 2rem;
}

.container .wrapper .content-area > div > p + p {
  margin-top: 1.5rem;
}

.container .wrapper .content-area > div > p .is-anchor {
  margin: 0;
}

.container .wrapper .content-area .service-join-desc p .is-anchor {
  margin: 0;
}

.container .wrapper .content-area > div.message {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  margin: 0;
}

/* [s] 210415 */
.container .wrapper .content-area > div.is-failure {
  padding-top: 100px;
  text-align: center;
}

.container .wrapper .content-area > div.is-failure:before {
  content: "";
  display: inline-block;
  width: 120px;
  height: 86px;
  background: url("../images/ico_failure.svg") no-repeat center top;
  background-size: 120px auto;
}

.container .wrapper .content-area > div.is-failure.cs:before {
  height: 106px;
  background-image: url("../images/ico_failure2.svg");
  background-size: 100px auto;
  width: 100px;
}

.container .wrapper .content-area > div.is-failure .point {
  font-size: 1.125rem;
  margin: 1rem 0 0.25rem;
  color: #111;
}

/* [e] 210415 */

.container .wrapper .content-area > div.message svg {
  height: 4rem;
}

.container .wrapper .content-area > div.message h2 {
  font-size: 1.125rem;
  margin: 1rem 0 0.25rem;
  color: #111;
}

/**add by hmchoi*/
.container .wrapper .content-area nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.container .wrapper .content-area > div.message.is-success svg {
  fill: #00c66b;
}

.container .wrapper .content-area > div.message.is-info svg {
  fill: #2b91cf;
}

.container .wrapper .content-area > div.message.is-warning svg {
  fill: #fad234;
}

.container .wrapper .content-area > div.message.is-danger svg {
  fill: #b71256;
}

.container .wrapper .content-area > div.message button {
  width: 26rem;
}

footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 5rem;

  /* 21070102 */
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);

  box-sizing: initial;
  width: 100%;
  text-align: center;
  background: #f9f9f9; /* 210726 */
}

footer a,
footer p {
  color: #666; /* 210726 */
  font-size: 0.75rem;
}

footer a.lang {
  padding-left: 22px;
  background: url("../images/ico_global.png") no-repeat left center / auto 89%;
}

footer hr {
  width: 1px;
  height: 0.625rem;
  border: none;
  background: #bbb;
  margin: 2px 0.8rem 0;
}

footer .flex-container {
  margin-bottom: 3px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

footer .flex-container .footer-interval {
  padding: 0 5px; /* 210622 푸터 글자 떨어짐 수정*/
}

/* footer_new */
footer .footer-inner {
  display: block;
  position: relative;
  width: 400px; /* 211216 */
  margin: 0 auto;
}

footer .flex-container .privacy {
  color: #666;
  font-weight: 500;
}
/* //footer_new */

/* [s] 230126 */
/* footer */
#footer {
  display: block;
  padding: 3.75rem 0; /* 230711 수정 */
  background-color: #222;
}
#footer .inner {
  max-width: 89.375rem;
  margin: 0 auto;
  padding: 0 0.625rem;
}
#footer .util-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#footer .util-wrap .footer-logo {
  width: 9.0625rem;
}
#footer .util-wrap .footer-logo img {
  width: 100%;
  vertical-align: top; /* 230711 추가 */
}
#footer .util-wrap .link-area:after {
  content: "";
  display: block;
  clear: both;
}
#footer .util-wrap .link-area li {
  float: left;
  margin-top: 0;
}
#footer .util-wrap .link-area li + li {
  padding-left: 1.875rem; /* 230711 수정 */
}
#footer .util-wrap .link-area li a {
  font-size: 1.125rem;
  color: #999;
  line-height: 1.625rem; /* 230711 수정 */
  letter-spacing: -0.05rem;
}
/* [s] 230711 */
#footer .util-wrap .link-area li a strong {
  font-weight: 700;
}
/* [e] 230711 */
#footer .menu-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 3.75rem; /* 230711 수정 */
}
#footer .menu-wrap .link-area {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 62rem; /* 230531 수정 */ /* 230711 수정 */
  margin-right: 1.25rem; /* 230711 추가 */
  /* padding-right:1.25rem; 230711 삭제 */
}
#footer .menu-wrap .link-area > li {
  margin-top: 0;
  padding-right: 0.625rem;
}
/* [s] 230711 */
#footer .menu-wrap .link-area > li:last-child {
  padding-right: 0;
}
/* [e] 230711 */
#footer .menu-wrap .link-area > li > span {
  font-family: "Noto Sans KR"; /* 230711 추가 */
  font-size: 1.375rem;
  font-weight: 700;
  color: #fff;
  line-height: 2.0625rem;
}
/* [s] 230131 */
#footer .menu-wrap .link-area > li > span a {
  color: #fff;
}
/* [e] 230131 */
/* [s] 230711 */
#footer .menu-wrap .link-area > li .info-txt {
  padding-top: 1rem;
  font-family: "Noto Sans KR";
  font-size: 1.125rem;
  color: #999;
  line-height: 1.625rem;
  letter-spacing: -0.05rem;
}
#footer .menu-wrap .link-area > li .info-txt span {
  display: block;
}
/* [e] 230711 */
#footer .menu-wrap .link-area ul {
  padding-top: 1rem; /* 230711 수정 */
}
#footer .menu-wrap .link-area ul li {
  margin-top: 0;
}
#footer .menu-wrap .link-area ul li + li {
  padding-top: 0.625rem; /* 230711 수정 */
}
#footer .menu-wrap .link-area ul li a {
  font-family: "Noto Sans KR"; /* 230711 추가 */
  font-size: 1.125rem; /* 230711 수정 */
  color: #999;
  line-height: 1.625rem; /* 230711 수정 */
  letter-spacing: -0.05rem;
}
#footer .menu-wrap .link-area ul li a:hover {
  color: #fff;
  text-decoration: underline;
}
/* [s] 230302 */
#footer .menu-wrap .mark-area button {
  width: 10.188rem;
  height: 7.375rem;
}
#footer .menu-wrap .mark-area button img {
  width: 100%;
}
/* [e] 230302 */
#footer .menu-wrap .mark-area p {
  padding-top: 0.688rem;
  font-size: 0.688rem;
  color: #999;
  line-height: 0.813rem;
  letter-spacing: -0.02rem;
  text-align: center;
}
/* [s] 240527 */
#footer .address{
  margin-top:3.75rem;
  font-size:0.875rem;
  color:#666;
  line-height:1.25rem;
}
/* [e] 240527 */
#footer .copyright {
  padding-top: 0.5rem; /* 230711 수정 */ /* 240527 수정 */
  font-family: "Noto Sans KR"; /* 230711 추가 */
  font-size: 0.875rem; /* 240527 수정 */
  color: #666; /* 231030 수정 */ /* 240527 수정 */
  line-height: 1.25rem; /* 240527 수정 */
}
#footer button {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: inherit;
}

/* [e] 230126 */

/* [s] 240927 footer-white버전 */
#footerWhite {
  display: block;
  padding: 3.75rem 0;
  background-color: #f9f9f9;
}
#footerWhite .inner {
  max-width: 89.375rem;
  margin: 0 auto;
  padding: 0 0.625rem;
}
#footerWhite .util-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#footerWhite .util-wrap .footer-logo {
  width: 9.0625rem;
}
#footerWhite .util-wrap .footer-logo img {
  width: 100%;
  vertical-align: top; 
}
#footerWhite .util-wrap .link-area:after {
  content: "";
  display: block;
  clear: both;
}
#footerWhite .util-wrap .link-area li {
  float: left;
  margin-top: 0;
}
#footerWhite .util-wrap .link-area li + li {
  padding-left: 1.875rem;
}
#footerWhite .util-wrap .link-area li a {
  font-size: 1.125rem;
  color: #333;
  line-height: 1.625rem;
  letter-spacing: -0.05rem;
}
#footerWhite .util-wrap .link-area li a strong {
  font-weight: 700;
}
#footerWhite .inquiry-wrap{
  margin-top:3rem;
}
#footerWhite .inquiry-wrap .txt{
  display:flex;
  align-items:center;
  gap:12px;
}
#footerWhite .inquiry-wrap .txt span{
  font-size:1.125rem;
  line-height:1.625rem;
}
#footerWhite .inquiry-wrap .txt .inquiry{
  font-size:1.25rem;
  font-weight:700;
  line-height:1.625rem;
}
#footerWhite .address{
  margin-top:3rem;
  font-size:0.875rem;
  color:#808080;
  line-height:1.25rem;
}
#footerWhite .copyright {
  padding-top: 0.5rem;
  font-family: "Noto Sans KR";
  font-size: 0.875rem;
  color: #808080;
  line-height: 1.25rem;
}
#footerWhite button {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: inherit;
}
/* [e] 240927 footer-white버전 */

/* [s] 241105 개인정보처리방침 */
.modal.modal-policy .privacy-article ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:12px;
  margin-top:40px;
}
.modal.modal-policy .privacy-article ul li{
  position:relative;
  width:calc(( 100% - 24px) / 3 );
  margin-bottom:0;
  padding:16px 20px;
  border:1px solid #eee;
  /* cursor:pointer; */
}
.modal.modal-policy .privacy-article ul li:hover{
  background-color:#f9f9f9;
}
.modal.modal-policy .privacy-article ul li:hover::after{
  content:'';
  position:absolute;
  bottom:-1px;
  left:50%;
  transform:translateX(-50%);
  width:14px;
  height:8px;
  z-index:20;
  background:url(../images/ico-arrow2.png) no-repeat 50% 100% / 14px 8px;
}
.modal.modal-policy .privacy-article ul li:hover .tit{
  font-weight:700;
}
.modal.modal-policy .privacy-article .img-box{
  position:relative;
  width:71px;
  height:80px;
  margin:0 auto;
}
.modal.modal-policy .privacy-article .txt-box .tit{
  text-align:center;
}
.modal.modal-policy .privacy-article .desc-box{
  display:none;
  position:absolute;   
  top:142px;
  left:-1px;
  right:0;
  z-index:10;
  width:400px;
  padding: 20px;
  border:1px solid #eee;
  background: #fff;
}
.modal.modal-policy .privacy-article ul li:hover .desc-box{
  display:block;
}
.modal.modal-policy .privacy-article .desc-box.p-left{
  left:auto;
}
.modal.modal-policy .privacy-article .desc-box.p-center{
  left:50%;
  transform:translateX(-50%);
}
.modal.modal-policy .privacy-article .desc-box strong{
  font-weight:700;
}
.modal.modal-policy .privacy-article .desc-box .desc{
  margin-top:12px;
  margin-bottom:0;
}
.modal.modal-policy .privacy-article .desc-box .desc::before{
  content:none;
}
.modal.modal-policy .privacy-article .desc-box .btn-close{
  position:absolute;
  top:12px;
  right:12px;
  padding:0;
  border:0;
}
.modal.modal-policy .privacy-article .desc-box .btn-close .ico-close{
  display:block;
  width:12px;
  height:12px;
  background:url(../images/ico-close2.png) no-repeat 50% 50% / 12px 12px;
  text-indent:-9999px;
}
.modal.modal-policy .privacy-article .privacy-note{
  margin-top:12px;
}
.modal.modal-policy .privacy-article .privacy-note .img-tablet{
  display:none;
}
.modal.modal-policy .privacy-article .privacy-note .img-mo{
  display:none;
}
.modal.modal-policy .modal-footer{
  z-index:20;
} /* 241111 추가 */
/* [e] 241105 개인정보처리방침 */

/* [s] 241114 개인정보처리방침 - 다이렉트페이지 */
.privacy-area .privacy-article ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:12px;
  margin-top:40px;
}
.privacy-area .privacy-article ul li{
  position:relative;
  width:calc(( 100% - 24px) / 3 );
  margin-bottom:0;
  padding:16px 20px;
  border:1px solid #eee;
}
.privacy-area .privacy-article ul li:hover{
  background-color:#f9f9f9;
}
.privacy-area .privacy-article ul li:hover::after{
  content:'';
  position:absolute;
  bottom:-1px;
  left:50%;
  transform:translateX(-50%);
  width:14px;
  height:8px;
  z-index:20;
  background:url(../images/ico-arrow2.png) no-repeat 50% 100% / 14px 8px;
}
.privacy-area .privacy-article ul li:hover .tit{
  font-weight:700;
}
.privacy-area .privacy-article .img-box{
  position:relative;
  width:71px;
  height:80px;
  margin:0 auto;
}
.privacy-area .privacy-article .img-box img{
  width:100%;
}
.privacy-area .privacy-article .txt-box .tit{
  text-align:center;
}
.privacy-area .privacy-article .desc-box{
  display:none;
  position:absolute;   
  top:142px;
  left:-1px;
  right:0;
  z-index:10;
  width:400px;
  padding: 20px;
  border:1px solid #eee;
  background: #fff;
}
.privacy-area .privacy-article ul li:hover .desc-box{
  display:block;
}
.privacy-area .privacy-article .desc-box.p-left{
  left:auto;
}
.privacy-area .privacy-article .desc-box.p-center{
  left:50%;
  transform:translateX(-50%);
}
.privacy-area .privacy-article .desc-box strong{
  font-weight:700;
}
.privacy-area .privacy-article .desc-box .desc{
  margin-top:12px;
  margin-bottom:0;
}
.privacy-area .privacy-article .desc-box .desc::before{
  content:none;
}
.privacy-area .privacy-article .desc-box .btn-close{
  position:absolute;
  top:12px;
  right:12px;
  padding:0;
  border:0;
}
.privacy-area .privacy-article .desc-box .btn-close .ico-close{
  display:block;
  width:12px;
  height:12px;
  background:url(../images/ico-close2.png) no-repeat 50% 50% / 12px 12px;
  text-indent:-9999px;
}
.privacy-area .privacy-article .privacy-note{
  margin-top:12px;
}
.privacy-area .privacy-article .privacy-note img{
  width:100%;
}
.privacy-area .privacy-article .privacy-note .img-tablet{
  display:none;
}
.privacy-area .privacy-article .privacy-note .img-mo{
  display:none;
}
/* [e] 241114 개인정보처리방침 - 다이렉트페이지 */

/* [s] 240326 */
.modal.modal-policy {
  max-width: 1047px;
}
.modal.modal-policy .wrapper .flex-container {
  margin-top: 0.375rem;
}
.modal-policy section {
  padding: 0.5rem 0 0;
}
.modal-policy .clear-fix {
  margin-bottom: 0;
}
.modal-policy .clear-fix select {
  position: relative;
  width: 19.25rem;
  padding: 0.875rem 2.25rem 0.875rem 0.5rem;
  border: 0;
  border-bottom: 1px solid #111;
}
.modal-policy .clear-fix .select-renewal {
  background: #f9f9f9 url(../images/icon-down-arrow.png) no-repeat 98% 50% /
    32px 32px;
}
.modal-policy .clear-fix button {
  margin-left: 0.5rem;
  padding: 0.875rem 1.25rem;
  font-weight: 500;
  color: #555;
  border-radius: 0.25rem;
  background: #eee;
}
.modal-policy .privacy-info {
  margin: 2.5rem 0;
}
.modal-policy .privacy-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.modal-policy .privacy-list li {
  position: relative;
  width: calc(33.33% - 8px);
  margin: 0;
  padding: 1.25rem 1.25rem 1.25rem 0;
  padding-left: 5.75rem;
  border: 1px solid #eee;
}
.modal-policy .privacy-list li .tit {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
}
.modal-policy .privacy-list li .txt {
  margin: 0.25rem 0 0;
  font-size: 0.75rem;
}
.modal-policy .privacy-list li .check-txt {
  margin-top: 0.625rem;
  font-size: 0.68rem;
}
.modal-policy .privacy-list li .email {
  margin: 0;
  font-size: 0.75rem;
  color: #b71256;
}
.modal-policy .privacy-list .privacy8 img {
  margin-top: 0.625rem;
  width: 3.125rem;
  height: 2.06rem;
}
.modal-policy .privacy-list li::after {
  content: "";
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  width: 3.25rem;
  height: 3.62rem;
}
.modal-policy .privacy-list .privacy1::after {
  background: url(../images/icon-privacy1.png) no-repeat 50% 50% / 3.25rem 3.62rem;
}
.modal-policy .privacy-list .privacy2::after {
  background: url(../images/icon-privacy2.png) no-repeat 50% 50% / 3.25rem 3.62rem;
}
.modal-policy .privacy-list .privacy3::after {
  background: url(../images/icon-privacy3.png) no-repeat 50% 50% / 3.25rem 3.62rem;
}
.modal-policy .privacy-list .privacy4::after {
  background: url(../images/icon-privacy4.png) no-repeat 50% 50% / 3.25rem 3.62rem;
}
.modal-policy .privacy-list .privacy5::after {
  background: url(../images/icon-privacy5.png) no-repeat 50% 50% / 3.25rem 3.62rem;
}
.modal-policy .privacy-list .privacy6::after {
  background: url(../images/icon-privacy6.png) no-repeat 50% 50% / 3.25rem 3.62rem;
}
.modal-policy .privacy-list .privacy7::after {
  background: url(../images/icon-privacy7.png) no-repeat 50% 50% / 3.25rem 3.62rem;
}
.modal-policy .privacy-list .privacy8::after {
  background: url(../images/icon-privacy8.png) no-repeat 50% 50% / 3.25rem 3.62rem;
}
.modal-policy .privacy-list .privacy9::after {
  background: url(../images/icon-privacy9.png) no-repeat 50% 50% / 3.25rem 3.62rem;
}
.modal.modal-policy aside {
  display: block;
}
/* [e] 240326 */

/* [s] 240327 */
.modal.modal-policy .privacy-article{
    width:100%;
    max-width:1047px;
}
.modal.modal-policy .privacy-article img{
    width:100%;
}
.modal.modal-policy .privacy-article img.img-policy-pc{
    display:block;
}
.modal.modal-policy .privacy-article img.img-policy-mo{
    display:none;
}
.blind{
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    border: 0;
    z-index: -1;
    clip-path: inset(50%);
    color: transparent !important;
    font-size: 1px;
    line-height: 1px;
}
/* [e] 240327 */


.login {
  position: relative;
  background: white;
}

.login .wrapper {
  /* min-height: initial; 230907 삭제 */
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 2rem;
}

.login .wrapper .title {
  margin: 4rem 0;
}

.login .wrapper .title h1 {
  margin-bottom: 1rem;
}

.login .wrapper .title h1 img {
  width: 10rem; /* 210323 */
  height: 2.5rem;
}

.login .wrapper .title p {
  color: #777;
  font-size: 0.875rem;
}

.login .wrapper .form-control + div label {
  font-size: 0.875rem;
  margin-top: 0.75rem;
  cursor: pointer;
}

/* 210727
.login .wrapper .form-control + div label:before {
  top: .375rem;
} */

.login .wrapper button.is-primary {
  margin-top: 2rem;
}

.login .wrapper .flex-container {
  padding: 0 1.5rem;
  margin-top: 0.5rem;
}

.login .wrapper .flex-container a {
  font-size: 0.875rem;
  color: #666;
}

.login .wrapper .flex-container div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.login .wrapper .flex-container div hr {
  width: 1px;
  height: 0.75rem;
  border: none;
  background: #bbb;
  margin: 0 0.75rem;
}

/* [s] 210203 */
.login .wrapper .text-link {
  text-align: center;
  padding: 15px 0;
}
.login .wrapper .text-link a {
  text-decoration: underline;
  color: #666;
  font-size: 0.875rem;
}
/* [e] 210203 */

/* 210408 
.form-control input[type]:not([type=checkbox]):not([type=radio]).loginCtr{
	padding-right:2.5rem;
}
*/

/* [s] 221026 */
/* .login .wrapper .login-check{
  display:none;
} */ /* 240125 삭제 */
.login .wrapper .qr-form {
  margin-top: 1rem;
}
/* [e] 221026 */

.login footer {
  background: transparent;
  height: 8rem;
  margin-top: 4rem;
}

/* [s] 230130 */
.login #footer {
  margin-top: 4rem;
}
/* [e] 230130 */

/* [s] 241209 로그인 페이지 리뉴얼 */
/* QR 로그인화면 */
.login .container.login-renewal .wrapper .title{
  margin:3rem 0;
}
.login .container.login-renewal .wrapper .title h2{
  font-size:26px;
}
.login .container.login-renewal .wrapper .title .login-link{
  display:none;
}
.login .container.login-renewal .wrapper .mo-ver{
  display:none;
}
.login .container.login-renewal .wrapper .title p{
  margin-top:12px;
  color:#666;
}
.login .container.login-renewal .wrapper form{
  margin-top:48px;
}
.login .container.login-renewal .wrapper .form-control{
  border:1px solid #eee;
  border-radius:8px;
}
.login .container.login-renewal .wrapper .form-control + .form-control{
  margin-top:0.75rem;
}
.login .container.login-renewal .wrapper .switch-box{
  display:none;
}
.login .container.login-renewal .wrapper .login-link{
  margin-top:16px;
  text-align:center;
}
.login .container.login-renewal .wrapper .login-link .login-info{
  font-size:14px;
  color:#666;
  border-bottom:1px solid #666;
}
/* [e] 241209 로그인 페이지 리뉴얼 */

/* [s] 240325 로그인 페이지 피씨모바일 통합 */
.login .container.login-renewal.v2 .wrapper .title .login-link{
  display: block;
  margin-top: 4px;
  text-align: left;
}
.login .container.login-renewal.v2 .wrapper .mo-ver{
  display:block;
}
.login .container.login-renewal.v2 .wrapper form{
  margin-top: 0;
}
.login .container.login-renewal.v2 .wrapper .switch-box{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:1.25rem;
}
.login .container.login-renewal.v2 .find-wrap.flex-container{
  border-top:none;
}
.login .container.login-renewal.v2 .wrapper .switch-box label{
  margin-top:0;
}
.login .container.login-renewal.v2 .wrapper .btn-login-way{ 
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:76px;
  font-size:14px;
  font-weight:500;
  color:#333;
  text-align:center;
  line-height:110px;
  border-top-left-radius:24px;
  border-top-right-radius:24px;
  background:#fff;
  box-shadow:0px -3px 8px 0px rgba(0, 0, 0, 0.05);
}
.login .container.login-renewal.v2 .wrapper .btn-login-way::before{
  content:'';
  position:absolute;
  top:20px;
  left:50%;
  width:26px;
  height:4px;
  background:url(../images/ico-bottom-arrow.png) no-repeat 50% 50% / 26px 4px;
  transform:translateX(-50%);
}
.login .container.login-renewal.v2 .btn_sel_box{
  position: relative;
  display: none;
}
.login .container.login-renewal.v2 .btn_sel_box.active .btn-security-way{
  border: 1px solid #111;
}
.login .container.login-renewal.v2 .btn_sel_box.active .login-way-list{
  display: block;
}
.login .container.login-renewal.v2 .btn_sel_box .login-way-list{
  display: none;
  position: absolute;
  top: calc(3rem + 2px) ;
  z-index: 1;
  width: 100%;
  padding: 0 1.25rem;
  border-radius: 8px;
  background: #fff;
  box-shadow: 1px 10px 36px 6px #00000014;
}
.login .container.login-renewal.v2 .btn_sel_box .login-way-list li{
  display: flex;
  gap:18px;
  margin-top: 0;
  padding: 1rem 0;
  border-top: 1px solid #eee;
}
.login .container.login-renewal.v2 .btn_sel_box .login-way-list li:first-child{
  border-top: none;
}
.login .container.login-renewal.v2 .btn_sel_box .login-way-list li img{
  width: 32px;
}
.login .container.login-renewal.v2 .btn_sel_box .login-way-list li a{
  flex:1;
  font-size: 1rem;
  color: #333;
  line-height: 32px;
}
.login .container.login-renewal.v2 .btn_sel_box .login-way-list li.checked{
  background: url(../images/ico_check_red.svg) no-repeat right / 1rem ;
}

.login .container.login-renewal.v2 .wrapper .btn-security-way{
  display: block;
  height: 3rem;
  margin-top: 2rem;
  padding-left: 0.5rem;
  border: 1px solid #eee;
  border-radius: 8px;
  background: url(../images/arrow_down_s.svg) no-repeat right 0.5rem top 50%/ 2rem;
  font-size: 14px;
  color: #808080;
  line-height: 3rem;
  box-sizing: border-box;
}
.login .container.login-renewal.v2 .wrapper .btn-security-way.selected{
  height: auto;
  padding: 1rem 2.5rem 1rem 0.5rem;
  background: url(../images/arrow_down_s.svg) no-repeat right 0.5rem top 0.625rem/ 2rem;
  line-height: 100%;
}
.login .container.login-renewal.v2 .wrapper .btn-security-way.selected + .login-way-list{
  top: calc(5rem + 2px);
}
.login .container.login-renewal.v2 .wrapper .btn-security-way.selected p{
  padding-top: 0.75rem;
  font-size: 1rem;
  color: #333;
  line-height: 100%;
}
.login .container.login-renewal.v2 .wrapper .find-wrap.flex-container{
  padding: 0;
  margin-top: 2.5rem;
  justify-content: center;
}
.login .container.login-renewal.v2 .wrapper .find-wrap li{
  position: relative;
  margin-top: 0;
  padding: 0 12px;
}
.login .container.login-renewal.v2 .wrapper .find-wrap li::before{
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 12px;
  background: #eee;
}
.login .container.login-renewal.v2 .wrapper .find-wrap li:first-child:before{
  display: none;
}
.modal-con .modal-content .alert-tit + .txt{
  padding-top: 10px;
}
/* [e] 240325 로그인 페이지 피씨모바일 통합 */

html > body .login .wrapper {
  height: auto;
}

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  background: white;
}

nav button {
  display: none;
  width: 1rem;
  height: 2.25rem;
  text-indent: -9999px;
  border: none;
  padding: 0.5rem 0;
  background-color: transparent;
  background-image: url("../images/ico_back.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
}

nav button:active {
  background-color: inherit;
  background-image: url("../images/ico_back.svg");
}

nav button img {
  display: none;
}

nav.navbar {
  padding: 1rem 1.5rem;
}

nav h2 {
  width: 100%;
  text-align: left;
  font-size: 1.625rem;
  font-weight: 500;
  padding-right: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lnb {
  /* position: absolute; */
  position: fixed; /* tws  */
  z-index: 4;
  top: 0;
  /* right: -26rem; */
  right: -30rem;
  width: 26rem;
  height: 100%;
  background: white;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.lnb button {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  color: #111;
}

.lnb svg {
  width: 1rem;
  height: 1rem;
}

.lnb a {
  color: #777; /* 210726 */
}

.lnb a svg {
  fill: #777; /* 210726 */
}

.lnb a:hover {
  color: #b71256;
}

.lnb a:hover svg {
  fill: #b71256;
}

.lnb.is-shown {
  right: 0;
  -webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.06),
    -4px 0 10px rgba(0, 0, 0, 0.08);
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.06), -4px 0 10px rgba(0, 0, 0, 0.08);
}

.lnb.is-shown + .lnb-bg {
  display: block;
  z-index: 3;
  opacity: 0.3;
}

.lnb .lnb-header {
  padding: 0.5rem 1.5rem;
  background: #f9f9f9; /* 210726 */
}

.lnb .lnb-header h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lnb .lnb-header h1 svg {
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.25rem;
}

.lnb .lnb-header h1 img {
  width: 5rem;
  margin-left: 0.25rem;
}

.lnb .lnb-header .space-between {
  line-height: 3rem;
}

.lnb .lnb-header .space-between div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  font-weight: bold;
}

.lnb .lnb-header .space-between div svg {
  margin-left: 0.25rem;
}

.lnb .lnb-header .space-between a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.75rem;
  height: 3rem;
}

.lnb .lnb-header .space-between a svg {
  margin-right: 0.25rem;
}

.lnb .lnb-header .flex-container {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.lnb .lnb-header .flex-container .form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  border-bottom: 2px solid #111;
  margin: 0 1rem;
}

.lnb .lnb-header .flex-container .form-control input {
  border: none;
  background: transparent;
  width: 100%;
  height: inherit;
}

.lnb .lnb-header .flex-container button {
  font-size: 0.875rem;
  /* height: 3rem; 210720 */
  padding: 1px 6px 1px 3px; /* 210720 */
}

/* 210720 추가 */
.lnb .lnb-header .flex-container button.main-loginButton {
  height: auto;
  padding: 1px 3px;
}

.lnb .lnb-header .flex-container button svg {
  fill: #111;
}

.lnb .lnb-header .flex-container button:hover svg {
  fill: #b71256;
}

.lnb .lnb-content {
  padding: 0 1rem 1rem 2rem;
  height: calc(100% - 10rem);
  overflow-y: auto;
}

.lnb .lnb-content label {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  margin: 1.5rem 0 0.375rem;
}

.lnb .lnb-content a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  padding: 0.75rem 0;
}

.lnb .lnb-content a svg {
  margin-right: 0.625rem;
}

.lnb .lnb-footer {
  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;
  height: 3rem;
  border-top: 1px solid #eee;
}

.lnb .lnb-footer a {
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.75rem;
}

.lnb .lnb-footer hr {
  width: 1px;
  height: 0.75rem;
  border: none;
  margin: 0 2rem;
  background: #bbb;
}

.lnb + .lnb-bg {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  opacity: 0;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

/* style_main.css - lnb 옮김 */
body .lnb {
  position: absolute;
  z-index: 6;
  top: 0;

  /* 21063002
  top: constant(safe-area-inset-top);
  top: env(safe-area-inset-top);
*/
  right: -27.5rem;
  width: 27.5rem;
  height: 100%;

  /* 21063002
  height:calc(100% - constant(safe-area-inset-bottom) - constant(safe-area-inset-top));
  height:calc(100% - env(safe-area-inset-bottom) - env(safe-area-inset-top));
   */

  background: #fff;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

body .tws-lnb {
  position: fixed;
  right: -30rem;
}

body .lnb.is-shown {
  right: 0;
}

body .lnb.is-shown + .lnb-bg {
  z-index: 5;
  opacity: 0.3;
}

body .lnb .lnb-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4rem;
  padding: 0 1.5rem;
}

body .lnb .lnb-header .flex-container {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* [s]211116 */

body .lnb .lnb-header .utilmenu {
  position: relative;
  background: #fff;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  width: calc(100% + 3rem);
  margin-top: 0.5rem;
  border-bottom: 1px solid #f5f5f5;
}

body .lnb .lnb-header .flex-container.utilmenu .main-loginButton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.5rem 5rem;
  z-index: 1;
  width: auto;
}

body .lnb .lnb-header .utilmenu a {
  flex-direction: column;
  align-items: center;
  width: 33%;
}

/* 211122 추가 */
body .lnb .lnb-header .utilmenu a.wd100 {
  width: 100%;
}

body .lnb .lnb-header .flex-container.utilmenu a {
  border-right: 1px solid #f5f5f5;
  padding: 14px 0;
}
body .lnb .lnb-header .flex-container.utilmenu a:last-child {
  border-right: 0;
}
body .lnb .lnb-header .flex-container.utilmenu a svg,
body .lnb .lnb-header .flex-container.utilmenu a img {
  width: 2rem;
  height: 2rem;
  margin: 0;
}
body .lnb .lnb-header .flex-container.utilmenu a span {
  color: #333;
  margin-top: 10px;
}

body .lnb .lnb-header .utilmenu.login-off a {
  opacity: 0.2;
}

/* [e]211116 */

body .lnb .lnb-header .flex-container .form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  border-bottom: 2px solid #111;
  margin: 0 1rem;
}

body .lnb .lnb-header .flex-container .form-control input {
  border: none;
  background: transparent;
  width: 100%;
}

body
  .lnb
  .lnb-header
  .flex-container
  .form-control
  input::-webkit-input-placeholder {
  color: #bbb;
}

body
  .lnb
  .lnb-header
  .flex-container
  .form-control
  input:-ms-input-placeholder {
  color: #bbb;
}

body
  .lnb
  .lnb-header
  .flex-container
  .form-control
  input::-ms-input-placeholder {
  color: #bbb;
}

body .lnb .lnb-header .flex-container .form-control input::placeholder {
  color: #bbb;
}

body .lnb .lnb-header .flex-container button {
  font-size: 1.125rem;
}

body .lnb .lnb-header .flex-container button img {
  width: 1rem;
}

body .lnb .lnb-header .flex-container button svg {
  width: 1rem;
  height: 1rem;
  fill: #111;
}

/* lnb-content에 스크롤 적용 */
body .lnb .lnb-content {
  display: block;
  overflow-y: auto;
  height: calc(100% - 185px); /* 210709 */
  padding: 0 2.5rem 2.5rem;
}

body .lnb .lnb-content label {
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  margin: 2rem 0;
}

body .lnb .lnb-content a {
  font-size: 1rem;
  margin-bottom: 1.625rem;
}

body .lnb .lnb-content a svg {
  width: 1rem;
  height: 1rem;
  fill: #666;
  margin-right: 0.5rem;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

body .lnb .lnb-content a:hover {
  color: #b71256;
}

body .lnb .lnb-content a:hover svg {
  fill: #b71256;
}

/* [s]220222 */
body .lnb .lnb-content .ico_bnft svg {
  fill: none;
  stroke: #666;
}

body .lnb .lnb-content .ico_bnft:hover svg {
  fill: none;
  stroke: #b71256;
}
/* [e]220222 */

body .lnb + .lnb-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  opacity: 0;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

body .lnb.tws-lnb .lnb-header {
  display: block !important;
  position: relative;
  height: 120px;
  padding: 0.5rem 1.5rem 0; /* 211116 */
  padding: 0.5rem calc(1.5rem + constant(safe-area-inset-right)) 0 1.5rem; /* 21071403 */
  padding: 0.5rem calc(1.5rem + env(safe-area-inset-right)) 0 1.5rem; /* 21071403 */
  font-size: 14px;
}

body .lnb.tws-lnb .lnb-header h2,
body .lnb.tws-lnb .lnb-header a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 0;
  margin-top: 4px;
  width: 50%;
}

body .lnb.tws-lnb .lnb-header h2 + button,
body .lnb.tws-lnb .lnb-header a + button {
  position: absolute;
  top: 24px;
  right: calc(24px + constant(safe-area-inset-right)); /* 21071403 */
  right: calc(24px + env(safe-area-inset-right)); /* 21071403 */
  height: auto;
}

body .lnb.tws-lnb .lnb-header h2 svg,
body .lnb.tws-lnb .lnb-header a svg {
  width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: -2px;
}

body .lnb.tws-lnb .lnb-header h2 img,
body .lnb.tws-lnb .lnb-header a img {
  /* 웹접근성 */
  display: inline-block;
  /* width: 100%; */
}
body .lnb.tws-lnb .lnb-header h2 .tws-lnb-imgBox,
body .lnb.tws-lnb .lnb-header a .tws-lnb-imgBox {
  /* 웹접근성 */
  display: inline-block;
  width: 5rem;
  margin-top: 2px;
  margin-left: 2px;
}
body .lnb.tws-lnb .lnb-header h2 .tws-lnb-imgBox img,
body .lnb.tws-lnb .lnb-header a .tws-lnb-imgBox img {
  /* 웹접근성 */
  display: block;
  width: 100%;
  height: 100%;
}
body .lnb.tws-lnb .lnb-header .tws-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px 0; /* 211116 */
  vertical-align: top;
}
body .lnb.tws-lnb .lnb-header .tws-user > div {
  font-size: 16px;
  font-weight: bold;
}
body .lnb.tws-lnb .lnb-header .tws-user > div svg {
  width: 16px;
  height: 16px;
  vertical-align: -1px;
  margin-right: 8px;
}

body .lnb.tws-lnb .lnb-header .tws-user.login-on > div svg {
  margin-left: 4px;
}

body .lnb.tws-lnb .lnb-header .tws-user > button {
  font-size: 12px;
  color: #555; /* 210728 */
}
body .lnb.tws-lnb .lnb-header .tws-user > button svg {
  margin-right: 4px;
  fill: #555; /* 210728 */
  vertical-align: -3px;
}
body .lnb.tws-lnb .lnb-content {
  padding: 0 16px 16px 30px;
}
body .lnb.tws-lnb .lnb-content label {
  margin: 24px 0 6px 0;
  font-size: 12px;
}
body .lnb.tws-lnb .lnb-content > div > a {
  font-size: 14px;
  margin: 0;
  padding: 13.3px 0;
}
body .lnb.tws-lnb .lnb-content > div > a:hover,
body .lnb.tws-lnb .lnb-content > div > a:focus {
  color: #b71256;
}
body .lnb.tws-lnb .lnb-content > div > a svg {
  margin-right: 10px;
  vertical-align: -1px;
}

body .lnb.tws-lnb .lnb-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 3rem;

  /* 21063006 */
  padding-bottom: calc(15px + constant(safe-area-inset-bottom));
  padding-bottom: calc(15px + env(safe-area-inset-bottom));

  box-sizing: initial; /* 21063002 */
  border-top: 1px solid #eee;
}
body .lnb.tws-lnb .lnb-footer a {
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.75rem;
  color: #777;
}

body .lnb.tws-lnb .lnb-footer hr {
  width: 1px;
  height: 0.75rem;
  border: none;
  margin: 0 13px;
  background: #bbb;
}
/* [s] 230126 */
/* 공통 */
.is-mobile {
  display: none;
}
/* [e] 230126 */

/* [s] 221216 */
/* side gnb */
/* .layer-activated{
  overflow:hidden;
} 221219 삭제 */
body .side-gnb {
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 110; /* 230131 수정 */
  width: 320px; /* 230208 수정 */
  height: 100%;
  /* [s] 230131 */
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  /* [e] 230131 */
  background-color: #fff;
  transition: right 0.1s linear; /* 240527 수정 */
  font-family: "Noto Sans KR"; /* 221219 추가 */
}
body .side-gnb .btn-menu-close {
  /* overflow:hidden; 230131 삭제 */
  position: absolute;
  top: 1.8rem; /* 240119 수정 */ /* 250618 gnb 수정 */
  right: 1rem; /* 240119 수정 */
  width: 3.125rem; /* 240119 수정 */ /* 250618 gnb 수정 */
  height: 3.125rem; /* 240119 수정 */ /* 250618 gnb 수정 */
  padding: 0;
  margin-top: constant(safe-area-inset-top); /* 230202 추가 */
  margin-top: env(safe-area-inset-top); /* 230202 추가 */
  border: 0;
  background: url(../images/btn_close_v3.png) no-repeat 50% / 3.125rem; /* 250618 gnb 수정 */
  color: transparent; /* 230131 추가 */
  /* text-indent:-9999px; 230131 삭제 */
}
body .side-gnb .gnb-header {
  padding: 2.5rem 4.125rem 0 2.813rem; /* 230208 수정 */
}
body .side-gnb .gnb-header .login-link:after {
  content: "";
  display: block;
  clear: both;
}
body .side-gnb .gnb-header .login-link li {
  float: left;
  margin-top: 0;
}
body .side-gnb .gnb-header .login-link li + li {
  padding-left: 0.625rem;
}
body .side-gnb .gnb-header .login-link li a {
  position: relative;
  font-size: 0.875rem;
  color: #000;
  line-height: 1.375rem;
  letter-spacing: -0.02rem;
}
body .side-gnb .gnb-header .login-link li span {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.02rem;
}
/* [s] 230127 */
body .side-gnb .gnb-header .login-link li .btn-home {
  display: inline-block;
  width: 1.25rem; /* 230302 수정 */
  height: 1.25rem; /* 230302 수정 */
  margin-top: 3px;
  background: url(../images/ico_home_v2.png) no-repeat 50% / 1.25rem; /* 230302 수정 */
  color: transparent;
}
/* [e] 230127 */
body .side-gnb .gnb-header .login-link li .user-name {
  display: block;
  overflow: hidden;
  max-width: 75.35px;
  margin-top: 0.156rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .side-gnb .gnb-header .login-link li .btn-logout {
  padding-left: 1.0625rem;
  font-size:0.8125rem; /* 250618 gnb 수정 */
  color: #333; /* 250618 gnb 수정 */
  line-height: 1.125rem;
}
body .side-gnb .gnb-header .login-link li .btn-logout::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.0625rem;
  height: 1.0625rem;
  margin-top: -0.53125rem;
  background: url(../images/ico_logout_v2.png) no-repeat 50% / 1.0625rem; /* 250618 gnb 수정 */
}
body .side-gnb .gnb-header .login-link.before li + li:before {
  content: "/";
  display: inline-block;
  padding-right: 0.625rem;
  font-size: 0.937rem;
  font-weight: 250;
  color: #000;
  letter-spacing: -0.02rem;
}
/* [s] 230127 */
/* [s] 230302 li.first 에서 li:nth-child(2) 로 변경 */
body .side-gnb .gnb-header .login-link li:nth-child(2) {
  padding-left:0.75rem; /* 250618 gnb 수정 */
}
body .side-gnb .gnb-header .login-link.before li:nth-child(2) {
  padding-left: 1.5rem;
}
body .side-gnb .gnb-header .login-link.before li:nth-child(2)::before {
  display: none;
}
/* [e] 230302 li.first 에서 li:nth-child(2) 로 변경 */
/* [e] 230127 */

body .side-gnb .gnb-content {
  overflow-y: auto;
  height: calc(100% - 10.25rem);
  padding: 2.5rem 2.813rem 2.5rem 2.813rem; /* 230208 수정 */
}
body .side-gnb .gnb-content .gnb-wrap li {
  margin-top: 0;
}

body .side-gnb .gnb-content .gnb-wrap .gnb-depth1 span {
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02rem;
}
body .side-gnb .gnb-content .gnb-wrap .gnb-depth1 ul {
  padding-top: 0.625rem;
  padding-bottom: 1.25rem; /* 240116 */
}
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a {
  display: block;
  position: relative;
  padding-left: 1.875rem;
  font-size: 0.875rem;
  color: #666;
  line-height: 2.5rem;
  letter-spacing: -0.05rem;
  white-space: nowrap;
}
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5625rem;
  left: 0;
  width: 1.375rem;
  height: 1.375rem;
}
/* [s] 230608 */
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-join:before {
  background: url(../images/ico_join_v2.svg) no-repeat 50% / 1.375rem;
}
/* [s] IT200054A2-5592 - [SI] [UserWeb] 모바일메뉴 마켓 ,리워드 아이콘 추가 */
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-market:before {
  background: url(../images/ico_market.svg) no-repeat 50% / 1.375rem;
}
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-my-reward:before {
  background: url(../images/ico_my_reward.svg) no-repeat 50% / 1.375rem;
}
/* [e] IT200054A2-5592 - [SI] [UserWeb] 모바일메뉴 마켓 ,리워드 아이콘 추가 */
/* [s] 241126 메뉴추가 */
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-shopping:before {
  background: url(../images/ico_shopping.svg) no-repeat 50% / 1.375rem; 
}
/* [e] 241126 메뉴추가 */
/* [s] 240902 */
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-village:before {
  background: url(../images/ico-village.svg) no-repeat 50% / 1.375rem;
}
/* [e] 240902 */
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-status:before {
  background: url(../images/ico_status_v2.svg) no-repeat 50% / 1.375rem;
}
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-password:before {
  background: url(../images/ico_lock_v2.svg) no-repeat 50% / 1.375rem;
}
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-benefits:before {
  background: url(../images/ico_benefits_v2.png) no-repeat 50% / 1.375rem;
}
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-event:before {
  background: url(../images/ico_event_v2.png) no-repeat 50% / 1.375rem;
}
/* [s] 230213 */
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-application:before {
  background: url(../images/ico_application_v2.svg) no-repeat 50% / 1.375rem;
}
/* [e] 230213 */
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-notice:before {
  background: url(../images/ico_notice_v2.svg) no-repeat 50% / 1.375rem;
}
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-faq:before {
  top: 0.6875rem;
  background: url(../images/ico_faq_v2.svg) no-repeat 50% / 1.375rem;
}
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-qna:before {
  background: url(../images/ico_qna_v2.svg) no-repeat 50% / 1.375rem;
}
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-mind:before {
  background: url(../images/ico_mind_v2.svg) no-repeat 50% / 1.375rem;
}
body .side-gnb .gnb-content .gnb-wrap .gnb-depth2 a.menu-benefits2:before {
  background: url(../images/ico_benefits2_v2.svg) no-repeat 50% / 1.375rem;
}
/* [e] 230608 */
body .side-gnb .gnb-content .setting-wrap {
  width: 100%;
  padding-top: 1.25rem;
}
body .side-gnb .gnb-content .setting-wrap li {
  margin-top: -1px;
}
body .side-gnb .gnb-content .setting-wrap li a {
  display: block;
  position: relative;
  padding: 1.125rem 1.625rem 1.125rem 3.625rem;
  border: 1px solid #eaeaea;
  background-color: #fff;
  box-sizing: border-box;
  font-size: 0.875rem;
  color: #000;
  line-height: 1.0625rem;
  letter-spacing: -0.02rem;
}
body .side-gnb .gnb-content .setting-wrap li a:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.125rem;
  left: 1.875rem;
  width: 1.25rem;
  height: 1.25rem;
}
body .side-gnb .gnb-content .setting-wrap li .set-profile:before {
  background: url(../images/ico_profile_v2.png) no-repeat 50% / 1.25rem;
}
body .side-gnb .gnb-content .setting-wrap li .set-security:before {
  background: url(../images/ico_security_v2.png) no-repeat 50% / 1.25rem;
}
body .side-gnb .gnb-content .setting-wrap li .set-qr:before {
  top: 1.25rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/ico_qr_v2.png) no-repeat 50% / 1rem;
}
body .side-gnb .gnb-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
/* [s] 230208 */
body .side-gnb .gnb-footer .banner-wrap {
  width: 100%;
  height: 100px;
}
/* [e] 230208 */
body .side-gnb .gnb-footer .banner-wrap img {
  width: 100%;
  vertical-align: bottom;
}
/* [s] 230912 */
body .side-gnb.none-advertise .gnb-content {
  height: calc(100% - 4.063rem);
}
body .side-gnb.none-advertise .gnb-footer {
  display: none;
}
/* [e] 230912 */
body .side-gnb-bg {
  /* transition: all 0.4s linear; */ /* 240527 삭제 */
}
/* body .side-gnb.is-shown{
  right:0;
}
body .side-gnb.is-shown + .side-gnb-bg{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:1010;
  background:rgba(0, 0, 0, 0.7);
} 221219 삭제 */
/* [e] 221216 */

/* [s] IT200054A2-5596 [SI] [UserWeb] 메뉴 아코디언 UI 수정  */
.side-gnb.new .gnb-header {
  padding: 2.5rem 1.25rem 1.563rem 1.25rem;
}
.side-gnb.new .gnb-content {
  padding: 0;
}
.side-gnb.new .gnb-content.h-login-before {
  height: calc(100% - 242px);
}
.side-gnb.new .gnb-content.h-login-before-no-ad {
  height: calc(100% - 142px);
}
.side-gnb.new .gnb-content.h-login-certify {
  height: calc(100% - 397px);
}
.side-gnb.new .gnb-content.h-login-certify-no-ad {
  height: calc(100% - 297px);
}
.side-gnb.new .gnb-content.h-login-after {
  height: calc(100% - 360px);
}
.side-gnb.new .gnb-content.h-login-after-no-ad {
  height: calc(100% - 260px);
}

.side-gnb.new .gnb-content .gnb-wrap .gnb-depth1 .depth1 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  padding: 0 40px 0 45px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02rem;
}

.side-gnb.new .gnb-content .gnb-wrap .gnb-depth1 .depth1::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 24px;
  top: 50%;
  width: 16px;
  height: 16px;
  background: url(../images/ico_arrow_down.png) no-repeat center;
  background-size: 100%;
  transform: translateY(-50%);
}
.side-gnb.new .gnb-content .gnb-wrap .gnb-depth1 .depth1.off::after {
  transform: translateY(-50%) rotate(180deg);
}

.side-gnb.new .gnb-content .gnb-wrap .gnb-depth2 a {
  padding-left: 4.688rem;
}
.side-gnb.new .gnb-content .gnb-wrap .gnb-depth2 a:before {
  left: 2.813rem;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 메뉴 아코디언 UI 수정  */
button {
  border: 1px solid #b71256;
  background: white;
  border-radius: 9999px;
  color: #b71256;
  font-size: 1.125rem;
  font-family: "Roboto", "Noto Sans KR", "Malgun Gothic", "Segoe UI", helvetica,
    "apple sd gothic neo", sans-serif, serif;
  padding: 1rem;
  cursor: pointer;
}

button:hover {
  color: #f100bd;
  border-color: #f100bd;
}

button:active {
  background-color: #fff0f5;
}

button:disabled {
  cursor: default;
  color: #ccc;
  border-color: #ccc;
}

button.is-primary {
  background: #b71256;
  color: white;
  margin-top: 4rem;
}

button.is-primary:hover {
  background: #ce1461;
}

button.is-primary:active {
  background: #a0104b;
}

button.is-primary:disabled {
  cursor: default;
  border-color: transparent;
  background: #777; /* 210728 */
  color: #fff;
}

button.text-button {
  height: 32px;
  font-size: 0.875rem;
  padding: 0.125rem 0.75rem;
  background: #eee;
  color: #555;
  border: none;
  border-radius: 0.25rem;
}

/* 220329 추가 */
button.black-btn {
  background: #000;
  color: #fff;
}
.coupon-btn-wrap {
  margin: 25px 0 0;
}
.coupon-btn-wrap a {
  display: inline-block;
  padding: 0.75rem; /* 220330 수정 */
  background: #b71256;
  color: #fff;
  border: 1px solid #b71256;
  text-align: center;
}
/* //20329 추가 */

/* 220330 추가*/
.coupon-btn-wrap.end-btn-wrap {
  margin: 25px 0 0;
}
.coupon-btn-wrap.end-btn-wrap a {
  padding: 0.75rem;
  background: #888;
  color: #ccc;
  border: 1px solid #888;
}
.event-btn-wrap {
  margin: 0;
}
.event-btn-wrap a {
  display: inline-block;
  padding: 0.75rem;
  background: #b71256;
  color: #fff;
  border: 1px solid #b71256;
  text-align: center;
}
.list-btn {
  padding-top: 1.875rem;
}
.list-btn .is-pulled-right {
  width: 100%;
  padding-top: 1.875rem;
  border-top: 1px solid #eeeeee;
}
.list-btn .is-pulled-right button {
  width: 100%;
  height: 3.125rem;
  border: 1px solid #000;
  border-radius: 0;
  color: #000;
}
.padding-none-top .list-btn {
  padding-top: 0;
}

/* //220330 */

/* [s] 230307 */
.container.event .wrapper.wide {
  min-height: 100%;
  background: #f6f6f6;
}
/* [e] 230307 */

/* 220512 추가 */
.container.event .content-area .post-content {
  padding: 1rem 0;
}
.container.event .coupon-area .coupon-wrap {
  overflow: hidden;
  margin-top: 10px;
}
.container.event .coupon-area .coupon-wrap .desc-box {
  display: flex;
  border: 1px solid #b71256;
}
.container.event .coupon-area .coupon-wrap .desc-box .left {
  position: relative;
  flex: 1;
}
.container.event .coupon-area .coupon-wrap .desc-box .left::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #b71256;
  background: #fff;
}
.container.event .coupon-area .coupon-wrap .desc-box .left::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #b71256;
  background: #fff;
}
.container.event .coupon-area .coupon-wrap .desc-box .left .txt-box {
  padding: 1.625rem 3.125rem 1.688rem 1.875rem;
}
.container.event .coupon-area .coupon-wrap .desc-box .left .txt-box .tit {
  font-size: 20px;
  font-weight: 900;
  color: #b71256;
}
.container.event .coupon-area .coupon-wrap .desc-box .left .txt-box .number {
  margin-top: 3px;
  font-size: 14px;
  color: #555;
}
.container.event .coupon-area .coupon-wrap .desc-box .left .txt-box .use-term {
  margin-top: 15px;
  font-size: 12px;
  color: #999;
}
.container.event .coupon-area .coupon-wrap .desc-box .left .txt-box .date {
  font-size: 13px;
  color: #666;
}
.container.event .coupon-area .coupon-wrap .desc-box .right {
  position: relative;
  width: 44px;
  padding-left: 0.125rem;
  background: #b71256;
}
.container.event .coupon-area .coupon-wrap .desc-box .right::before {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #b71256;
  background: #fff;
}
.container.event .coupon-area .coupon-wrap .desc-box .right::after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #b71256;
  background: #fff;
}
.container.event .coupon-area .coupon-wrap .desc-box .right .txt-box {
  position: relative;
  height: 100%;
  border-left: 1px dashed #fff;
}
.container.event .coupon-area .coupon-wrap .desc-box .right p {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -28px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  transform: rotate(90deg);
}
.container.event .coupon-area .event-btn-wrap button.is-primary {
  margin-top: 1.875rem;
}
.container.event .coupon-area .event-btn-wrap .is-primary.btn-gray {
  border: 1px solid #888;
  background: #888;
}
.container.event
  .coupon-area
  .coupon-wrap.disabled
  .desc-box
  .left
  .txt-box
  .tit {
  color: #666;
}
.container.event .coupon-area .coupon-wrap.disabled .desc-box .right {
  background: #888;
}
.container.event .coupon-area .coupon-wrap.disabled .desc-box {
  border: 1px solid #888;
}
.container.event .coupon-area .coupon-wrap.disabled .desc-box .left::before {
  border: 1px solid #888;
}
.container.event .coupon-area .coupon-wrap.disabled .desc-box .left::after {
  border: 1px solid #888;
}
.container.event .coupon-area .coupon-wrap.disabled .desc-box .right::before {
  border: 1px solid #888;
}
.container.event .coupon-area .coupon-wrap.disabled .desc-box .right::after {
  border: 1px solid #888;
}
.container.event .notice-wrap {
  position: relative;
  /* padding:1.875rem 0 0 1.25rem; */
  padding: 2.938rem 0 0 1.25rem; /* 220627 수정 */
  font-size: 12px;
  color: #777;
  line-height: 1.125rem;
}
.container.event .notice-wrap::after {
  content: "";
  position: absolute;
  /* top:30px; */
  top: 48px; /* 220627 수정 */
  left: 0;
  width: 16px;
  height: 16px;
  background: url(../images/ico_info.png) no-repeat;
  background-size: 16px 16px;
}
.container.event .notice-wrap .error {
  color: #b71256; /* 220627 수정 */
}
/* //220512 */

/* [s] 220627 */
.container.event .link_wrap {
  padding-top: 1.625rem;
  text-align: center;
}
.container.event .link_wrap a {
  padding-right: 32px;
  background: url(../images/ico_link_wrap.png) no-repeat 100% 50%;
  background-size: 32px 32px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
  text-decoration: underline;
}
/* [e] 220627 */

/* [s] 230213 */
.container.event .application-area {
  margin: 0 0 -3rem !important;
  padding: 1.875rem 1.563rem 3rem !important;
  /* background-color:#f6f6f6; 230307 삭제 */
}
.container.event .application-area .event-list li {
  max-width: 624px;
  margin: 10px auto 0;
}
.container.event .application-area .event-list li:first-child {
  margin-top: 0;
}
.container.event .application-area .event-list .cont-box {
  position: relative;
  padding: 20px 120px 20px 40px;
  border: 1px solid #b31657; /* 230303 추가 */
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
.container.event .application-area .event-list .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 500;
  color: #1e1e1e;
  line-height: 20px;
  letter-spacing: -0.025em;
}
.container.event .application-area .event-list .date {
  padding-top: 5px;
  font-family: "Roboto";
  font-size: 12px;
  color: #767676;
  line-height: 14px; /* 230303 수정 */
  letter-spacing: -0.025em;
}
.container.event .application-area .event-list .right-cont {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 100%;
  text-align: center;
}
.container.event .application-area .event-list .status {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%; /* 230303 추가 */
  padding: 0 5px; /* 230303 추가 */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: 300;
  color: #1e1e1e;
  line-height: 20px;
  letter-spacing: -0.025em;
}
.container.event .application-area .event-list .win .status {
  padding-top: 18px;
}
.container.event .application-area .event-list .win .status::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 16px;
  background: url(../images/ico_check.png) no-repeat 50%/20px 16px;
}
.container.event .application-area .event-list .not-win .status {
  color: #767676;
}

.container.event .application-area .coupon-list-wrap {
  padding-top: 29px;
}
.container.event .application-area .coupon-list > li {
  max-width: 624px;
  margin: 36px auto 0;
}
.container.event .application-area .coupon-list > li:first-child {
  margin-top: 0;
}
.container.event .application-area .coupon-list .cont-box {
  overflow: hidden; /* 230324 추가 */
  position: relative;
  padding: 0 44px 0 0; /* 230303 수정 */ /* 230324 수정 */
  /* border-radius:15px; 230324 삭제 */ /* 230303 추가 */
  background-color: #fff;
  /* box-shadow:0px 4px 10px rgba(0, 0, 0, 0.05); 230324 삭제 */
}
/* [s] 230303 */
.container.event .application-area .coupon-list .left-cont {
  position: relative;
  padding: 20px 25px 20px 40px; /* 230324 수정 */
  border: 1px solid #b31657;
  /* border-radius:15px 0 0 15px; 230324 삭제 */
}
/* [s] 230324 */
.container.event .application-area .coupon-list .left-cont::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  border: 1px solid #b31657;
  border-radius: 50%;
  background: #f6f6f6;
}
.container.event .application-area .coupon-list .left-cont::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  border: 1px solid #b31657;
  border-radius: 50%;
  background: #f6f6f6;
}
/* [e] 230324 */

/* [e] 230303 */
/*.container.event .application-area .coupon-list .left-cont::after{
  content:'';
  position:absolute;
  top:50%;
  right:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:1px;
  height:calc(100% - 20px);
  background-color:#E5E5E5;
} 230303 삭제 */
/* [s] 230303 */
.container.event .application-area .coupon-list .sale {
  /* padding-bottom:7px; */
  font-family: "Roboto";
  font-size: 45px;
  font-weight: 700;
  color: #b31657;
  line-height: 53px;
  letter-spacing: -0.025em;
}
/* [e] 230303 */
.container.event .application-area .coupon-list .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 500;
  color: #1e1e1e;
  line-height: 20px;
  letter-spacing: -0.025em;
}
.container.event .application-area .coupon-list .coupon-info {
  padding-top: 10px; /* 230303 수정 */
}
/* [s] 230303 */
.container.event .application-area .coupon-list .coupon-info li {
  position: relative;
  margin-top: 3px;
  /* padding-left:22px; */
  font-size: 12px;
  color: #767676;
  line-height: 15px;
  letter-spacing: -0.025em;
}
/* [e] 230303 */
.container.event .application-area .coupon-list .coupon-info li:first-child {
  margin-top: 0;
}
/* .container.event .application-area .coupon-list .coupon-info li::before{
  content:'';
  position:absolute;
  left:0;
} 230303 삭제 */
.container.event .application-area .coupon-list .coupon-info li span {
  font-family: "Roboto";
}
/* .container.event .application-area .coupon-list .coupon-info .number:before{
  top:2px;
  width:15px;
  height:11px;
  background:url(../images/ico_coupon_num.png)no-repeat 50%/15px 11px;
}
.container.event .application-area .coupon-list .coupon-info .date::before{
  top:0;
  width:15px;
  height:13px;
  background:url(../images/ico_coupon_date.png)no-repeat 50%/15px 13px;
} 230303 삭제 */
.container.event .application-area .coupon-list .right-cont {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px; /* 230324 수정 */
  height: 100%;
  /* border-radius:0 15px 15px 0; 230324 삭제 */ /* 230303 추가 */
  background: #b31657; /* 230303 추가 */
}
/* .container.event .application-area .coupon-list .right-cont::before{
  content:'';
  position:absolute;
  top:0;
  right:80px;
  width:15px;
  height:7.5px;
  border-radius:0 0 100px 100px;
  background-color:#f6f6f6;
  box-shadow:inset 0px 2px 4px rgba(0, 0, 0, 0.02);
}
.container.event .application-area .coupon-list .right-cont::after{
  content:'';
  position:absolute;
  bottom:0;
  right:80px;
  width:15px;
  height:7.5px;
  border-radius:100px 100px 0 0;
  background-color:#ededed;
  box-shadow:inset 0px 2px 4px rgba(0, 0, 0, 0.03);
} 230303 삭제 */
/* [s] 230303 */

/* [s] 230324 */
.container.event .application-area .coupon-list .right-cont::before {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  border: 1px solid #b31657;
  border-radius: 50%;
  background: #f6f6f6;
}
.container.event .application-area .coupon-list .right-cont::after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  border: 1px solid #b31657;
  border-radius: 50%;
  background: #f6f6f6;
}
.container.event .application-area .coupon-list .right-cont .txt_box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 1px;
  border-left: 1px dashed #fff;
}
.container.event .application-area .coupon-list .right-cont .txt_box span {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 20px;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
/* [e] 230324 */
.container.event .application-area .coupon-list .right-cont img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 79px;
}
.container.event .application-area .coupon-list .status {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100px;
  height: 100px;
  padding: 42px 10px;
  border-radius: 50%;
  font-size: 15px;
  font-weight: 400;
  color: #1e1e1e;
  line-height: 16px;
  letter-spacing: -0.025em;
  text-align: center;
}
/* [e] 230303 */
.container.event .application-area .coupon-list > li.disabled .cont-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* border-radius:13px; 230324 삭제 */ /* 230303 추가 */
  background: rgba(255, 255, 255, 0.85);
}
/* [s] 230324 */
.container.event
  .application-area
  .coupon-list
  > li.disabled
  .left-cont::before {
  z-index: 1;
  border-color: #f0d0dd;
}
.container.event
  .application-area
  .coupon-list
  > li.disabled
  .left-cont::after {
  z-index: 1;
  border-color: #f0d0dd;
}
/* [e] 230324 */
.container.event
  .application-area
  .coupon-list
  > li.disabled
  .right-cont::before {
  z-index: 1;
  border-color: #f0d0dd; /* 230324 추가 */
}
.container.event
  .application-area
  .coupon-list
  > li.disabled
  .right-cont::after {
  z-index: 1;
  border-color: #f0d0dd; /* 230324 추가 */
}
.container.event .application-area .coupon-list > li.disabled .status {
  display: block;
  border: 1px solid #1e1e1e; /* 230303 수정 */
}
.container.event .application-area .coupon-list > li.complete .cont-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* border-radius:13px; 230324 삭제 */ /* 230303 추가 */
  background: rgba(255, 255, 255, 0.85);
}
/* [s] 230324 */
.container.event
  .application-area
  .coupon-list
  > li.complete
  .left-cont::before {
  z-index: 1;
  border-color: #f0d0dd;
}
.container.event
  .application-area
  .coupon-list
  > li.complete
  .left-cont::after {
  z-index: 1;
  border-color: #f0d0dd;
}
/* [e] 230324 */
.container.event
  .application-area
  .coupon-list
  > li.complete
  .right-cont::before {
  z-index: 1;
  border-color: #f0d0dd; /* 230324 추가 */
}
.container.event
  .application-area
  .coupon-list
  > li.complete
  .right-cont::after {
  z-index: 1;
  border-color: #f0d0dd; /* 230324 추가 */
}
.container.event .application-area .coupon-list > li.complete .status {
  display: block;
  padding: 52px 10px 32px; /* 230303 추가 */
  border: 1px solid #b71256;
  color: #b71256;
}
/* [s] 230303 */
.container.event .application-area .coupon-list > li.complete .status::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 50%;
  width: 20px;
  height: 16px;
  margin-left: -10px;
  background: url(../images/ico_check.png) no-repeat 50%/20px 16px;
}
.container.event .application-area .coupon-list-wrap .category-box span {
  padding: 2px 9px;
}

/* [e] 230303 */

.container.event .application-area .category-box {
  padding-top: 15px;
  font-size: 0;
}
.container.event .application-area .category-box span {
  display: inline-block;
  margin-left: 5px;
  padding: 2px 5px; /* 230303 수정 */
  border: 1px solid #1e1e1e;
  border-radius: 30px;
  font-size: 11px;
  color: #1e1e1e;
  letter-spacing: -0.025em;
}
.container.event .application-area .category-box span:first-child {
  margin-left: 0;
}
.container.event .application-area .category-box .bd-burgundy {
  border: 1px solid #b31657;
  color: #b31657;
}
.container.event .application-area .category-box .bd-gray {
  border: 1px solid #767676;
  color: #767676;
}
.container.event .application-area .category-box .bd-blue {
  border: 1px solid #31b8c0;
  color: #31b8c0;
}
.container.event .application-area .category-box .bd-purple {
  border: 1px solid #675aba;
  color: #675aba;
}
.container.event .application-area .event-btn-wrap {
  margin-top: 47px;
  text-align: center;
}
.container.event .application-area .event-btn-wrap .btn-more {
  position: relative;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  background-color: #f6f6f6;
  font-size: 13px;
  font-weight: 400;
  color: #000;
  line-height: 16px;
  letter-spacing: -0.025em;
}
.container.event .application-area .event-btn-wrap .btn-more::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-left: 10px;
  background: url(../images/ico_arrow_down.png) no-repeat 50%/12px 8px;
}
.container.event .application-area .info-txt {
  position: relative;
  max-width: 624px;
  margin: 50px auto 0;
  padding-left: 28px;
  font-size: 13px;
  color: #666;
  line-height: 20px;
  letter-spacing: -0.025em;
}
.container.event .application-area .info-txt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../images/ico_info2.png) no-repeat 50%/18px;
}
/* [e] 230213 */
/* [s] 230307 */
.container.event .application-area .result-wrap {
  position: relative;
  padding-top: 164px;
  text-align: center;
}
.container.event .application-area .result-wrap::before {
  content: "";
  position: absolute;
  top: 110px;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  background: url(../images/ico_info_large.png) no-repeat 50%/40px;
}
.container.event .application-area .result-wrap .txt {
  font-size: 18px;
  font-weight: 500;
  color: #1e1e1e;
  line-height: 26px;
  letter-spacing: -0.025em;
}
.container.event .application-area .result-wrap .info-txt {
  margin-top: 33px;
  padding-left: 0;
}
.container.event .application-area .result-wrap .info-txt::before {
  display: none;
}
/* [e] 230307 */

/* [s] 230607 */
.container.event .event-banner-wrap {
  margin: 0 !important;
  padding: 30px 0 0 !important; /* 230608 수정 */
}
.container.event .event-banner-wrap .swiper-slide a {
  display: block;
  position: relative; /* 230609 추가 */
}

/* [s] 240216 추가 */
.container.event .event-banner-wrap .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
/* [e] 240216 추가 */

/* [s] 240219 추가 */
.container.event .event-banner-wrap .swiper-slide .img-box {
  position: relative;
  padding-top: 58%;
}
/* [e] 240219 추가 */
.container.event .event-banner-wrap .swiper-slide img {
  /* width:100%; */ /* 240219 삭제 */
  /* [s] 240219 추가 */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 0;
  height: 0;
  margin: auto;
  object-fit: cover;
  object-position: 0 0;
  /* [e] 240219 추가 */
}
/* [s] 230609 */
.container.event .event-banner-wrap .swiper-slide .txt-box {
  position: absolute;
  right: 41.5px;
  bottom: 18px;
  left: 41.5px;
}
.container.event .event-banner-wrap .swiper-slide .txt-box .date {
  padding-bottom: 4px;
  font-size: 16px;
  color: #fff;
  line-height: 23px;
  word-break: break-all;
}
.container.event .event-banner-wrap .swiper-slide .txt-box .tit {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  line-height: 29px;
  word-break: break-all;
}
/* [e] 230609 */
.container.event .event-banner-wrap .swiper-button-prev,
.container.event .event-banner-wrap .swiper-button-next {
  overflow: hidden;
  width: 20px;
  height: 60px;
  margin-top: -30px;
  color: transparent;
}
.container.event .event-banner-wrap .swiper-button-prev {
  background: url(../images/ico_arrow_left_w.svg) no-repeat 50%/20px 60px;
}
.container.event .event-banner-wrap .swiper-button-next {
  background: url(../images/ico_arrow_right_w.svg) no-repeat 50%/20px 60px;
}
.container.event .event-banner-wrap .swiper-count {
  position: absolute;
  right: 25px;
  bottom: 20px;
  z-index: 10;
  height: 19px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.5);
}
.container.event .event-banner-wrap .swiper-count .swiper-pagination {
  position: static;
  height: 100%;
  padding: 2px 21px 2px 7px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 17px;
  letter-spacing: -0.025rem;
}
.container.event .event-banner-wrap .swiper-count .swiper-pagination-current {
  padding-right: 2px;
  font-weight: 500;
  color: #fff;
}
.container.event .event-banner-wrap .swiper-count .swiper-pagination-total {
  padding-left: 2px;
}
.container.event .event-banner-wrap .swiper-count .btn-play {
  display: none;
  overflow: hidden;
  position: absolute;
  right: 3px;
  top: 1px;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background: url(../images/ico_start.svg) no-repeat 50%/16px;
  color: transparent;
}
.container.event .event-banner-wrap .swiper-count .btn-play.is-active {
  display: block;
}
.container.event .event-banner-wrap .swiper-count .btn-stop {
  display: none;
  overflow: hidden;
  position: absolute;
  right: 3px;
  top: 1px;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background: url(../images/ico_pause.svg) no-repeat 50%/16px;
  color: transparent;
}
.container.event .event-banner-wrap .swiper-count .btn-stop.is-active {
  display: block;
}
/* [s] IT200054A2-5596 [SI] [UserWeb] 혜택/이벤트 출석리워드 */
.container.event .check-attendance-wrap {
  margin-top: 1.8rem !important;
  padding-bottom: 0 !important;
}
.container.event .check-attendance-wrap .check-attendance-section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  padding: 0 30px 0 10px;
  border-radius: 10px;
  background: linear-gradient(90deg, #ffbdcd 0%, #ffe4ea 59.06%);
}

.container.event .check-attendance-wrap .check-attendance-section::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 14px;
  height: 20px;
  background: url(../images/ico_arrow_magenta.png) no-repeat center;
  background-size: 60%;
  transform: translateY(-50%);
}
.container.event
  .check-attendance-wrap
  .check-attendance-section
  .img-attendance {
  width: 80px;
  margin-right: 10px;
  height: 50px;
  background: url(../images/img_attendance.png) no-repeat center;
  background-size: contain;
}
.container.event .check-attendance-wrap .check-attendance-section p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #333; /* 240116 */
}

.container.event .check-attendance-wrap .check-attendance-section p strong {
  position: relative;
  display: inline-block;
  font-weight: 700;
  z-index: 10;
}
.container.event
  .check-attendance-wrap
  .check-attendance-section
  p
  strong::before {
  content: "";
  position: absolute;
  left: -2px;
  bottom: 0;
  width: 110%;
  height: 5px;
  border-radius: 5px;
  background-color: #ffb4ce;
  z-index: -1;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 혜택/이벤트 출석리워드 */

.container.event .col-list-wrap {
  margin: 0 !important;
  padding: 1.5rem 0 0 0 !important;
}
.container.event .col-list-wrap + .col-list-wrap {
  padding-top: 24px !important;
}
.container.event .col-list-wrap .tit-wrap {
  position: relative;
  padding-right: 80px;
}
.container.event .col-list-wrap .tit-wrap .tit {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -0.025rem;
}
.container.event .col-list-wrap .tit-wrap .btn-more {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 16px;
  font-size: 12px;
  color: #666;
  line-height: 14px;
  letter-spacing: -0.02rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.container.event .col-list-wrap .tit-wrap .btn-more::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  margin-top: -9px;
  background: url(../images/ico_more_arrow.svg) no-repeat 50%/16px;
}
.container.event .col-list-wrap .swiper-container {
  padding-top: 16px;
}
/* [s] 230609 */
.container.event .col-list-wrap .swiper-container .swiper-button-prev {
  top: 28%;
  width: 30px;
  height: 30px;
  margin-top: 0;
  border-radius: 50%;
  background: url(../images/ico_prev_round.svg) no-repeat 50%/30px;
  color: transparent;
}
.container.event .col-list-wrap .swiper-container .swiper-button-next {
  top: 28%;
  width: 30px;
  height: 30px;
  margin-top: 0;
  border-radius: 50%;
  background: url(../images/ico_next_round.svg) no-repeat 50%/30px;
  color: transparent;
}
.container.event
  .col-list-wrap
  .swiper-container
  .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.container.event
  .col-list-wrap
  .swiper-container
  .swiper-button-next.swiper-button-disabled {
  display: none;
}
/* [e] 230609 */
.container.event .col-list-wrap .swiper-slide a {
  display: block;
}
.container.event .col-list-wrap .swiper-slide .img-box {
  position: relative;
  z-index: 10;
  margin: -1px -1px 0 -1px;
  padding-top: 70%; /* 240219 추가 */ /* 240527 수정 */
}
.container.event .col-list-wrap .swiper-slide .img-box img {
  border-radius: 10px;
  /* [s] 240219 추가 */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 0;
  height: 0;
  margin: auto;
  object-fit: cover;
  object-position: 0 0;
  /* [e] 240219 추가 */
}
.container.event .col-list-wrap .swiper-slide .txt-box {
  padding-top: 4px;
}
.container.event .col-list-wrap .swiper-slide .txt-box .tit {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  height: 46px; /* 230615 추가 */
  font-size: 16px;
  color: #1e1e1e;
  line-height: 23px;
  letter-spacing: -0.025rem;
}
.container.event .col-list-wrap .swiper-slide .txt-box .date {
  padding-top: 4px; /* 230710 수정 */
  font-size: 12px;
  color: #767676;
  line-height: 14px;
  letter-spacing: -0.03rem;
}
.container.event .col-list-wrap .swiper-slide .cate-box {
  padding-top: 12px;
  font-size: 0;
}

.container.event .col-list-wrap .swiper-slide .cate-box span {
  display: inline-block;
  margin-right: 4px;
  padding: 1px 6px;
  border-radius: 2px;
  font-size: 11px;
}
.container.event .col-list-wrap .swiper-slide .cate-box span:last-child {
  margin-right: 0;
}
.container.event .col-list-wrap .swiper-slide .cate-box .show {
  background: #fff3e5;
  color: #df7336;
}
.container.event .col-list-wrap .swiper-slide .cate-box .fashion {
  background: #f7e1ff;
  color: #923eaf;
}
.container.event .col-list-wrap .swiper-slide .cate-box .travel {
  background: #edffe5;
  color: #0db427;
}
.container.event .col-list-wrap .swiper-slide .cate-box .food {
  background: #ffe8ed;
  color: #ca4d54;
}
.container.event .col-list-wrap .swiper-slide .cate-box .etc {
  /* background:#D7EAFF;
  color:#4578DA; */
  background: #eee;
  color: #666;
}
.container.event .col-list-wrap .swiper-slide .cate-box .life-edu {
  background: #d7eaff;
  color: #4578da;
}

.container.event .col-list-wrap .swiper-slide .cate-box .coupon {
  background: #dbf5f6;
  color: #31b8c0;
}
/* [s] 241021 리워드로 응모하기 */
.container.event .col-list-wrap .swiper-slide .txt-box .price{
  display: flex;
  padding-top:12px;
  font-size:14px;
  font-weight:700;
  color:#111;
}
.container.event .col-list-wrap .swiper-slide .txt-box .price::before{
  content:'';
  display:inline-block;
  width:16px;
  height:16px;
  margin-right:4px;
  background:url(../images/ico_reward.png) no-repeat 50% 50% / 16px 16px;
  vertical-align:middle;
}
.container.event .col-list-wrap .evt-container{
  padding-top:16px;
}
/* [e] 241021 리워드로 응모하기 */
.container.event .item-list-wrap {
  margin-top: 4px !important;
}
.container.event .item-list li {
  margin-top: 0;
  border-bottom: 1px solid #eeeeee;
}
.container.event .item-list li a {
  /* display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox; 230609 삭제 */
  display: block; /* 230609 수정 */
  position: relative;
  z-index: 10;
  padding: 16px 0;
}
/* [s] 230609 */
.container.event .item-list li a::after {
  content: "";
  display: block;
  clear: both;
}
.container.event .item-list li .img-box {
  overflow: hidden;
  float: left;
  width: 140px;
  height: 95px;
  border-radius: 10px;
}
.container.event .item-list li .img-box img {
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  /* border-radius:10px; 230609 삭제 */
}
/* [e] 230609 */
.container.event .item-list li .item-info {
  float: left; /* 230609 추가 */
  width: calc(100% - 160px); /* 230609 추가 */
  margin-left: 20px;
}
.container.event .item-list li .item-info .tit {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  padding-top: 8px;
  font-size: 16px;
  color: #1e1e1e;
  line-height: 23px;
  letter-spacing: -0.025rem;
  word-break: break-all;
}
.container.event .item-list li .item-info .date {
  padding-top: 8px;
  font-size: 12px;
  color: #767676;
  line-height: 14px;
  letter-spacing: -0.03rem;
}
.container.event .item-list li .item-info .point-box{
  padding-top:12px;
}
.container.event .item-list li .item-info .point-box p{
  padding-left:20px;
  font-size:14px;
  font-weight:700;
  line-height:16px;
  color:#111; /* 241021 추가 */
  background:url(../images/ico-reward-point.svg) no-repeat 0 50% / 16px 16px;
}
.container.event .item-list li .item-info .cate-box span {
  display: inline-block;
  margin-right: 4px;
  padding: 1px 6px;
  border-radius: 2px;
  font-size: 11px;
}
.container.event .item-list li .item-info .cate-box span:last-child {
  margin-right: 0;
}
.container.event .item-list li .item-info .cate-box .show {
  background: #fff3e5;
  color: #df7336;
}
.container.event .item-list li .item-info .cate-box .fashion {
  background: #f7e1ff;
  color: #923eaf;
}
.container.event .item-list li .item-info .cate-box .travel {
  background: #edffe5;
  color: #0db427;
}
.container.event .item-list li .item-info .cate-box .food {
  background: #ffe8ed;
  color: #ca4d54;
}
/* [s] 240319 수정 */
.container.event .item-list li .item-info .cate-box .etc {
  /* background:#D7EAFF;
  color:#4578DA; */
  background: #eee;
  color: #666;
}
/* [e] 240319 수정 */

/* [s] 240319 추가 */
.container.event .item-list li .item-info .cate-box .life-edu {
  background: #d7eaff;
  color: #4578da;
}
/* [e] 240319 추가 */
.container.event .item-list li .item-info .cate-box .coupon {
  background: #dbf5f6;
  color: #31b8c0;
}

/* .container.event .item-list .end a::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border-radius:10px;
  background:#fff;
  opacity:0.5;
} 230609 삭제 */
/* [s] 230609 */
.container.event .item-list .end a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 10px;
  background: #fff;
  opacity: 0.5;
}
/* [e] 230609 */

/* [s] 241030 리워드 응모 */
.container.reward-entry .item-list li .item-info{
  width:calc(100% - 190px);
}
.container.reward-entry .item-list li .img-box{
  width:166px;
  height:116px;
}
.container.reward-entry .item-list li .item-info .tit{
  font-size:14px;
  line-height:18px;
}
/* [e] 241030 리워드 응모 */

.container.event .item-list-wrap .note {
  margin-top: 32px;
}

.container.event .item-detail-wrap {
  padding-top: 30px !important; /* 230608 수정 */
  padding-bottom: 0 !important; /* 230628 추가 */
}
.container.event .item-detail-wrap .item-head {
  padding-bottom: 33px; /* 230628 수정 */
  border-bottom: 1px solid #eee; /* 230904 추가 */
}
.container.event .item-detail-wrap .item-head .tit {
  font-size: 22px;
  font-weight: 500;
  color: #000;
  line-height: 26px;
  letter-spacing: -0.03em;
  word-break: break-all; /* 240216 추가 */
}
.container.event .item-detail-wrap .item-head .date {
  /* padding-top:12px; 230628 삭제 */
  font-size: 13px;
  color: #555;
  line-height: 25px;
  letter-spacing: -0.03em;
}
/* [s] 230628 */
.container.event .item-detail-wrap .item-head .date-box {
  position: relative;
  margin-top: 12px;
  padding-right: 31px;
}
.btn-share {
  overflow: hidden;
  width: 21px;
  height: 26px;
  border: 0;
  border-radius: 0;
  background: url(../images/ico_share.svg) no-repeat 50%/21px 26px;
  color: transparent;
}
.container.event .item-detail-wrap .item-head .date-box .btn-share {
  position: absolute;
  right: 0;
  top: -4px;
}
/* [e] 230628 */

/* [s] 241021 */
.container.event .item-detail-wrap .item-head .point-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:32px;
}
.container.event .item-detail-wrap .item-head .point-box .point{
  padding-left:34px;
  font-size:28px;
  font-weight:700;
  line-height:32px;
  background: url(../images/ico-reward-point.svg) no-repeat 0 50% / 28px 28px;
}
.container.event .item-detail-wrap .item-head .point-box .txt{
  font-size:12px;
  line-height:17px;
  color:#808080;
}
.container.event .item-detail-wrap .item-cont .gray-box{
  padding:24px;
  background:#eee;
}
.container.event .item-detail-wrap .item-cont .gray-box dl{
  margin-top:12px;
}
.container.event .item-detail-wrap .item-cont .gray-box dl dt{
  font-size:14px;
  font-weight:700;
  color:#666;
}
.container.event .item-detail-wrap .item-cont .gray-box dl dd{
  margin-left:0;
}
.container.event .item-detail-wrap .item-cont .btn-wrap .btn-reward-apply{
display: inline-block;
  width: 100%;
  margin-top: 2.5rem;
  padding: 1rem;
  font-size: 1.125rem;
  color: white;
  text-align: center;
  border-radius: 9999px;
  background: #b71256;
  cursor: pointer;
}
.container.event .item-detail-wrap .item-cont .btn-wrap .btn-reward-apply:hover{
  background: #ce1461;
}
/* bottom-layer */
.modal.bottom-layer{
  position:fixed;
  bottom:0;
  left:50%;
  width:480px;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  transform:translateX(-50%);
}
.modal.bottom-layer .modal-content{
  padding:2rem 1.5rem;
}
.modal.bottom-layer .draw-wrap{
  padding:0;
}
.modal.bottom-layer .draw-wrap .prd-tit{
  display:block;
  font-size:14px;
  font-weight:500;
}
.modal.bottom-layer .draw-wrap .draw-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.modal.bottom-layer .draw-wrap .draw-top .count .quantity-change{
  display:flex;
  align-items:center;
  gap:8px;
}
.modal.bottom-layer .draw-wrap .draw-top .count .quantity-change .btn-minus{
  width:34px;
  height:34px;
  padding:12px;
  background:#fff url(../images/ico-minus.png) no-repeat 50% 50% / 10px;
  border:1px solid #eee;
  border-radius:4px;
}
.modal.bottom-layer .draw-wrap .draw-top .count .quantity-change .btn-plus{
  width:34px;
  height:34px;
  padding:12px;
  background:#fff url(../images/ico-plus.png) no-repeat 50% 50% / 10px;
  border:1px solid #eee;
  border-radius:4px;
}
.modal.bottom-layer .draw-wrap .draw-top .count .quantity-change label{
  width:48px;
  border-bottom:1px solid #111;
}
.modal.bottom-layer .draw-wrap .draw-top .count .quantity-change label input{
  text-align:center;
}
.modal.bottom-layer .draw-wrap .draw-top .point p{
  padding-left:24px;
  font-size:18px;
  font-weight:700;
  line-height:21px;
  background: url(../images/ico-reward-point.svg) no-repeat 0 50% / 18px 18px;
}
.modal.bottom-layer .draw-wrap .remain{
  margin-top:12px;
  font-size:11px;
  line-height:15px;
  color:#808080;
}
.modal.bottom-layer .draw-wrap .remain span{
  font-weight:700;
}
.modal.bottom-layer .modal-footer{
  padding:12px 24px;
}
.modal.bottom-layer .modal-footer input[type]:not([type="checkbox"]):not([type="radio"]).is-primary{
  padding: 1rem !important;
  font-size: 1.125rem !important;
  border-radius:9999px;
}
.modal.bottom-layer a.close-modal{
  width:60px;
  height:21px;
  top:.5rem;
  right:auto;
  left:50%;
  transform:translateX(-50%);
  background-image:url(../images/ico-footer-modal.png);
}
/* [e] 241021 */

.container.event .item-detail-wrap .item-cont {
  padding-top: 20px;
  /* border-top:1px solid #eee; 230904 삭제 */
}
/* [s] 230905 */
.container.event .item-detail-wrap .item-cont .img-box img {
  margin-bottom: -1px;
}
/* [e] 230905 */
.container.event .item-detail-wrap button.is-primary {
  margin-top: 32px;
}
/* [s] 230616 */
.container.event
  .item-detail-wrap
  .benefit-area
  .coupon-list-wrap
  .coupon-list {
  padding-top: 27px;
}
/* [s] 230628 */
.container.event
  .item-detail-wrap
  .benefit-area
  .coupon-list-wrap
  .coupon-list
  .con-left {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* min-height:auto; 230628 삭제 */
}
.container.event
  .item-detail-wrap
  .benefit-area
  .coupon-list-wrap
  .coupon-list
  .info-box {
  padding-top: 28px;
}
/* [e] 230628 */
/* .container.event .item-detail-wrap .benefit-area .coupon-list-wrap.online .coupon-list .info-box{
  padding-top:28px;
} 230628 삭제 */
.container.event
  .item-detail-wrap
  .benefit-area
  .coupon-list-wrap.online
  .coupon-list
  .info-box.has-coupon {
  padding-top: 10px;
}
.container.event .item-detail-wrap .benefit-area button.is-primary {
  margin-top: 29px;
}
.container.event .item-detail-wrap .link-txt {
  padding: 30px 0 0; /* 230628 수정 */
}
/* [e] 230616 */

/* 230619 추가 */
.container.event .item-detail-wrap .enter-area .link-txt {
  padding: 32px 0 0;
}
/* [s] 230628 */
.container.event .is-topline {
  margin: 30px 0 0 0 !important;
}
/* [e] 230628 */

/* [s] 230616 .container.event .tab-content 에서 .container.event .benefit-area으로 수정 */
.container.event .benefit-area .tab-tit {
  padding-top: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -0.025rem;
}
.container.event .benefit-area .coupon-list-wrap .coupon-list {
  padding-top: 16px;
}
.container.event .benefit-area .coupon-list-wrap .coupon-list > li {
  margin-top: 20px; /* 230608 수정 */
}
.container.event .benefit-area .coupon-list-wrap .coupon-list > li:first-child {
  margin-top: 0;
}
.container.event .benefit-area .coupon-list-wrap .coupon-list > li > a {
  display: block;
  position: relative;
  padding-right: 48px;
  border-radius: 10px;
}
.container.event .benefit-area .coupon-list-wrap .coupon-list .con-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 140px;
  padding: 16px 12px 16px 28px; /* 230628 수정 */
  border: 2px solid #b31657;
  border-right: 4px solid #b31657;
  border-radius: 10px 0 0 10px;
}
.container.event .benefit-area .coupon-list-wrap .coupon-list .tit-box .tit {
  font-size: 12px;
  color: #1e1e1e;
  line-height: 17px;
  letter-spacing: -0.025rem;
}
.container.event .benefit-area .coupon-list-wrap .coupon-list .tit-box strong {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  color: #1e1e1e;
  line-height: 23px;
  word-break: break-all;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.container.event .benefit-area .coupon-list-wrap .coupon-list .info-box {
  padding-top: 10px;
}
.container.event .benefit-area .coupon-list-wrap .coupon-list .info-box li {
  margin-top: 0;
  padding-top: 3px;
  font-size: 12px;
  color: #767676;
  line-height: 15px;
  letter-spacing: -0.025rem;
}
.container.event
  .benefit-area
  .coupon-list-wrap
  .coupon-list
  .info-box
  li:first-child {
  padding-top: 0;
}
/* 230717 s */
.container.event
  .benefit-area
  .coupon-list-wrap
  .coupon-list
  .info-box
  li
  span.link {
  text-decoration: underline;
  cursor: pointer;
}
/* 230717 e */
.container.event .benefit-area .coupon-list-wrap .coupon-list .con-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 100%;
  border-left: 1px dashed #fff;
  border-radius: 0 10px 10px 0;
  background: #b31657;
}
.container.event .benefit-area .coupon-list-wrap .coupon-list .status {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 20px;
  white-space: nowrap;
}
.container.event .benefit-area .coupon-list-wrap .end .con-left {
  padding: 15px 12px 15px 29px;
  border: 1px solid #888;
  border-right: 3px solid #888;
}
.container.event .benefit-area .coupon-list-wrap .end .con-right {
  background: #888;
}
.container.event .benefit-area .coupon-list-wrap .end .tit-box .tit {
  color: #888;
}
.container.event .benefit-area .coupon-list-wrap .end .tit-box strong {
  font-weight: 400; /* 230608 추가 */
  color: #888;
}
.container.event .benefit-area .coupon-list-wrap .end .info-box li {
  color: #888;
}
/* [s] 230608 */
.container.event .benefit-area .coupon-list-wrap .end .status {
  font-weight: 400;
}
/* [e] 230608 */
/* [s] 230628 */
.help-txt {
  padding-top: 20px;
  font-size: 14px;
  color: #666;
  line-height: 19px;
  text-align: center;
}
/* [e] 230628 */
.container.event .benefit-area .coupon-list-wrap .note {
  margin-top: 30px; /* 230608 수정 */
}
.container.event .benefit-area .application-list-wrap .application-list {
  padding-top: 16px;
}
.container.event .benefit-area .application-list-wrap .application-list > li {
  overflow: hidden;
  margin-top: 20px; /* 230608 수정 */
  border: 2px solid #b31657;
  border-radius: 10px;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  > li:first-child {
  margin-top: 0;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  > li
  > a {
  display: block;
  position: relative;
  padding-right: 48px;
  border-radius: 10px;
}
/* [s] IT200054A2-5596 [SI] [UserWeb] 응모함 수정  */
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .con-left {
  position: relative; /* 240102 추가*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 123px;
  padding: 16px 8px 16px 19px; /* 230628 수정 */
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .con-left
  .entry-number {
  position: absolute;
  top: 15px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  background: url(../images/img_sticker.png) no-repeat center;
  background-size: 100%;
  opacity: 0.6;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .con-left
  .entry-number
  span {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -1.12px;
  color: #b31657;
  transform: rotate(-10.777deg);
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .end
  .con-left
  .entry-number {
  background: url(../images/img_sticker_off.png) no-repeat center;
  background-size: 100%;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .end
  .con-left
  .entry-number
  span {
  color: #6f6f6f;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 응모함 수정  */

/* IT200054A2-5596 [SI] [UserWeb] 쿠폰함 태그추가 */
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .cate-box,
.container.event .benefit-area .coupon-list-wrap .coupon-list .cate-box {
  padding-bottom: 8px;
}
/* IT200054A2-5596 [SI] [UserWeb] 쿠폰함 태그추가 */
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .cate-box
  span,
.container.event .benefit-area .coupon-list-wrap .coupon-list .cate-box span {
  display: inline-block;
  margin-right: 4px;
  padding: 1px 6px;
  border-radius: 2px;
  font-size: 11px;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .cate-box
  span:last-child {
  margin-right: 0;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .cate-box
  .show {
  background: #fff3e5;
  color: #df7336;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .cate-box
  .fashion {
  background: #f7e1ff;
  color: #923eaf;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .cate-box
  .travel {
  background: #edffe5;
  color: #0db427;
}
/* IT200054A2-5596 [SI] [UserWeb] 쿠폰함 태그추가 */
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .cate-box
  .food,
.container.event
  .benefit-area
  .coupon-list-wrap
  .coupon-list
  .cate-box
  .market-tag {
  background: #ffe8ed;
  color: #ca4d54;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .cate-box
  .etc {
  /* background:#D7EAFF;
  color:#4578DA; */
  background: #eee;
  color: #666;
}

.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .cate-box
  .life-edu {
  background: #d7eaff;
  color: #4578da;
}

/* IT200054A2-5596 [SI] [UserWeb] 쿠폰함 태그추가 */
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .cate-box
  .coupon,
.container.event
  .benefit-area
  .coupon-list-wrap
  .coupon-list
  .cate-box
  .event-tag {
  background: #dbf5f6;
  color: #31b8c0;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .tit-box
  .tit {
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  color: #1e1e1e;
  line-height: 23px;
  letter-spacing: -0.025rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .info-box {
  padding-top: 8px;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .info-box
  li {
  margin-top: 0;
  padding-top: 3px;
  font-size: 12px;
  color: #767676;
  line-height: 14px;
  letter-spacing: -0.025rem;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .info-box
  li:first-child {
  padding-top: 0;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .con-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 100%;
  background: #b31657;
}
/* [s] 230619 */
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .status-win {
  overflow: initial;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .status-win
  .con-right {
  top: -1px;
  right: -1px;
  height: calc(100% + 2px);
  border-radius: 0 10px 10px 0;
}
/* [e] 230619 */
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .status {
  position: absolute;
  top: 50%;
  left: 50%;
  padding-top: 19px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 20px;
  letter-spacing: -0.025rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .status::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 19px;
  height: 16px;
  background: url(../images/ico_check_white.svg) no-repeat 50% 0/19px 16px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .none-list {
  margin-top: 0;
  border: 0;
  border-radius: 0;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .none-list
  .desc {
  position: relative;
  margin-top: 16px; /* 230608 수정 */
  padding-left: 20px;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.025rem;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .none-list
  .desc::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 8px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #333;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .none-list
  .desc
  a {
  color: #333;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list
  .none-list
  .desc
  span {
  font-weight: 700;
  text-decoration: underline;
}

.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  > li {
  position: relative;
  padding-right: 48px;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .tit-box
  .tit {
  font-weight: 400; /* 230608 수정 */
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .btn-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-right: 0;
  border-radius: 10px;
  color: transparent;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .status {
  padding-top: 0;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .status::before {
  display: none;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .progress {
  border: 1px solid #b31657;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .progress
  .con-left {
  padding: 16px 8px 16px 19px;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .progress
  .con-right {
  background: #fae0e9;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .progress
  .status {
  font-weight: 400;
  color: #b71256;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .end {
  border: 1px solid #888;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .end
  .con-left {
  padding: 16px 8px 16px 19px;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .end
  .cate-box
  span {
  background: #e4e4e4 !important;
  color: #888 !important;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .end
  .tit-box
  .tit {
  color: #888;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .end
  .info-box
  li {
  color: #888;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .end
  .con-right {
  background: #e4e4e4;
}
.container.event
  .benefit-area
  .application-list-wrap
  .application-list.type2
  .end
  .status {
  font-weight: 400;
  color: #888;
}
/* [s] 230619 .benefit-area .application-list-wrap .none-event 에서 .benefit-area .none-event으로 수정 */
.container.event .benefit-area .none-event {
  margin-top: 30px; /* 230608 추가 */
  padding: 82px 0 12px; /* 230608 수정 */
  text-align: center;
  background: url(../images/ico_face.svg) no-repeat 50% 0/60px; /* 230608 추가 */
}
/* [s] 230608 */
.container.event .benefit-area .none-event strong {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 19px;
}
/* [e] 230608 */
.container.event .benefit-area .none-event .link-box {
  padding-top: 10px;
}
.container.event .benefit-area .none-event .link-box a {
  font-size: 14px;
  font-weight: 700; /* 230608 추가 */
  color: #888;
  line-height: 20px;
  text-decoration: underline;
}
/* [s] 230712 */
.container.event .benefit-area .none-event .link-box span {
  font-size: 14px;
  font-weight: 700; /* 230608 추가 */
  color: #888;
  line-height: 20px;
}
/* [e] 230712 */
/* [e] 230619 .benefit-area .application-list-wrap .none-event 에서 .benefit-area .none-event으로 수정 */
.container.event .benefit-area .application-list-wrap .note {
  margin-top: 30px; /* 230608 수정 */
}
/* [e] 230616 .container.event .tab-content 에서 .container.event .benefit-area으로 수정 */

.container.event .coupon-down-wrap .download-area {
  padding-top: 30px; /* 230608 수정 */
}
.container.event .coupon-down-wrap .download-area .product-img-box {
  position: relative;
}
.container.event .coupon-down-wrap .download-area .product-img-box img {
  border-radius: 10px;
}
.container.event .coupon-down-wrap .download-area .product-img-box .used-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140px;
  height: 140px;
  border: 5px solid #fff;
  border-radius: 50%;
  background: rgba(126, 126, 126, 0.3);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.container.event
  .coupon-down-wrap
  .download-area
  .product-img-box
  .used-txt
  span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding-top: 33px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 16px;
  letter-spacing: -0.025rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.container.event
  .coupon-down-wrap
  .download-area
  .product-img-box
  .used-txt
  span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 25px;
  margin-left: -15px;
  background: url(../images/arrow_down_white.svg) no-repeat 50%/30px 20px;
}
.container.event .coupon-down-wrap .download-area .product-info-box {
  padding-top: 20px;
}
.container.event
  .coupon-down-wrap
  .download-area
  .product-info-box
  .product-name
  strong {
  font-size: 16px;
  font-weight: 500;
  color: #b71256;
  line-height: 25px;
  letter-spacing: -0.03rem;
}
.container.event
  .coupon-down-wrap
  .download-area
  .product-info-box
  .product-name
  p {
  padding-top: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -0.025rem;
  word-break: break-all;
}
.container.event
  .coupon-down-wrap
  .download-area
  .product-info-box
  .product-info {
  padding-top: 16px;
}
.container.event
  .coupon-down-wrap
  .download-area
  .product-info-box
  .product-info
  dl {
  position: relative;
  margin-top: 10px;
  padding-left: 60px;
}
.container.event
  .coupon-down-wrap
  .download-area
  .product-info-box
  .product-info
  dl:first-child {
  margin-top: 0;
}
.container.event
  .coupon-down-wrap
  .download-area
  .product-info-box
  .product-info
  dt {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #767676;
  line-height: 20px;
}
.container.event
  .coupon-down-wrap
  .download-area
  .product-info-box
  .product-info
  dd {
  font-size: 14px;
  color: #000;
  line-height: 20px;
  text-align: right;
}
.container.event .coupon-down-wrap .download-area .barcode-box {
  padding-top: 32px;
  text-align: center;
}
.container.event .coupon-down-wrap .download-area .barcode-box img {
  width: 177px;
}
.container.event .coupon-down-wrap button.is-primary {
  margin-top: 28px;
}
.container.event .coupon-down-wrap .coupon-info-wrap {
  padding-top: 40px; /* 230608 수정 */
}
.container.event .coupon-down-wrap .coupon-info-wrap .collapse-header {
  height: 40px; /* 230608 수정 */
  margin: 8px 0; /* 230608 추가 */
  padding: 10px 30px 10px 0; /* 230608 수정 */
  border-bottom: 1px solid #e2e2e2;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  line-height: 20px;
}
/* [s] 230608 */
.container.event
  .coupon-down-wrap
  .coupon-info-wrap
  .is-collapse:first-child
  .collapse-header {
  margin-top: 0;
}
/* [e] 230608 */
.container.event
  .coupon-down-wrap
  .coupon-info-wrap
  .is-collapse:last-child
  .collapse-header {
  border-bottom: 0;
}
.container.event .coupon-down-wrap .coupon-info-wrap .collapse-header::before {
  display: none;
}
.container.event .coupon-down-wrap .coupon-info-wrap .collapse-header::after {
  right: 0;
  width: 20px;
  height: 20px;
  background: url(../images/arrow_down_gray.svg) no-repeat 50%/ 20px;
}
.container.event .coupon-down-wrap .coupon-info-wrap .collapse-header.show {
  border-color: transparent;
}
.container.event .coupon-down-wrap .coupon-info-wrap .collapse-content {
  margin-bottom: 0;
  padding: 20px;
}
.container.event .coupon-down-wrap .coupon-info-wrap .collapse-content ul li {
  position: relative;
  margin-top: 0;
  padding-left: 20px;
  font-size: 13px;
  line-height: 19px;
}
.container.event
  .coupon-down-wrap
  .coupon-info-wrap
  .collapse-content
  ul
  li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 8px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #333;
}
.container.event .coupon-down-wrap.used .download-area .product-img-box img {
  opacity: 0.4;
}
.container.event .coupon-down-wrap.used .download-area .product-info-box {
  opacity: 0.4;
}
.container.event .coupon-down-wrap.used .download-area .barcode-box {
  opacity: 0.4;
}
.container.event .coupon-down-wrap.used button.is-primary:disabled {
  opacity: 0.5;
}
.container.event .coupon-down-wrap .btn-wrap {
  padding-top: 28px;
  text-align: center;
}
.container.event .coupon-down-wrap .btn-wrap .btn-detail {
  display: inline-block;
  position: relative;
  padding-right: 24px;
  font-size: 14px;
  color: #767676;
  line-height: 21px;
  text-decoration: underline;
}
.container.event .coupon-down-wrap .btn-wrap .btn-detail::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  margin-top: -1px;
  background: url(../images/ico_detail.svg) no-repeat 50%/20px;
}

.container.event .coupon-down-wrap.type2 button.is-primary {
  margin-top: 42px;
}

/* [s] 230926 */
.container.event .item-detail-wrap .hwadam-cont .item-mission1 .mission-box {
  position: relative;
}
.container.event
  .item-detail-wrap
  .hwadam-cont
  .item-mission1
  .mission-box
  .map {
  display: block;
  position: absolute;
  top: 5%;
  right: 7%;
  left: 7%;
}
.container.event .item-detail-wrap .hwadam-cont .item-mission1 .btn-box {
  padding: 0 11.7%;
}
.container.event .item-detail-wrap .hwadam-cont .item-mission1 .btn-box button {
  padding: 0;
  border: 0;
}
.container.event .item-detail-wrap .hwadam-cont .item-mission1 .guide-box {
  padding: 2.5% 0 5.6%;
  font-size: 0; /* 231006 추가 */
  text-align: center;
}
.container.event .item-detail-wrap .hwadam-cont .item-mission1 .guide-box a {
  display: inline-block;
  width: 35.3%;
}
.container.event .item-detail-wrap .hwadam-cont .item-mission2 {
  /* padding-bottom:9.5%; 231006 삭제 */
  background: #faf7eb;
}
.container.event .item-detail-wrap .hwadam-cont .item-mission2 .link-box {
  padding: 0 11.7%;
}
.container.event .item-detail-wrap .hwadam-cont .item-mission2 .link-box a {
  display: inline-block;
}
.container.event
  .item-detail-wrap
  .hwadam-cont
  .item-mission2
  .link-box
  button {
  padding: 0;
  border: 0;
}
.container.event .item-detail-wrap .hwadam-cont .item-mission2 .guide-box {
  padding: 2.5% 0 7.8%; /* 231006 수정 */
  font-size: 0; /* 231006 추가 */
  text-align: center;
}
.container.event .item-detail-wrap .hwadam-cont .item-mission2 .guide-box a {
  display: inline-block;
  width: 32.7%;
}
.container.event .item-detail-wrap .hwadam-cont .item-mission2 .btn-box {
  padding: 6.9% 11.7% 9.5%; /* 231006 수정 */
  background: #fff; /* 231006 추가 */
}
.container.event .item-detail-wrap .hwadam-cont .item-mission2 .btn-box a {
  display: inline-block;
}
.container.event .item-detail-wrap .hwadam-cont .item-mission2 .btn-box button {
  padding: 0;
  border: 0;
  border-radius: 0;
}

/* [s] 241028 응모하기 카운트 */
.container.event .item-detail-wrap .item-cont.enter-area .draw-wrap{
  margin-top:32px;
  padding-top:32px;
  padding-bottom:0;
  padding-left:1.5rem;
  padding-right:1.5rem;
  border-top:1px solid #eee;
}
.container.event .item-detail-wrap .item-cont.enter-area .draw-wrap .darw-detail{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.container.event .item-detail-wrap .item-cont.enter-area .draw-wrap .darw-detail .point {
  padding-left: 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  background: url(../images/ico-reward-point.svg) no-repeat 0 50% / 18px 18px;
}
.container.event .item-detail-wrap .item-cont.enter-area .draw-wrap .notice{
  margin-top:24px;
}
.container.event .item-detail-wrap .item-cont.enter-area .draw-wrap .notice .txt{
  font-size:14px;
  line-height:20px;
}
.container.event .item-detail-wrap .item-cont.enter-area .draw-wrap .notice .info{
  font-size:14px;
  line-height:20px;
}
.container.event .item-detail-wrap .item-cont.enter-area .btn-wrap{
  padding-left:1.5rem;
  padding-right:1.5rem;
}
/* [e] 241028 응모하기 카운트 */

/* [s] IT200054A2-5596 [SI] [UserWeb] 나의 리워드 */
.container.my-reward-page .top-section {
  position:relative; /* 240503 추가 */
  padding-top: 30px !important;
  padding-bottom: 60px !important; /* 240503 수정 */
  background: #fff6fa;
}

.container.my-reward-page .top-section .txt-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 20px 20px;
}
.container.my-reward-page .top-section .txt-area h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04rem;
}
.container.my-reward-page .top-section .txt-area h3 strong {
  font-weight: 700;
}

.container.my-reward-page .top-section .txt-area img {
  width: 138px;
  height: 110px;
}
.container.my-reward-page .top-section .border-box.no-certify .items {
  width: 100%;
  text-align: center;
}
.container.my-reward-page .top-section .border-box.no-certify .items p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #333;
}
.container.my-reward-page .top-section .border-box.no-certify .items p a {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration-line: underline;
  color: #333;
}
.container.my-reward-page .reward-list-wrap {
  margin-top: 0 !important;
  padding: 0 !important;
}
.container.my-reward-page .reward-list-wrap .tab-filter-wrap {
  margin: 0 !important;
  padding: 1.25rem 1.5rem !important;
  border-bottom: 1px solid #f1f1f7;
}
.container.my-reward-page .reward-list-wrap .tab-filter-wrap .filter-list {
  display: flex;
}
.container.my-reward-page .reward-list-wrap .tab-filter-wrap .filter-list li {
  width: 33.3333%;
}
.container.my-reward-page
  .reward-list-wrap
  .tab-filter-wrap
  .filter-list
  li
  button {
  width: 100%;
}
.container.my-reward-page
  .reward-list-wrap
  .tab-filter-wrap
  .filter-list
  li:last-child {
  margin-right: 0;
}

.container.my-reward-page
  .reward-list-wrap
  .tab-filter-wrap
  .filter-list
  li
  button.on {
  background-color: #b71256;
  color: #fff;
}
.container.my-reward-page .reward-list-wrap .list {
  padding: 0 1.5rem !important;
}

.container.my-reward-page .reward-list-wrap .list ul li {
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: #777;
  margin-top: 0px;
  border-bottom: 1px solid #f1f1f7;
}
.container.my-reward-page .reward-list-wrap .list ul li .txt-date {
  display: inline-block;
  vertical-align: text-top;
  width: 90px;
}
.container.my-reward-page .reward-list-wrap .list ul li p {
  padding-left: 20px;
  padding-right: 10px;
  word-break: break-all;
  line-height: 1.3;
  width: calc(100% - 165px);
  display: inline-block;
  vertical-align: text-top;
  box-sizing: border-box;
}
.container.my-reward-page .reward-list-wrap .list ul li p span {
  word-break: break-all;
}
.container.my-reward-page .reward-list-wrap .list ul li .txt-reward {
  display: inline-block;
  width: 75px;
  margin-left: auto;
  margin-right: 0;
  font-weight: 700;
  color: #333;
  text-align: right;
  vertical-align: text-top;
}

.container.my-reward-page .reward-list-wrap .tab-list {
  background-color: #f9f9f9;
}
.container.my-reward-page .reward-list-wrap .date-area {
  padding: 16px 1.5rem;
  border-bottom: 1px solid #eee;
  background: #f9f9f9;
}
.container.my-reward-page .reward-list-wrap .date-area .datepicker {
  padding-right: 40px;
  background-color: #fff !important;
  background-image: url("../images/ico_date.png") !important;
  background-repeat: no-repeat !important;
  background-position: 96% 50% !important;
  background-size: 32px !important;
}
/* [s] 241202 소멸예정 리워드 추가 */
.container.my-reward-page .reward-list-wrap .tit-box{
  padding:12px 24px; /* 241211 수정 */
}
/* .container.my-reward-page .reward-list-wrap .tit-box .tit{
  font-size:18px;
  font-weight:500;
} */ /* 241211 삭제 */
.container.my-reward-page .reward-list-wrap .tit-box .info{
  /* margin-top:8px; */ /* 241211 삭제 */
  padding-left:20px;
  color:#808080;
  background:url(../images/ico_info.png) no-repeat 0 50% / 16px 16px;
}
.container.my-reward-page .reward-list-wrap .tit-box .info span{
  font-weight:700;
}
.container.my-reward-page .reward-list-wrap .notice-box{
  border-top:1px solid #bbb;
}
.container.my-reward-page .reward-list-wrap .notice-box .collapse-header{
  height:inherit;
  margin:0;
  padding:20px 0 20px 0;
  border-bottom:1px solid #f1f1f7;
}
.container.my-reward-page .reward-list-wrap .notice-box .collapse-header p{
  position:relative;
  font-size:16px;
}
.container.my-reward-page .reward-list-wrap .notice-box .is-collapse .collapse-header:after{
  content:none;
}
.container.my-reward-page .reward-list-wrap .notice-box .collapse-header p::after{
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(../images/arrow_down_gray.svg) no-repeat 50% / 20px;
}
.container.my-reward-page .reward-list-wrap .notice-box .is-collapse .collapse-header.show p::after{
  transform: translateY(-50%) rotateX(180deg);
}
.container.my-reward-page .reward-list-wrap .notice-box .collapse-header dl{
  display:flex;
  justify-content:space-between;
  margin-top:12px;
  font-size:16px;
}
.container.my-reward-page .reward-list-wrap .notice-box .collapse-header dl dt{
  font-weight:400;
}
.container.my-reward-page .reward-list-wrap .notice-box .collapse-header dl dd{
  font-weight:700;
  color:#b71256;
}
.container.my-reward-page .reward-list-wrap .notice-box .collapse-content ul li::before{
  content:none;
}
.container.my-reward-page .reward-list-wrap .notice-box .collapse-content{
  padding:0;
  background:none;
} 
.container.my-reward-page .reward-list-wrap .is-collapse .collapse-content p::before{
  content:none;
}
/* [e] 241202 소멸예정 리워드 추가 */

.container.my-reward-page .date-area button.search-button {
  border: 0;
  width: 1rem;
  height: 3rem;
  padding: 0.5rem 1rem;
  text-indent: -9999px;
}
.container.my-reward-page .date-area button.search-button {
  background: url("../images/ico_search.svg") no-repeat center;
  background-size: 1.5rem;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 나의 리워드 */

/* [s] 240503 */
.container.my-reward-page .top-section .reward-guide{
  position:absolute;
  bottom:24px;
  right:24px;
}
.container.my-reward-page .top-section .reward-guide a{
    position:relative;
    padding-right:24px;
    font-size:14px;
    line-height:21px;
    color:#767676;
    text-decoration:underline;
}
.container.my-reward-page .top-section .reward-guide a::after{
    content:'';
    position:absolute;
    top:50%;
    right:0;
    width:20px;
    height:20px;
    margin-top:-12px;
    background:url(../images/ico_arrow_more.png) no-repeat 50% 50% / 20px;
}
/* [e] 240503 */

/* [s] IT200054A2-5596 [SI] [UserWeb] 출석체크 */
.container.check-attendance .content-area .ico-top {
  display: block;
  width: 256px;
  height: 182px;
  margin: 0 auto 0 auto;
  text-align: center;
}
.container.check-attendance .content-area .bg-gray {
  background-color: #f4f4f4;
  margin-top: -80px;
  padding-top: 65px !important;
}
.container.check-attendance .content-area .bg-gray h3 {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.03rem;
  text-align: center;
  word-break: keep-all;
}
.container.check-attendance .content-area .bg-gray h3 strong {
  font-weight: 700;
}
.container.check-attendance .content-area .bg-gray .calendar {
  width: 100%;
  padding: 40px 16px;
  flex-shrink: 0;
  border-radius: 28.034px;
  border: 2.103px solid rgba(255, 255, 255, 0.28);
  background: linear-gradient(
    142deg,
    rgba(254, 248, 255, 0.56) 1.79%,
    rgba(254, 248, 255, 0.4) 100.42%
  );
  box-shadow: 7.008px 7.008px 16.82px 0px #fff inset,
    -7.008px -7.008px 21.025px 0px rgba(0, 0, 0, 0.12) inset;
}
.container.check-attendance .content-area .bg-gray .calendar .month {
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  color: #474c59;
  text-align: center;
}
.container.check-attendance .content-area .bg-gray .calendar table thead tr th {
  padding: 15px 10px;
  border: 0;
  background-color: transparent;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  color: #333;
}
.container.check-attendance .content-area .bg-gray .calendar table tbody tr td {
  position: relative;
  height: 50px;
  padding: 0 10px;
  border: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #333;
}
.container.check-attendance
  .content-area
  .bg-gray
  .calendar
  table
  tbody
  tr
  td.day-before,
.container.check-attendance
  .content-area
  .bg-gray
  .calendar
  table
  tbody
  tr
  td.day-after {
  color: rgba(52, 56, 65, 0.41);
}
.container.check-attendance
  .content-area
  .bg-gray
  .calendar
  table
  tbody
  tr
  td
  .to-day {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50px;
  background-color: rgba(214, 214, 214, 0.45);
  transform: translate(-50%, -50%);
}
.container.check-attendance
  .content-area
  .bg-gray
  .calendar
  table
  tbody
  tr
  td
  .check-mark {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50px;
  background: url(../images/img_check_mark.png) no-repeat center;
  background-size: 100%;
  transform: translate(-50%, -50%);
}
.container.check-attendance .content-area .attention-point-box {
  margin-top: 40px;
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
  background-color: #e8e8e8;
}
.container.check-attendance .content-area .bg-gray button.is-primary {
  margin-top: 40px !important;
}
.container.check-attendance .content-area .bg-gray .bar-wrap {
  position: relative;
  margin-bottom: 80px;
  margin-top: 90px;
}
.container.check-attendance .content-area .bg-gray .bar-wrap .progress-txt {
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap
  .progress-txt
  span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 40px;
  border: 4px solid #ebebeb;
  background-color: #ebebeb;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.28px;
  color: #bababa;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap
  .progress-txt
  span.ten-day {
  position: relative;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap
  .progress-txt
  span.ten-day::after {
  position: absolute;
  bottom: -38px;
  content: "+ 100R";
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.36px;
  color: #b71256;
  width: 70px;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap
  .progress-txt
  span.twenty-day {
  position: relative;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap
  .progress-txt
  span.twenty-day::after {
  position: absolute;
  bottom: -38px;
  content: "+ 200R";
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.36px;
  color: #b71256;
  width: 70px;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap
  .progress-txt
  span.on {
  width: 40px;
  height: 40px;
  border-color: #d12d71;
  background-color: #fff;
  color: #d12d71;
}
.container.check-attendance .content-area .bg-gray .bar-wrap .progress {
  position: relative;
  height: 20px;
  margin-bottom: 20px;
  background-color: rgba(183, 18, 86, 0.15);
  border-radius: 20px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  overflow: visible;
}
.container.check-attendance .content-area .bg-gray .bar-wrap .progress-bar {
  height: 100%;
  border-radius: 20px;
  background-color: #d12d71;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap
  .progress
  .word-balloon {
  position: absolute;
  display: block;
  padding: 5px 0;
  margin-top: -14px;
  top: -60px;
  left: calc(85% - 55px);
  /* 화살표의 위치에 따라 값 계산 필요 */
  /* left:85%; */
  z-index: 11;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap
  .progress
  .word-balloon
  .word-balloon-arrow {
  position: absolute;
  bottom: -7px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-color: transparent;
  border-style: solid;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #fff;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap
  .progress
  .word-balloon
  > .word-balloon-arrow.rt-0 {
  left: unset;
  right: 10px;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap
  .progress
  .word-balloon
  > .word-balloon-arrow.lt-0 {
  left: 10px;
  right: unset;
  margin-left: unset;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap
  .progress
  .word-balloon
  .word-balloon-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 5px 15px;
  border-radius: 50px;
  background-color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.36px;
  text-align: center;
  text-decoration: none;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap
  .progress
  .word-balloon
  > .word-balloon-inner.achieve {
  width: 110px;
  font-size: 18px;
  color: #d12d71;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap
  .progress
  .word-balloon
  > .word-balloon-inner.challenge {
  width: 110px;
  font-size: 16px;
  color: #777;
}
/* [s] IT200054A2-5596 [SI] [UserWeb] 프로그래시브바 new */
.container.check-attendance .content-area .bg-gray .bar-wrap-new {
  position: relative;
  margin-bottom: 60px;
  margin-top: 80px;
}
.container.check-attendance .content-area .bg-gray .bar-wrap-new .progress-txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress-txt
  span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #d5b7c4;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress-txt
  span.on {
  width: 20px;
  height: 20px;
  background-color: #9c0040;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress-txt
  span.ten-day {
  position: relative;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress-txt
  span.ten-day::after {
  position: absolute;
  bottom: -38px;
  content: "10일";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.36px;
  color: #333;
  width: 70px;
  text-align: center;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress-txt
  span.twenty-day {
  position: relative;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress-txt
  span.twenty-day::after {
  position: absolute;
  bottom: -38px;
  content: "20일";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.36px;
  color: #333;
  width: 70px;
  text-align: center;
}
.container.check-attendance /* [s]241122 출석체크 추가 */
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress-txt
  span.full-day {
  position: relative;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress-txt
  span.full-day::after {
  position: absolute;
  bottom: -38px;
  content: attr(final-day);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.36px;
  color: #333;
  width: 70px;
  text-align: center;
} /* [e]241122 출석체크 추가 */
.container.check-attendance .content-area .bg-gray .bar-wrap-new .progress {
  position: relative;
  height: 20px;
  margin-bottom: 20px;
  background-color: rgba(183, 18, 86, 0.15);
  border-radius: 20px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  overflow: visible;
}
.container.check-attendance .content-area .bg-gray .bar-wrap-new .progress-bar {
  height: 100%;
  border-radius: 20px;
  background-color: #d12d71;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress
  .word-balloon {
  position: absolute;
  display: block;
  padding: 5px 0;
  margin-top: -14px;
  top: -40px;
  z-index: 11;
}

.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress
  .word-balloon
  .word-balloon-arrow {
  position: absolute;
  bottom: -7px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-color: transparent;
  border-style: solid;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #fff;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress
  .word-balloon
  > .word-balloon-arrow.rt-0 {
  left: unset;
  right: 10px;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress
  .word-balloon
  > .word-balloon-arrow.lt-0 {
  left: 10px;
  right: unset;
  margin-left: unset;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress
  .word-balloon
  .word-balloon-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 5px 15px;
  border-radius: 50px;
  background-color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.36px;
  text-align: center;
  text-decoration: none;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  color: #e0377c;
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress
  .word-balloon.one-balloon {
  left: calc(50% - 36px);
}
.container.check-attendance
  .content-area
  .bg-gray
  .bar-wrap-new
  .progress
  .word-balloon.two-balloon {
  right: -10px;
  left: unset;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 프로그래시브바 new */

.modal-content .img-saving {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 auto 20px auto;
}
.modal-content .txt-area {
  text-align: center;
}
.modal-content .txt-area span {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -1px;
}
.modal-content .txt-area span strong {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #b71256;
}
.modal-content .txt-area p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #696969;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 출석체크 */

/* [s] IT200054A2-5596 [SI] [UserWeb] 친구초대 */
.container.friend-invite .wrapper .content-area .top-area {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
  background: #fff6fa;
  text-align: center;
}
.container.friend-invite .attention-point-box {
  margin-top: 0 !important;
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.container.friend-invite .content-area .top-area .tag-txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  margin-bottom: 30px;
  padding: 0px 20px;
  border-radius: 100px;
  border: 1px solid #b71256;
  background-color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  color: #b71256;
}

.container.friend-invite .content-area .top-area h3 {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  word-break: keep-all;
}
.container.friend-invite .content-area .top-area p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  word-break: keep-all;
}

.container.friend-invite .content-area .top-area p strong {
  font-weight: 700;
}
.container.friend-invite .content-area .top-area .img-friend-invite {
  width: 232px;
  height: 152px;
  margin-top: 15px;
}
.container.friend-invite .content-area .top-area .recommend-code {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 74px;
  margin-top: 26px;
  border-radius: 15px;
  border: 2px solid #b71256;
  background: #fff;
}

.container.friend-invite .content-area .top-area .recommend-code span {
  display: inline-block;
  margin-right: 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
}
.container.friend-invite .content-area .top-area .recommend-code strong {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}
.container.friend-invite
  .content-area
  .top-area
  .recommend-code
  button.btn-copy {
  border: 0;
  border-radius: 0;
}
.container.friend-invite .content-area .top-area .recommend-code .btn-copy img {
  width: 20px;
  height: 20px;
}

.container.friend-invite .content-area .top-area .btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 0 0 !important;
  padding: 24px 0 0 0 !important;
}
.container.friend-invite .content-area .top-area .btn-group button {
  width: calc(50% - 5px);
  margin: 0;
}

.is-Kakao {
  border-color: #ffe400;
  background: #ffe400;
  color: #333;
}
.is-Kakao:hover {
  border-color: #fbe848;
  background: #fbe848;
  color: #333;
}

.container.friend-invite .attention-point-box {
  background-color: #fff;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 친구초대 */
/* [s] IT200054A2-5596 [SI] [UserWeb] 친구초대 new */
.container.friend-invite-new .wrapper .content-area .top-area {
  padding:54px 55px 43px; /* 240724 수정 */
  background:#fff0f0;
  text-align: center;
}
.container.friend-invite-new .content-area .top-area h3 {
  margin-bottom:10px; /* 240724 수정 */
  font-size: 38px; /* 240724 수정 */
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.46px;
  color: #000;
  word-break: keep-all;
}
.container.friend-invite-new .content-area .top-area p {
  font-size: 22px; /* 240724 수정 */
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.26px;
  word-break: keep-all;
}
.container.friend-invite-new .content-area .top-area p strong {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.28px;
  color: #b71256;
}
.container.friend-invite-new .content-area .top-area .highlight{
  position:relative;
  display:inline-block;
}
.container.friend-invite-new .content-area .top-area .highlight:before{
  content:'';
  position:absolute;
  width:102%;
  height:10px;
  left:0;
  bottom:6px;
  border-radius:12px;
  background-color:#B71256;
  opacity:0.15;
}

.container.friend-invite-new .content-area .top-area .img-friend-invite {
  width: 100%; /* 240724 수정 */
  height: auto;
  margin-top: 34px; /* 240724 수정 */
}
.container.friend-invite-new .content-area .top-area .box-wrap {
  position: relative;
}
.container.friend-invite-new .content-area .top-area .box-wrap .recommend-code-box{
  margin-top:-50px; /* 240724 수정 */
  padding:24px 50px 32px; /* 240724 수정 */
  border-radius:20px;
  border:1px solid #FFF;
  background:#FFF;
}
.container.friend-invite-new .content-area .top-area .recommend-code {
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  min-width:100%; /* 240724 수정 */
  padding:16px 0; /* 240724 수정 */
  border:0px solid #D8D4D4;
  border-radius:80px;
  background:#F2F3F4;
}
.container.friend-invite-new .content-area .top-area .recommend-code span {
  display: inline-block;
  margin-right: 5px;
  font-size: 20px; /* 240724 수정 */
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.2px; /* 240724 수정 */
  color: #000;
}
.container.friend-invite-new .content-area .top-area .recommend-code strong {
  display: inline-block;
  font-size: 21px; /* 240724 수정 */
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.2px; /* 240724 수정 */
  color:#B71256;
}
.container.friend-invite-new .content-area .top-area .btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:24px 0 0 0; /* 240724 수정 */
}
.container.friend-invite-new .content-area .top-area .btn-group button {
  padding:0; /* 240724 추가 */
  border: 0;
  border-radius: 0;
  font-size: 16px; /* 240724 수정 */
  font-weight: 400;
  line-height: 1;
  color: #666;
}
.container.friend-invite-new .content-area .top-area .btn-group button:active {
  border-radius: 0;
  background-color: transparent;
}
.container.friend-invite-new .content-area .top-area .btn-group button::before {
  content: "";
  display: block;
  width: 74px; /* 240724 수정 */
  height: 74px; /* 240724 수정 */
  margin-bottom: 14px;
  border-radius: 100px;
}
.container.friend-invite-new .content-area .top-area .btn-group button.btn-copy::before{
  background:#999 url("../images/ico_copy_v2.svg") no-repeat center;
  background-size:40px;
}
.container.friend-invite-new .content-area .top-area .btn-group button.btn-link::before{
  background:#B71256 url("../images/ico_share_v2.svg") no-repeat center;
  background-size:40px;
}
.container.friend-invite-new .content-area .top-area .btn-group button.btn-Kakao{
  background-color:transparent;
}
.container.friend-invite-new .content-area .top-area .btn-group button.btn-Kakao::before{
  background:#FFE227 url("../images/ico_kakao_v2.svg") no-repeat center;
  background-size:40px;
}
/* [s] 240724 100% 선물 증정 이벤트 */
.container.friend-invite-new.type-blue .wrapper .content-area .top-area{
  background:#ecf2ff;
}
.container.friend-invite-new.type-blue .content-area .top-area p strong{
  color:#206cff !important;
}
.container.friend-invite-new.type-blue .content-area .code-register .txt{
  font-size:16px;
  color:#666;
}
.container.friend-invite-new.type-blue .content-area .top-area .highlight:before{
  background-color:#ffefb8;
  opacity:0.7;
}
.container.friend-invite-new.type-blue .content-area .code-register .txt-link{
  margin-top:5px;
  font-size:16px;
  font-weight:500;
  color:#111;
  text-decoration:none;
}
.container.friend-invite-new.type-blue .content-area .code-register .txt-link::after{
  width:18px;
  height:18px;
  margin-top:-9px;
  background:url(../images/ico_arrow_more3.png) no-repeat 50% 50% / 18px;
}

.container.friend-invite-new .content-area .top-area .presentation-code-box{
  position:relative;
  margin:18px -7px 0;
  padding:29px 44px 36px;
  border-radius:30px;
  background:url(../images/bg_presentation.png) no-repeat 50% 100% / 100% 100%;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box::before{
  content:'';
  position:absolute;
  top:65px;
  left:-30px;
  width:52px;
  height:47px;
  background:url(../images/img_coin.png) no-repeat 50% 50% / 52px 47px;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box::after{
  content:'';
  position:absolute;
  bottom:80px;
  right:-25px;
  width:61px;
  height:61px;
  background:url(../images/img_coin2.png) no-repeat 50% 50% / 61px 61px ;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .tooltip{
  position:relative;
  padding:9px 20px;
  border:1px solid #206cff;
  border-radius:1000px;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .tooltip::after{
  content:'';
  position:absolute;
  bottom:-5.6px;
  left:50%;
  width:10px;
  height:10px;
  margin-left:-5px;
  background:url(../images/tooltip_arw.png) no-repeat 50% 50% / 10px 10px;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .tooltip p{
  font-size:16px;
  font-weight:500;
  line-height:19px;
  letter-spacing:-1px;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box h4{
  margin-top:12px;
  font-size:23px;
  font-weight:700;
  line-height:32px;
  letter-spacing:-1px;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box h4 em{
  font-size:32px;
  line-height:44px;
  color:#333;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box h4 em span{
  position:relative;
  z-index:10;
  color:#206cff;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box h4 em span::after{
  content:'';
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-10;
  width:100%;
  height:16px;
  border-radius:18px;
  background:#ffefb8;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .img-box{
  width:142px;
  height:128px;
  margin:18px auto 0;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .img-box img{
  width:100%;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .period{
  margin-top:27px;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .period .txt{
  padding:5px 24px;
  font-size:14px;
  font-weight:700;
  line-height:20px;
  border-radius:40px;
  background:#f2f3f3;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .period .date{
  margin-top:10px;
  font-size:16px;
  font-weight:500;
  line-height:23px;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap{
  display:flex;
  flex-direction:column;
  margin-top:42px;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap button{
  padding:1.1875rem;
  font-size:23px;
  font-weight:500;
  line-height:20px;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap .btn-apply{
  color:#fff;
  border:0;
  background:#1c6aff;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap .btn-view{
  margin-top:12px;
  color:#206cff;
  border:1px solid #206cff;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap.apply .complete{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 26px;
  border:1px solid #c7daff;
  border-radius:65px;
  background:#fff;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap.apply .complete .txt{
  font-size:20px;
  font-weight:700;
  line-height:20px;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap.apply .complete .number{
  font-size:23px;
  font-weight:700;
  color:#b71256;
}
.container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap.apply .btn-view{
  margin-top:44px;
  padding:0;
  font-size:23px;
  font-weight:500;
  border:0;
  background:transparent;
  text-decoration:underline;
  text-underline-offset:6px;
}
/* [e] 240724 100% 선물 증정 이벤트 */
/* [s] 240520 추가 */
.container.friend-invite-new .content-area .code-register{
  margin-top:24px;
}
.container.friend-invite-new .content-area .code-register .txt{
  font-size:14px;
  line-height:20px;
}
.container.friend-invite-new .content-area .code-register .txt-link{
  position:relative;
  display:inline-block;
  margin-top:4px;
  padding-right:18px; /* 240724 수정 */
  font-size:14px;
  line-height:21px;
  color:#b71256;
  text-decoration:underline;
}
.container.friend-invite-new .content-area .code-register .txt-link::after{
  content:'';
  position:absolute;
  top:50%;
  right:0;
  width:20px;
  height:20px;
  margin-top:-10px;
  background:url(../images/ico_arrow_more2.png) no-repeat 50% 50% / 20px;

}
/* [e] 240520 추가 */
.container.friend-invite-new .attention-point-box {
  margin-inline:0!important;
  margin:0 -1.5rem 0 -1.5rem!important;
  padding: 24px 26px 30px 26px !important;
  background-color:#fff;
}
/* 유의사항 */
.container.friend-invite-new .attention-point-box dl {
  font-size: 14px;  /*20240522*/ 
  line-height: 1.5;
  color: #777;
}
.container.friend-invite-new .attention-point-box dl dt {
  display:flex;
  align-items:center;
  margin-bottom: 14px;
  font-size:16px; /* 240528 추가 */
  font-weight: 500;
  line-height:16px;
  color: #111;
  
}
.container.friend-invite-new .attention-point-box dl dt::before{
  content:'';
  display:inline-block;
  width:16px;
  height:16px;
  margin-right:6px;
  background: url(../images/ico_noti.svg)  no-repeat center;
  background-size:100%;

}
.container.friend-invite-new .attention-point-box dl dd {
  position: relative;
  margin-top:6px;
  margin-left: 3px;
  padding-left: 10px;
  text-indent: -1px;
}
.container.friend-invite-new .attention-point-box dl dd::before {
  content: "-";
  display: inline-block;
  margin-right: 5px;
  position: absolute;
  left: 0;
}
/* // 유의사항 */
/* [e] IT200054A2-5596 [SI] [UserWeb] 친구초대 new */

/* [s] IT200054A2-5596 [SI] [UserWeb] 마켓메인 */

.container.market .top-section {
  padding: 2.5rem 1.5rem !important;
  background-color: #fff6fa;
}
.container.market .top-section h3 {
  margin-bottom: 40px;
  margin-left: 20px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  word-break: keep-all;
}
.container.market .top-section h3 strong {
  font-weight: 700;
}
.container.market .top-section .border-box,
.container.my-reward-page .top-section .border-box {
  display: flex;
  align-items: center;
  min-height: 93px;
  padding: 15px 0;
  border-radius: 15px;
  border: 2px solid #b71256;
  background: #fff;
}
.container.market .top-section .border-box .items,
.container.my-reward-page .top-section .border-box .items {
  position: relative;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.container.market .top-section .border-box .items span,
.container.my-reward-page .top-section .border-box .items span {
  display: inline-block;
  padding-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.container.my-reward-page .top-section .border-box .items span {
  padding-bottom: 6px;
}
.container.market .top-section .border-box .items p,
.container.market .top-section .border-box .items p a,
.container.my-reward-page .top-section .border-box .items p,
.container.my-reward-page .top-section .border-box .items p a {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  vertical-align: middle;
  color: #333;
}
.container.market .top-section .border-box .items p a:active,
.container.my-reward-page .top-section .border-box .items p a:active {
  color: #333;
}
.container.market .top-section .border-box .items + .items::before,
.container.my-reward-page .top-section .border-box .items + .items::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  width: 2px;
  height: 58px;
  background: rgba(222, 222, 222, 0.7);
  transform: translateY(-50%);
}

.ico-reward::before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 10px;
  background: url(../images/ico_reward.png) no-repeat center;
  background-size: 100%;
  vertical-align: middle;
}
.ico-coupon::before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 10px;
  background: url(../images/ico_coupon.png) no-repeat center;
  background-size: 100%;
  vertical-align: middle;
}

.container.market .swiper-container {
  min-height: 140px;
  margin-top: 0 !important;
  padding: 0 0 0 1.5rem !important;
  background-color: #f9f9f9;
}
.brand-no-content {
  height: 140px;
}
.container.market .swiper-container .swiper-button-prev {
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: 0;
  border-radius: 50%;
  background: url(../images/ico_prev_round.svg) no-repeat 50%/30px;
  color: transparent;
  transform: translateY(-50%);
}
.container.market .swiper-container .swiper-button-next {
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: 0;
  border-radius: 50%;
  background: url(../images/ico_next_round.svg) no-repeat 50%/30px;
  color: transparent;
  transform: translateY(-50%);
}
.container.market .swiper-container .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.container.market .swiper-container .swiper-button-next.swiper-button-disabled {
  display: none;
}
.container.market .swiper-slide {
  width: 84px;
  margin-right: 16px;
  padding-bottom: 20px;
}
.container.market .swiper-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 500;
  line-height: normal;
  color: #333;
  text-align: center;
}
.container.market .swiper-slide a::before {
  content: "";
  display: inline-block;
  width: 84px;
  height: 84px;
}
.container.market .swiper-slide .ico-category1::before {
  background: url(../images/ico_coffee.png) no-repeat center;
  background-size: 100%;
}
.container.market .swiper-slide .ico-category2::before {
  background: url(../images/ico_hamburger.png) no-repeat center;
  background-size: 100%;
}
.container.market .swiper-slide .ico-category3::before {
  background: url(../images/ico_ice_cream.png) no-repeat center;
  background-size: 100%;
}
.container.market .swiper-slide .ico-category4::before {
  background: url(../images/ico_chicken.png) no-repeat center;
  background-size: 100%;
}
.container.market .swiper-slide .ico-category5::before {
  background: url(../images/ico_dessert.png) no-repeat center;
  background-size: 100%;
}
.container.market .swiper-slide .ico-category6::before {
  background: url(../images/ico_eat_out.png) no-repeat center;
  background-size: 100%;
}
/* [s] 240906 카테고리추가 */
.container.market .swiper-slide .ico-category7::before {
  background: url(../images/ico_exchange.png) no-repeat center;
  background-size: 100%;
}
/* [e] 240906 카테고리추가 */
.container.market .enter-reward-wrap .enter-reward {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 94px;
 /* padding-right: 36px; */ /* 250404 삭제 */
  border-radius: 10px;
 /* background: #e9eaf9; */ /* 250404 삭제 */
}
.container.market .enter-reward-wrap .enter-reward p {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  color: #333;
}
.container.market .enter-reward-wrap .enter-reward p::after {
  content: "";
  position: absolute;
  top: -20px;
  right: -42px;
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../images/ico_twinkle.png) no-repeat center;
  background-size: 100%;
}
.container.market .enter-reward-wrap .enter-reward img {
	/* width: 94px; */ /* 250404 삭제 */
	/* height: 94px; */ /* 250404 삭제 */
	width: 100%; /* 250404 추가 */
	pointer-events: none; /* 250404 추가 */
}

/* [s] IT200054A2-5596 [SI] [UserWeb] 마켓>카테고리 */
.container.market .content-area .item-detail-wrap .item-head {
  display: flex;
  min-height: 94px;
  align-items: center;
  padding: 0;
}
.container.market .content-area .item-detail-wrap .card-area {
  min-height: 66vh;
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
}
.container.market .content-area .item-detail-wrap .item-head .tit {
  padding-right: 5px;
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container.market .content-area .item-detail-wrap .item-head .tit .brand-logo {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  border-radius: 50px;
  vertical-align: middle;
}
.my-reward {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 15px;
  border-radius: 32px;
  border: 1px solid #b71256;
}
.my-reward span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  vertical-align: middle;
}
.my-reward span::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-bottom: 3px;
  background: url("../images/ico_reward.png") no-repeat center;
  background-size: 100%;
  vertical-align: middle;
}
.container.market .item-detail-wrap .swiper-container {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
  margin-bottom: 2rem;
}
.container.market .item-detail-wrap .swiper-container .swiper-slide {
  width: 80px;
  /* margin-left: 20px; */
  padding-top: 20px;
}
.container.market .item-detail-wrap .swiper-container .swiper-slide a::before {
  display: none;
}
.container.market .item-detail-wrap .swiper-container .swiper-slide img {
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 54px;
  margin-bottom: 15px;
}
.container.market .item-detail-wrap .tit-wrap .commutativity-switch {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  vertical-align: middle;
  letter-spacing: -1px;
  margin-bottom: 15px;
}
.container.market .item-detail-wrap .tit-wrap .commutativity-switch .switch {
  margin-right: 10px;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 마켓>카테고리 */
/* [s] IT200054A2-5596 [SI] [UserWeb] 마켓 카드 */

.container.market .card-area .tit-wrap {
  /* display: flex;
  align-items: center; */
  /*padding-top: 32px;*/
}
.container.market .card-area .tit-wrap h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}
.container.market .card-area .tit-wrap .total {
  display: flex;
  align-items: center;
  margin-right: 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  color: #666;
}
.container.market .card-area .tit-wrap .total strong {
  font-weight: 700;
  color: #333;
}
.container.market .card-area .tit-wrap .commutativity-switch {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  vertical-align: middle;
  letter-spacing: -1px;
}
.container.market .card-area .tit-wrap .commutativity-switch .switch {
  margin-right: 10px;
}
.container.market .card-area .card-list-wrap {
  width: calc(100% + 16px);
  margin-inline: -8px;
  margin-top: 16px;
}
.container.market .card-area .card-list-wrap::after {
  content: "";
  display: block;
  clear: both;
}
.container.market .card-area .card-list-wrap a {
  float: left;
  width: calc(50% - 8px);
  margin: 4px;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 16px;
  background-color: #fff;
}

.container.market .card-area .card-list-wrap a .img-box {
  border-radius: 5px; /*20240510*/
}
.container.market .card-area .card-list-wrap a .img-box img {
  width: 100%;
  height: 100%;/*20240517*/
  object-fit: cover;
  border-radius: 10px;
  pointer-events: none; /* 2504 비주얼검색 비활성화 */
}

.container.market .card-list-wrap a {
  display: block;
}

.container.market .card-list-wrap .img-box {
  position: relative;
  z-index: 10;
  margin: -1px -1px 0 -1px;
}
.container.market .card-list-wrap .img-box img {
  border-radius: 10px;
}
.container.market .card-list-wrap .txt-box {
  padding-top: 4px;
}
.container.market .card-list-wrap .txt-box .tit {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-height: 46px;
  min-height: 46px;
  font-size: 16px;
  color: #1e1e1e;
  line-height: 23px;
  letter-spacing: -0.025rem;
}
.container.market .card-list-wrap .txt-box .price {
  display: flex;
  /* align-items: center; */ /* 241224 삭제 */
  padding-top: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #111; /* 241213 수정 */
  /* line-height: 14px; */ /* 241224 삭제 */
  vertical-align: middle;
}
.container.market .card-list-wrap .txt-box .need-price {
  padding-top: 4px;
  font-size: 14px;
  color: blue;
  line-height: 16px;
  letter-spacing: -0.03rem;
}
.ic-reward::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url("../images/ico_reward.png") no-repeat center;
  background-size: 100%;
  vertical-align: bottom; /* 241224 수정 */
}
.container.market .cate-box {
  padding-top: 12px;
}
.container.market .cate-box span {
  display: inline-block;
  margin-right: 4px;
  padding: 1px 6px;
  border-radius: 2px;
  font-size: 11px;
}
.container.market .cate-box span:last-child {
  margin-right: 0;
}
.container.market .cate-box .fast-food,
.container.market .cate-box .chicken,
.container.market .cate-box .exchange,
.container.market .cate-box .eat-out,
.container.market .cate-box .dessert,
.container.market .cate-box .coffee,
.container.market .cate-box .ice-cream {
  padding:0;
  background: transparent;
  color: #888888;
}

.container.market .cate-box .entry {
  background: #fff3e5;
  color: #df7336;
}
.container.market .sold-out,
.container.market .wh-dim {
  position: relative;
}
.container.market .sold-out::before,
.container.market .wh-dim::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 10px;
  background: #fff;
  opacity: 0.5;
  z-index: 11;
}
.container.market .sold-out::after {
  content: "";
  position: absolute;
  top: 50px;
  left: 50%;
  width: 140px;
  height: 64px;
  background: url(../images/img_sold_out.png) no-repeat center;
  background-size: 100%;
  transform: translateX(-50%);
  z-index: 12;
}
.container.market .card-area .no-content {
  display: block;
  padding: 2rem 0;
}
.container.market .card-area .no-content p {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 마켓 카드 */
/* [e] IT200054A2-5596 [SI] [UserWeb] 마켓 메인 */

/* [s] IT200054A2-5596 [SI] [UserWeb] 마켓 검색 */
.container.market .content-area .search-box-area {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 24px 1.5rem !important;
  background-color: #f9f9f9;
}
.container.market .content-area .search-box-area .form-control input {
  background-color: #fff !important;
}

.container.market .content-area .none-search {
  margin-top: 30px;
  padding: 82px 0 12px;
  text-align: center;
  background: url(../images/ico_face.svg) no-repeat 50% 0/60px;
}

.container.market .content-area .none-search strong {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  line-height: 19px;
}

.container.market .content-area .none-search p {
  font-size: 14px;
  font-weight: 400;
  color: #999;
  line-height: 20px;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 마켓 검색 */
/* [s] IT200054A2-5596 [SI] [UserWeb] 마켓 상품상세 */

.container.market .detail-cont .img-box {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.container.market .detail-cont .img-box img {
  width: 100%;
}
.container.market .detail-cont .cate-box {
  margin-top: 34px;
  padding-top: 0;
}
.container.market .detail-cont .cate-box span {
  font-size: 18px;
  line-height: normal;
}
.container.market .detail-cont .txt-box {
  padding-top: 10px;
  padding-bottom: 34px;
}
.container.market .detail-cont .txt-box .tit {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-height: 64px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
.container.market .detail-cont .txt-box .tit-break-all {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  word-break: break-all;
}
.container.market .detail-cont .txt-box .ic-reward.price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 5px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  text-align: right;
  vertical-align: middle;
}
.container.market .detail-cont .txt-box .ic-reward::before {
  width: 26px;
  height: 26px;
  vertical-align: middle;
}
.container.market .detail-cont .txt-box .txt-info {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #0038ff;
  text-align: right;
}
.container.market .detail-cont .gray-box {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 24px 1.5rem;
  background-color: #f9f9f9;
  clear: both;
}
.container.market .detail-cont .gray-box h4 {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  color: #111;
}
.container.market .detail-cont .gray-box dl {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #777;
}
.container.market .detail-cont .gray-box dl dt {
  margin-top: 20px;
  margin-bottom: 5px;
  font-weight: 500;
}
.container.market .detail-cont .gray-box dl dd {
  position: relative;
  margin-left: 3px;
  padding-left: 10px;
  text-indent: -1px;
}
.container.market .detail-cont .gray-box dl dd::before {
  content: "-";
  display: inline-block;
  margin-right: 5px;
  position: absolute;
  left: 0;
}
.container.market .detail-cont .gray-box dl dd strong {
  color: #333;
  margin-right: 15px;
}
.fixed-bottom {
  margin-inline: -1.5rem;
  padding: 15px 1.5rem;
  border-top: 1px solid #eee;
  background-color: #fff;
}
.fixed-bottom button {
  margin-top: 0 !important;
}

.dot-line {
  margin: 0 -1.5rem;
  border: 0;
  border-bottom: 2px dashed #dfdfdf;
}

/* [e] IT200054A2-5596 [SI] [UserWeb] 마켓 상품상세 */

/* [s] IT200054A2-5596 [SI] [UserWeb] 교환완료, 리워드응모완료 */
.container.exchange-finish .tit,
.container.entry-finish .tit {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}
.container.exchange-finish .product-area,
.container.entry-finish .product-area {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding-bottom: 30px !important;
}

.container.exchange-finish .product-area .product-txt,
.container.entry-finish .product-area .product-txt {
  margin-left: 30px;
}
.container.exchange-finish .product-area .product-txt .cate-box,
.container.entry-finish .product-area .product-txt .cate-box {
  padding-top: 0;
  margin-bottom: 10px;
}
.container.exchange-finish .product-area .product-txt .txt-box .tit,
.container.entry-finish .product-area .product-txt .txt-box .tit {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-height: 46px;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.025rem;
}
.container.exchange-finish .product-area .img-box img,
.container.entry-finish .product-area .img-box img {
  width: 160px;
}
.container.exchange-finish .breakdown-list,
.container.entry-finish .breakdown-list {
  padding: 36px 0;
}
.container.exchange-finish .breakdown-list li,
.container.entry-finish .breakdown-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
}
.container.exchange-finish .breakdown-list li span,
.container.entry-finish .breakdown-list li span {
  font-weight: 600;
}
.container.exchange-finish .breakdown-list li + li,
.container.entry-finish .breakdown-list li + li {
  margin-top: 15px;
}
.container .attention-point-box {
  margin-inline: 0 !important;
  padding: 24px 26px 30px 26px !important;
  background-color: #f9f9f9;
}
.container .attention-point-box dl {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #777;
}
.container .attention-point-box dl dt {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #111;
}
.container .attention-point-box dl dt::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: url(../images/ico_noti.svg) no-repeat center;
  background-size: 100%;
}
.container .attention-point-box dl dd {
  position: relative;
  margin-left: 3px;
  padding-left: 10px;
  text-indent: -1px;
}
.container .attention-point-box dl dd::before {
  content: "-";
  display: inline-block;
  margin-right: 5px;
  position: absolute;
  left: 0;
}
.container.exchange-finish .btn-group,
.container.entry-finish .btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 0 0 !important;
  padding: 30px 0 !important;
}
.container.entry-finish .btn-group {
  padding: 0 0 30px 0 !important;
}
.container.exchange-finish .btn-group button,
.container.entry-finish .btn-group button {
  width: calc(50% - 5px);
  margin: 0;
}

/* [e] IT200054A2-5596 [SI] [UserWeb] 교환완료 */
/* [s] IT200054A2-5596 [SI] [UserWeb] 공통css */
.highlight {
  position: relative;
  display: inline-block;
  z-index: 2;
}
.highlight:before {
  content: "";
  position: absolute;
  left: -2px;
  bottom: 0;
  width: 110%;
  height: 10px;
  border-radius: 10px;
  background-color: #ffdde9;
  z-index: -1;
}
.fc-magenta {
  color: #b71256 !important;
}

.d-flex {
  display: flex;
}
.flex1 {
  flex: 1;
}
.ml-auto {
  margin-left: auto;
}
.mt-top {
  margin-top: 0 !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.w140 {
  width: 140px;
}
.border-b-2 {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 0 -1.5rem 2rem -1.5rem;
  border-bottom: 2px solid #eee;
}
/* [e] IT200054A2-5596 [SI] [UserWeb] 공통css */

/* [s] 240902 리워드 다회응모 */
.container.market .detail-cont .gray-box.boder-b-1{
  border-bottom:1px solid #eee;
}
.container.market .fixed-bottom.bt-0{
  border-top:0;
}
/* [s] 241028 market클래스 제거 */
.container .draw-wrap{
  padding:27px 0 5px;
}
.container .draw-wrap .count{
  display:flex;
  justify-content:center;
  align-items:center;
}
.container .draw-wrap .count .quantity-change{
  display:flex;
  align-items:center;
  gap:8px;
}
.container .draw-wrap .count .quantity-change .btn-minus{
  width:34px;
  height:34px;
  padding:12px;
  background:#fff url(../images/ico-minus.png) no-repeat 50% 50% / 10px;
  border:1px solid #eee;
  border-radius:4px;
}
.container .draw-wrap .count .quantity-change .btn-plus{
  width:34px;
  height:34px;
  padding:12px;
  background:#fff url(../images/ico-plus.png) no-repeat 50% 50% / 10px;
  border:1px solid #eee;
  border-radius:4px;
}
.container .draw-wrap .count .quantity-change label{
  width:48px;
  border-bottom:1px solid #111;
}
.container .draw-wrap .count .quantity-change label input{
  text-align:center;
}
.container .draw-wrap .count .txt-draw{
  padding-left:16px;
  font-weight:500;
}
.container .draw-wrap .notice{
  margin-top:20px;
  text-align:center;
}
.container .draw-wrap .notice .txt{
  font-size:12px;
  font-weight:500;
  line-height:16px;
  color:#b71256;
}
.container .draw-wrap .notice .info{
  margin-top:4px;
  font-size:12px;
  line-height:17px;
  color:#808080;
}
/* [e] 241028 market클래스 제거 */
/* [e] 240902 리워드 다회응모 */

.modal .modal-content .enter-form-wrap .form-control {
  max-width: 200px;
  margin: 0 auto;
}
.modal .modal-content .guide-step-list {
  padding-top: 30px;
}
.modal .modal-content .guide-step-list::after {
  content: "";
  display: block;
  clear: both;
}
.modal .modal-content .guide-step-list li {
  float: left;
  position: relative;
  width: calc(33.333% - 14px);
  margin-top: 0;
  margin-left: 14px;
  padding-top: 46px;
  font-size: 12px;
  color: #555;
  line-height: 17px;
  text-align: center;
}
.modal .modal-content .guide-step-list li:first-child {
  margin-left: 0;
}
.modal .modal-content .guide-step-list li::before {
  content: "";
  position: absolute;
  top: 13px;
  left: -5px;
  width: 5px;
  height: 7px;
  background: url(../images/ico_arw_right.svg) no-repeat 0 0/5px 7px;
}
.modal .modal-content .guide-step-list li:first-child::before {
  display: none;
}
.modal .modal-content .guide-step-list li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 30px;
  transform: translateX(-50%);
}
.modal .modal-content .guide-step-list li.telescope::after {
  background: url(../images/ico_telescope.svg) no-repeat 0 0/30px;
}
.modal .modal-content .guide-step-list li.stemp::after {
  background: url(../images/ico_stemp.svg) no-repeat 0 0/30px;
}
.modal .modal-content .guide-step-list li.qr::after {
  background: url(../images/ico_qr_small.svg) no-repeat 0 0/30px;
}
.modal .modal-content .guide-step-list li.click::after {
  height: 31px; /* 231006 추가 */
  background: url(../images/ico_click.svg) no-repeat 0 0/100%; /* 231006 수정 */
}
.modal .modal-content .guide-step-list li.process::after {
  background: url(../images/ico_process.svg) no-repeat 0 0/30px;
}
.modal .modal-content .guide-step-list li.showing::after {
  width: 33px;
  height: 33px;
  background: url(../images/ico_showing.svg) no-repeat 0 0/33px;
}
/* [s] 231006 */
.modal .modal-content .msg-info {
  padding-top: 14px;
  text-align: center;
}
/* [e] 231006 */

.modal.type-map .modal-content .map-box {
  height: 315px;
  border: 1px solid #ccc;
}
.modal.type-map .modal-content .map-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.modal.type-map .modal-content .map-marking-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding-top: 16px;
}
.modal.type-map .modal-content .map-marking-list li {
  position: relative;
  margin-top: 0;
  padding-left: 34px;
  font-size: 18px;
  font-weight: 700;
  color: #222;
  line-height: 18px;
  letter-spacing: -0.32px;
}
.modal.type-map .modal-content .map-marking-list li::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 24px;
  height: 24px;
}
.modal.type-map .modal-content .map-marking-list li.qr::before {
  background: url(../images/ico_camera.svg) no-repeat 0 0/24px;
}
.modal.type-map .modal-content .map-marking-list li.giveaway::before {
  background: url(../images/ico_heart.svg) no-repeat 0 0/24px;
}

.modal.type-map a.close-modal {
  display: none;
}
.modal.type-map .modal-content {
  padding: 0.125rem 0.125rem 4rem;
}

.hwadam-terms-wrap .btn-wrap button {
  margin-top: 4rem;
}
/* [e] 230926 */

.modal.type-detail .modal-content {
  width: 480px; /* 230706 추가 */
  margin: 0 -0.5rem 0; /* 230608 삭제 */ /* 230628 수정 */
}
.modal.type-detail .full-img-box {
  overflow-y: auto; /* 230705 추가 */
  max-height: 630px; /* 230706 추가 */
  height: 100%;
  font-size: 0; /* 230609 추가 */
  text-align: center; /* 230706 추가 */
}
.modal.type-detail .full-img-box img {
  width: 100%;
  /* max-width:480px; 230706 삭제 */ /* 230609 수정 */
}
.modal.type-detail .modal-footer {
  display: block; /* 230609 추가 */ /* 230706 수정 */
  /* height:163px; 230713 삭제 */
  /* padding:0 28px; 230713 삭제 */
  border: 0;
}
.modal.type-detail .modal-footer button.is-primary {
  /* height:61px; 230628 삭제 */
  margin-top: 32px;
}
/* [e] 230607 */

/* [s] 230628 */
.modal.type-detail-btn .full-img-box {
  overflow-y: auto;
  max-height: 630px;
}
/* [e] 230628 */
/* [s] 230619 */
.modal.type-detail-btn .full-img-box img {
  /* max-height:630px; 230628 삭제 */
}
.modal.type-detail-btn .modal-footer {
  /* display:block; 230706 삭제 */
  height: 53px; /* 230713 수정 */
}
.modal.type-detail-btn .link-txt {
  /* padding-top:16px; 230713 삭제 */
  padding: 16px 0; /* 230713 추가 */
}
.modal.type-detail-btn .modal-footer button.is-primary {
  margin-top: 30px;
}
/* [e] 230619 */

button.text-button:hover {
  background: #555;
  color: #fff;
}

/* [s] 231218 순서 변경 */
button.text-button:active {
  background: #444;
}

button.text-button:disabled {
  background: #eee; /* 240131 수정 */
  color: #bbb; /* 210906 */ /* 240131 수정 */
}
/* [e] 231218 순서 변경 */

button.text-button.is-bigger {
  font-size: 1rem;
  font-weight: normal;
}

button.text-button.is-primary {
  background: #b71256;
  color: white;
  margin-top: 0; /* 210906 */
}

/* [s] 240131 button:hover일 때 */
button:hover.text-button.is-primary {
  background: #ce1461;
  color: #fff;
}
/* [e] 240131 button:hover일 때 */

/* [s] 240131 button:active일 때 */
button:active.text-button.is-primary {
  background: #a0104b;
  color: #fff;
}
/* [e] 240131 button:active일 때 */

button.close-button {
  background: transparent;
  border: none;
  padding: 1rem;
  text-indent: -9999px;
  background-image: url("../images/ico_delete.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem;
}

button.no-border {
  border: none;
  border-radius: 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;
}

button.no-border svg {
  fill: #b71256;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
}

button.no-border:hover {
  background: #f5f5f5;
}

button.no-border:hover svg {
  fill: #f100bd;
}

button.no-border:active {
  background-color: #fff0f5;
  color: #b71256;
}

button.no-border:active svg {
  fill: #b71256;
}

/* [s] 240216 추가 */
button.no-border.btn-login-more {
  margin-top: 1rem;
}
/* [e] 240216 추가 */

.not-rounded {
  border-radius: 0.25rem;
  color: #333;
  font-size: 0.875rem;
  border: 1px solid #eee;
  padding: 0.375rem 1.25rem;
}

.not-rounded.is-primary {
  color: white;
  margin-top: 0;
}
/*20.11.05*/
.not-rounded.is-primary.btn-find {
  height: 48px;
}

.not-rounded.is-primary:hover {
  color: white;
}

.not-rounded:hover {
  color: #b71256;
  border-color: #b71256;
}

table {
  border-collapse: collapse;
  font-size: 0.875rem;
  text-align: center;
}

table th {
  background: #eee;
  border-left: 1px solid white;
  font-weight: 500;
  padding: 0.625rem 0.5rem;
}

table th:first-child {
  border-left: none;
}

table tr td {
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  color: #777;
  padding: 0.625rem 0.5rem;
}

table tr td:last-child {
  border-right: 1px solid #eee;
}

table.is-horizontal tbody tr:first-child td {
  border-top: 1px solid #eee;
}

table.is-horizontal tbody th {
  text-align: right;
}

table.is-horizontal tbody td {
  text-align: left;
}

table.is-horizontal tbody td ul li {
  margin-top: 0.5rem;
}

table.is-horizontal tbody td .is-small {
  font-size: 0.75rem;
}

table + table {
  margin-top: 1rem;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

input::-ms-clear {
  display: none;
}

input::-ms-check {
  display: none;
}

input::-ms-reveal {
  display: none;
}

input::-ms-expand {
  display: none;
}

input[type]:not([type="checkbox"]):not([type="radio"]):not([type="button"]),
select:not([class^="light"]) {
  font-size: 1.125rem;
  height: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type]:not([type="checkbox"]):not([type="radio"]):not(
    [type="button"]
  ).has-gray-bg,
select:not([class^="light"]).has-gray-bg {
  background: #f5f5f5;
  font-size: 1rem;
  padding: 0 0.5rem; /*tws*/
}

.qna-area .date-area {
  margin-top: 0.5rem;
}

.qna-area .not-rounded.is-primary.btn-find {
  background: #eee;
  color: #555;
  border: none;
}
.qna-area .not-rounded.is-primary.btn-find:hover {
  background: #555;
  color: #fff;
  border: none;
}

input[type]:not([type="checkbox"]):not([type="radio"]):not(
    [type="button"]
  ).date-box.has-gray-bg,
select:not([class^="light"]).date-box.has-gray-bg {
  margin-right: 10px;
}

input[type]:not([type="checkbox"]):not([type="radio"]):not([type="button"]) {
  display: block;
  width: 100%;
  border: none;
}

input[type]:not([type="checkbox"]):not([type="radio"]):not([type="button"])
  + input[type]:not([type="checkbox"]):not([type="radio"]) {
  margin-top: 2rem;
}

/* tws IOS input:disabled 대응 */
input:disabled {
  opacity: 1;
  -webkit-text-fill-color: inherit;
}
/* //tws */

input:-moz-read-only {
  background: #f2f2f2 !important;
  color: #333 !important;
  padding-left: 0.5rem !important;
}

input:read-only {
  background: #f2f2f2 !important;
  color: #333 !important;
  padding-left: 0.5rem !important;
}

input[readonly="readonly"]::-moz-selection {
  background: #f2f2f2 !important;
}

input[readonly="readonly"]::selection {
  background: #f2f2f2 !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #808080; /* 210726 */ /* 240930 수정 */
  overflow: visible;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #808080; /* 210726 */ /* 240930 수정 */
  overflow: visible;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #808080; /* 210726 */ /* 240930 수정 */
  overflow: visible;
}

input::placeholder,
textarea::placeholder {
  color: #808080; /* 210726 */ /* 240930 수정 */
  overflow: visible;
  font-size: 16px; /* 211207 */
}

input:-moz-read-only + .form-button .show-password,
input:-moz-read-only + .form-button .delete-button {
  display: none !important;
}

input:read-only + .form-button .show-password,
input:read-only + .form-button .delete-button {
  display: none !important;
}

input[type="button"] {
  color: #333;
  font-size: 0.875rem;
  background: white;
  border: 1px solid #eee;
  border-radius: 0.25rem;
  padding: 0.375rem 1.25rem;
  cursor: pointer;
}

input[type="button"]:hover {
  color: #b71256;
  border-color: #b71256;
}

input[type="button"]:disabled {
  background: #f5f5f5;
  color: #ddd;
  border-color: #ddd;
}

input[type="button"]:active {
  background: #fef2f6;
  color: #b71256;
  border-color: #b71256;
}

input:focus {
  background-color: rgba(183, 18, 86, 0.02) !important;
}

input,
textarea,
select {
  /* 0119 button, a, label 태그삭제 */
  outline-color: #b71256 !important;
}

/* 210712 추가 */
label {
  outline: none !important;
}

label:focus {
  border: 1px solid #b71256; /* 210712 수정 */
  border-radius: 2px;
}

select:not([class^="light"]) {
  padding-right: 2rem;
  background-color: #fafafa !important;
  background-image: url("../images/arrow_down.svg");
  background-repeat: no-repeat;
  background-position: right 1rem top 50%;
  background-size: 0.75rem;
  border: none;
}

select::-ms-expand {
  display: none;
}

textarea {
  resize: none;
  padding: 1rem;
  border-color: #eee;
  overflow-y: auto;
}

.agreeArea {
  position: relative;
}

input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  top: -1px; /* 220614 추가 */ /* 240123 수정 */
  left: -2px; /* 220614 추가 */ /* 240123 수정 */
  /* z-index: -1; 220614 삭제 */
  /* width: 0; 220614 삭제 */
  /* height: 0; 220614 삭제 */
  width: 24px; /* 220614 추가 */
  height: 24px; /* 220614 추가 */
  /* top: -9999px;  220614 삭제 */
  background: transparent !important; /* 220614 추가 */
}

/* [s] 240305 */
input[type="checkbox"] {
  border: none;
}
/* [e] 240305 */

/* [s] 220808 */
input[type="checkbox"] + label {
  padding-left: 1.875rem !important; /* 220810 수정 */
}
/* [e] 220808 */

input[type="checkbox"] + label,
input[type="radio"] + label {
  position: relative;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.8;
  padding-left: 1.625rem;
}

/* [s] 220808 */
/* [s]210726 */
input[type="checkbox"] + label:before {
  position: absolute;
  display: inline-block;
  content: "";
  top: -0.5px;
  left: 0;
  /* 220808 삭제
  border-top: 0;
  border-right: 0;
  border-bottom: 3px solid #c9c9c9;
  border-left: 3px solid #c9c9c9;
  transform: rotate(-45deg);
  margin-top: -7px; */
  width: 24px;
  height: 24px;
  background: url(../images/btn_chkS_off.png) no-repeat 0 0 / 24px;
}
/* [e] 220808 */

input[type="radio"] + label:before {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  top: 0.25rem;
  left: 0;
}

input[type="checkbox"]:checked + label:before {
  /* 220808 삭제
  border-bottom: 3px solid #b71256;
  border-left: 3px solid #b71256; */
  background: url(../images/btn_chkS_on.png) no-repeat 0 0 / 24px; /* 220808 추가 */
}

input[type="checkbox"] + label + .form-control,
input[type="radio"] + label + .form-control {
  padding-left: 1.75rem;
  margin-top: 0.5rem;
}

input[type="checkbox"] + label + .form-control .validation-msg,
input[type="radio"] + label + .form-control .validation-msg {
  left: 1.75rem;
}
/*
input[type=checkbox] + label:before {
  background: url("../images/chk_s_off.svg") no-repeat center; 
  background-size: contain;
}

input[type=checkbox]:checked + label:before {
  background-image: url("../images/chk_s_on.svg");
}
*/

/* [s] 230904 */
.form-wrap {
  display: inline-block;
  position: relative;
}
.form-wrap input[type="checkbox"] {
  top: -2px;
  left: -2px;
  width: 20px;
  height: 20px;
  padding: 0 !important;
}
.form-wrap input[type="checkbox"] + label {
  padding-left: 30px !important;
  font-size: 16px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  line-height: 20px;
}
.form-wrap input[type="checkbox"] + label::before {
  top: 0;
  width: 20px;
  height: 20px;
  background: url(../images/ico_chk_off.svg) no-repeat 0 0/20px;
}
.form-wrap input[type="checkbox"]:checked + label::before {
  background: url(../images/ico_chk_on.svg) no-repeat 0 0/20px;
}
/* [e] 230904 */

/* [s] 220809 */
input[type="radio"] + label:before {
  background-size: 24px;
  background-image: url("../images/radio_sel.png"); /* 221012 background 이미지 변경 */
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -14px;
}
/* [e] 220809 */

input[type="radio"]:checked + label:before {
  background-image: url("../images/radio_unsel.png"); /* 220809 background 이미지 변경 */ /* 221012 background 이미지 변경 */
}

.capsule-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0;
  padding: 0 0.5rem;
}

.capsule-container input[type="radio"] + label {
  -ms-flex-preferred-size: 22.5%;
  flex-basis: 22.5%;
  font-size: 1rem;
  text-align: center;
  color: #777;
  cursor: pointer;
  padding: 0.125rem 1.5rem;
  border: 1px solid #f5f5f5;
  border-radius: 1rem;
  margin: 0 1.125%;
}

.capsule-container input[type="radio"] + label:before {
  display: none;
}

.capsule-container input[type="radio"] + label:hover {
  color: #b71256;
  border-color: #b71256;
}

.capsule-container input[type="radio"]:checked + label {
  background: #b71256;
  color: white;
  border-color: transparent;
}

.radios {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.radios input[type="radio"] + label {
  position: relative;
  background: #eee;
  padding: 0.5rem 0.875rem;
  cursor: pointer;
  -webkit-transition: 0.4s cubic-bezier(0.4, 0, 1, 1);
  transition: 0.4s cubic-bezier(0.4, 0, 1, 1);
}

.radios input[type="radio"] + label span {
  color: #555;
  position: relative;
  z-index: 2;
}

.radios input[type="radio"] + label + input[type="radio"] + label {
  border-left: 1px solid #e2e2e2;
  margin-left: -0.25rem;
}

.radios input[type="radio"] + label:before {
  content: none;
}

.radios input[type="radio"]:checked + label {
  /* background: #b71256; */
  /* background: #555; */ /* 240125 삭제 */
  background: #b31657; /* 240125 추가 */
}

.radios input[type="radio"]:checked + label span {
  color: white;
  -webkit-animation: textFade 0.75s forwards;
  animation: textFade 0.75s forwards;
}

.radios input[type="radio"]:checked + label:before {
  width: 100%;
}

.radios input[type="radio"]:first-child + label {
  border-radius: 0.25rem 0 0 0.25rem;
}
.radios input[type="radio"] + label.auth-gender {
  width: 32px;
  height: 32px;
  padding: 0;
  right: 4px;
  line-height: 32px;
  text-align: center;
}

.radios label:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}

/* [s]210709 */
.flex-container.is-grow.tws-inp .radios.type2 {
  bottom: 0;
}
.radios.type2 input[type="radio"] + label.auth-gender {
  width: 100px;
  height: 32px;
}

@-webkit-keyframes textFade {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
    color: white;
  }
  100% {
    opacity: 1;
    color: white;
  }
}

@keyframes textFade {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
    color: white;
  }
  100% {
    opacity: 1;
    color: white;
  }
}

.switch {
  position: relative;
  display: inline-block;
  width: 2.25rem;
  height: 1.375rem;
  /* outline:none; */ /* 웹접근성 */
}
/* [s] 250520 추가 */
.switch.v2 .slider::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0);
}
.switch.v2 input:checked + .slider:before {
  -webkit-transform: none;
  transform: unset;
}
.switch.v2 input:checked + .slider{
  background-color: #ccc;
}
/* [e] 250520 추가 */
/* [s] 250527 추가 */
.switch.v3 .slider::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0);
}
.switch.v3 input + .slider:before {
  -webkit-transform: translateX(0.875rem);
  transform: translateX(0.875rem);
}
.switch.v3 input + .slider{
  background-color: #b71256;
}
/* [e] 250527 추가 */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch input:checked + .slider {
  background-color: #b71256;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(0.875rem);
  transform: translateX(0.875rem);
}

.switch input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #b71256;
  box-shadow: 0 0 1px #b71256;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 0.6875rem;
  outline: none; /*tws*/
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 1.125rem;
  width: 1.125rem;
  border-radius: 50%;
  left: 0.125rem;
  bottom: 0.125rem;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.form-title {
  font-size: 0.875rem;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 0.25rem;
}

.form-control {
  position: relative;
  padding: 0;
  /*border-width: 0 0 2px;*/
  border-width: 0 0 1px; /*20.11.05*/
  border-color: #111;
  border-style: solid;
}

/* 220330 추가 */
.form-control.copy {
  border-style: none;
}
.form-control.copy .form-button {
  right: 0;
}
.form-control.copy button.text-button {
  height: 3rem;
}
.form-control.copy .form-button button.text-button {
  padding: 0.125rem 2rem;
}
.form-control.copy-none .form-button {
  display: none !important;
}
/* //220330 */

.form-control.no-border {
  border: none;
}

.form-control.full-border {
  border-width: 2px;
}

.form-control.full-border
  input[type]:not([type="checkbox"]):not([type="radio"]),
.form-control.full-border select {
  padding-left: 1.25rem;
}

.form-control.full-border .form-button {
  right: 1rem;
}

/* [s] 240124 추가 */
.form-control::after {
  content: "";
  display: block;
  clear: both;
}
.form-control .market_list {
  position: relative;
  float: left;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  margin-right: 1.5rem;
}
.form-control .market_list input[type="checkbox"] {
  top: 11px;
}
.form-control .market_list input[type="checkbox"] + label {
  display: unset;
  padding-top: unset;
  padding-bottom: unset;
  margin-right: unset;
}
.form-control .market_list:last-child label {
  margin-right: 0;
}
/* [e] 240124 추가 */

/* 210709 */
.form-control.w30p {
  width: 30%;
}
.form-control.w40 {
  width: 40px;
}
.form-control.w70 {
  width: 70px;
}
.flex-container .dash {
  padding: 10px 15px; /* 240125 수정 */
  display: inline-block;
}
.flex-container .point {
  padding: 10px 0;
  display: inline-block;
}

.form-control input[type]:not([type="checkbox"]):not([type="radio"]),
.form-control select {
  padding-left: 0.5rem;
  background-color: transparent;
}

.form-control input[type="checkbox"] + label,
.form-control input[type="radio"] + label {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  margin-right: 1.5rem;
}

/* [s] 220808 */
.form-control input[type="radio"] + label {
  padding-left: 2.25rem; /* 220810 수정 */
}

.form-control input[type="checkbox"] + label:before {
  top: 50%;
  margin-top: -13px;
}
/* [e] 220808 */

/* 210726 
.form-control input[type=checkbox] + label:before,
.form-control input[type=radio] + label:before {
  top: 1rem;
}
 */
.form-control .validation-msg,
.form-control .form-button {
  position: absolute;
}

.form-control .validation-msg button,
.form-control .form-button button {
  border: none;
}

.form-control .validation-msg button img,
.form-control .form-button button img {
  width: 0.75rem;
  height: 0.75rem;
}

.form-control.show .form-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-control.show .form-button button.text-button {
  display: none;
}

.form-control.show.show-text-button button.text-button {
  display: block;
}

.form-control.show-text-button .form-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-control.show-text-button .form-button button:not(.text-button) {
  display: none;
}

/* [s] 240201 추가 */
.form-control.show-text-button.show .form-button .delete-button {
  display: block;
}
/* [e] 240201 추가 */

.form-control.show-all-button .form-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* 20.11.24 */
.form-control.show-all-button .form-button.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-control.show-all-button .form-button button {
  display: block !important;
}

.form-control.show-validate .validation-msg {
  display: block;
}

.form-control .form-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* right: 0; */
  right: 4px; /*20.11.10*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
.form-control .form-button.tws-formButton {
  right: 92px;
}

.form-control.w30p .form-button.tws-formButton {
  right: 10px;
}

.form-control .form-button button:not(.text-button) {
  /* 210906 */
  background: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem;
}

.form-control .form-button button.delete-button,
.form-control .form-button button.show-password,
.form-control .form-button button.search-button,
.form-control .form-button button.ico-search-button {
  width: 1rem;
  height: 3rem;
  padding: 0.5rem 1rem;
  /* text-indent: -9999px; */ /* 240930 삭제 */
  font-size:0; /* 240930 추가 */
}

.form-control .form-button button.delete-button img {
  display: none;
}

.form-control .form-button button.delete-button {
  background-image: url("../images/ico_delete.svg");
  /* background-size: 90%; */
}
.form-control.show .form-button button.delete-button {
  background-image: url("../images/ico_delete_input.svg");
  background-size: 77%;
}

.form-control .form-button button.search-button,
.form-control .form-button button.ico-search-button {
  background-image: url("../images/ico_search.svg");
  background-size: 1.5rem;
}
/* tws */
.form-control .form-button button.search-button:focus {
  /* outline:none; */ /* 웹접근성 */
}
/* // tws */
.form-control .form-button button.show-password {
  background-image: url("../images/ico_showpw.svg");
  background-size: 1rem;
  position: relative; /* 240125 추가 */
}

.form-control .form-button button.show-password img {
  display: none;
}

/* [s] 240125 */
.form-control .form-button button.show-password.hide::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 16px;
  width: 1px;
  height: 16px;
  background: #333;
  transform: rotate(-45deg);
}
/* [e] 240125 */

.form-control .form-button button.text-button {
  /* 210906
  font-size: .875rem;
  height: 2rem;
 */
  padding: 0.125rem 0.5rem;
  /* 210906
  background: #eee;
  color: #555;
  
  border-radius: .25rem;*/
}

/* 220413 */
.form-control.show-text-button .form-button a.text-button {
  display: block;
  height: 3rem;
  padding: 0.125rem 2rem;
  border-radius: 6px;
  background: #000;
  line-height: 3rem;
  font-size: 14px;
  color: #fff;
}

/* 210728
.form-control .form-button button.text-button:disabled {
  background: #ccc;
} */

.form-control .form-button button + button {
  margin-left: 0.5rem;
}

.form-control .validation-msg {
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  font-size: 0.875rem;
  display: none;
}
/* [s] 230926 */
.form-control .validation-msg.error {
  bottom: -4px;
  margin-top: 4px;
  padding-left: 22px;
  font-size: 12px;
  font-weight: 400;
  color: #b71256;
}
.form-control .validation-msg.error::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: url(../images/ico_error.svg) no-repeat 0 0/16px;
}
/* [e] 230926 */

.form-control + .form-control,
.form-control + label {
  display: block;
  margin-top: 2.5rem;
}

.form-control > span {
  position: absolute;
  right: 30%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1rem;
}

.form-control > span.po3 {
  right: 85px;
}

.form-control > span > span {
  margin-left: 0.25rem;
}

/* [s]220822 */
.jquery-modal.pop-hidden {
  display: none;
  white-space: nowrap;
}
/* [e]220822 */

/* [s] 220825 */
.jquery-modal.pop-hidden .modal-content {
  white-space: initial;
}
/* [e] 220825 */

.blocker {
  overflow: unset; /* 230127 추가 */
  z-index: 1000;
  padding: 20px;
  padding: calc(20px + constant(safe-area-inset-top))
    calc(20px + constant(safe-area-inset-right))
    calc(20px + constant(safe-area-inset-bottom))
    calc(20px + constant(safe-area-inset-left));
  padding: calc(20px + env(safe-area-inset-top))
    calc(20px + env(safe-area-inset-right))
    calc(20px + env(safe-area-inset-bottom))
    calc(20px + env(safe-area-inset-left));
}
/* [s] 230127 */
/* .blocker .modal.modal-mo{
  padding:1rem 1rem 0 !important;
} 230616 삭제 */
/* [e] 230127 */

/* [s] 230131 */
.modal.modal-app {
  width: 90%;
}
.modal.modal-app .modal-content {
  text-align: center;
}
.modal.modal-app a.close-modal-text.cancel {
  background-color: #d1d2d3;
  color: #333;
}
/* [e] 230131 */

.modal {
  padding: 0.5rem 0.5rem 0;
  border-radius: 0;
  width: auto;
  max-width: 75%;
  z-index: 1001;
}
/* 240126 추가 */
.modal.msg {
  padding: 2rem 0.5rem 1rem;
}

/* 211217 추가 */
.modal.is-full-width {
  width: 100% !important;
}
/* 240126 추가 */
.modal.is-large-width {
  max-width: 720px;
}

/* [s] 230608 */
/* [s] 230609 */
/* [s] 230628 */
.modal.full-layer {
  max-width: none;
  padding: 0.5rem 0.5rem 0;
  padding-top: calc(0.5rem + constant(safe-area-inset-top));
  padding-right: calc(0.5rem + constant(safe-area-inset-right));
  padding-left: calc(0.5rem + constant(safe-area-inset-left));
  padding-top: calc(0.5rem + env(safe-area-inset-top));
  padding-right: calc(0.5rem + env(safe-area-inset-right));
  padding-left: calc(0.5rem + env(safe-area-inset-left));
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
/* [e] 230628 */
/* [s] 230712 */
.modal.full-layer a.close-modal {
  top: 1rem;
  top: calc(1rem + constant(safe-area-inset-top));
  top: calc(1rem + env(safe-area-inset-top));
}
/* [e] 230712 */
/* [e] 230609 */
.modal.full-layer .modal-title {
  height: 38px;
  margin: 0 -0.5rem; /* 230628 수정 */
  padding-left: 20px !important; /* 230713 수정 */
  font-size: 16px;
  line-height: 38px; /* 230628 수정 */
}
/* [e] 230608 */
/* [s] 230607 */
.modal .pd-none {
  padding: 0 !important;
}
/* [e] 230607 */

.modal .flex-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal .wrapper .policy .flex-container {
  padding: 0;
  margin: 0;
  flex-direction: initial;
  -ms-flex-direction: initial;
}

/* [s] 240216 추가 */
.modal.modal-scroll {
  max-height: 346px;
  height: 100%;
}
.modal.modal-scroll .modal-content {
  height: calc(100% - 38px);
  overflow: hidden auto;
}
/* [e] 240216 추가 */

.modal .modal-title {
  font-size: 1.25rem;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  text-align: left;
  /* padding: 0 2.5rem 1rem 1.5rem; */
  padding: 0 3rem 0.5rem 1rem; /* tws */
  /* margin: 0 -1rem; */
  margin: 0 -0.5rem; /* tws */
  white-space: normal; /* 231214 추가 */
}
/* [s] 210203 */
.modal .modal-title.type2 {
  text-align: center;
  border-bottom: none;
  padding: 1rem 3rem 0;
  margin: 0;
}
/* [e] 210203 */
.modal .modal-content {
  padding: 2rem 2rem 4rem; /* 211217 */ /* 240326 수정 */
}
/* [s] 230522 */
.modal .modal-content .tit-main {
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: -0.025em;
  text-align: center;
}
.modal .modal-content .tit-main strong {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
/* [e] 230522 */
.modal .modal-content .message {
  text-align: center;
}

.modal .modal-content .message.is-success svg {
  fill: #00c66b;
}

.modal .modal-content .message.is-info svg {
  fill: #2b91cf;
}

.modal .modal-content .message.is-warning svg {
  fill: #fad234;
}

.modal .modal-content .message.is-danger svg {
  fill: #b71256;
}

.modal .modal-content .message svg {
  height: 3.5rem; /* 211022 */
  width: 100%;
}

.modal .modal-content .message h2 {
  font-size: 1.125rem;
  margin: 0.5rem 0 0.25rem; /* 211022 */
  color: #111;
}

.modal .modal-content iframe {
  border: none;
  width: 100%;
  height: 98% !important; /* 21071504 */
}

.modal .modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #ddd;
  /* margin: 0 -1rem; */
  margin: 0 -0.5rem; /* tws */
}

.modal .modal-footer input[type]:not([type="checkbox"]):not([type="radio"]) {
  font-size: 1rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: none;
  border-radius: 0;
}

/* 211022 */
.modal
  .modal-footer
  input[type]:not([type="checkbox"]):not([type="radio"]).is-primary {
  color: #fff !important;
  background: #b71256 !important;
  padding: 0.8rem 1.25rem !important; /* 211216 */
}

.modal
  .modal-footer
  input[type]:not([type="checkbox"]):not([type="radio"])
  + input[type]:not([type="checkbox"]):not([type="radio"]) {
  margin-top: 0;
}

.modal a.close-modal {
  overflow: hidden; /* 220822 추가 */
  width: 1rem;
  height: 1rem;
  top: 1rem;
  right: 1rem;
  background-color: transparent;
  background-image: url("../images/ico_delete.svg");
  background-repeat: no-repeat;
  background-position: center center;
  color: transparent; /* 220822 추가 */
  text-indent: unset; /* 220822 추가 */
}

.modal-con .close-modal {
  /* 220405*/
  display: none !important;
}

.modal a.close-modal-text {
  font-size: 1.2rem;
  height: 48px;
  line-height: 48px;
  background-color: #b71256; /* 211022 */
  color: #fff; /* 211022 */
  display: block;
  width: 100%;
  text-align: center;
}

/* 220324 - s */
.modal-con .modal-content {
  /* 220405 수정 */
  padding: 32px 27px 40px;
}
.modal-con .modal-content .txt {
  /* 220405 min-width 추가 */
  min-width: 265px;
  font-size: 14px;
  color: #333;
  text-align: center;
}
.modal-con .modal-content .txt .alert-tit {
  /* 220413 */
  display: block;
  margin-bottom: 20px;
  color: #b71256;
  font-weight: 700;
}
/* [s] 230607 */
.modal-con .modal-content .tit {
  font-size: 18px;
  font-weight: 700;
  color: #555;
  line-height: 25px;
  text-align: center;
}
.modal-con .modal-content .txt.type2 {
  padding-top: 10px;
  color: #888;
  line-height: 20px;
}
/* [e] 230607 */

.modal-con a.close-modal-text.cancel_modal {
  background: #fff;
  /* color:#333;  */
  color: #fff; /* 220329 수정 */
}
.modal-con-scroll {
  width: 335px; /* 220405 추가 */
  height: calc(100% - 58px);
  transform: translateY(-25px);
}
.modal-con-scroll .modal-title {
  padding: 12px 0 16px 12px;
}
.modal-con-scroll .modal-content {
  padding: 0;
  height: 100%;
  overflow-y: hidden;
  padding: 0 0 22px 12px;
}
.modal-con-scroll .scroller {
  overflow-y: auto;
  position: absolute;
  top: 66px;
  left: 20px;
  right: 0;
  bottom: 75px;
  padding-right: 20px;
}
.modal-con-scroll .scroller p {
  margin: 30px 0 10px;
  font-size: 14px;
  color: #333;
}
.modal-con-scroll .scroller .agree-con li {
  margin-top: 24px;
  font-size: 12px;
  color: #333;
}
.modal-con-scroll .scroller .agree-con li:first-child {
  margin-top: 20px;
}
.modal-con-scroll .scroller .agree-con li strong {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 700;
}
.modal-con-scroll .chk-area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 14px 0;
  background: #f9f9f9;
  text-align: center;
}
.modal-con-scroll a.close-modal {
  top: 26px;
  right: 20px;
}
/* 220324 - e */

/* 211220 */
.modal a.close-modal-text.gray {
  background-color: #777;
}

.modal.modal-checklist a.close-modal-text.black {
  /* 220412 추가 > 220419 수정 */
  background-color: #000;
}

.modal.modal-checklist a.close-modal-text.gray {
  /* 220419 추가 */
  cursor: default;
}

.modal.modal-iframe {
  padding: 0.5rem 0.5rem 0;
}

.modal.modal-iframe .modal-content {
  padding: 0 0.5rem;
}

.modal.modal-iframe .modal-content .policy {
  -webkit-overflow-scrolling: touch !important;
  overflow-y: auto !important;
  height: 99%; /* 21071504 */
}

/* [s]211022 */
.modal.msg {
  padding: 0;
  width: 300px; /* 21122002 */
}

.modal.msg .modal-content {
  padding: 2rem 0.5rem 1rem;
}

.modal.msg .modal-footer {
  margin: 0;
}
/* [e]211022 */

/* [s] 230127 */
.modal select:not([class^="light"]) {
  padding-right: 2.25rem;
  background: none !important;
}
.modal .container .wrapper .content-area {
  padding-bottom: 0;
}
.modal .container.tws-container {
  padding-top: 0;
}
/* [e] 230127 */

/* [s]211216 */
.modal.select-language {
  text-align: center;
  max-width: 420px;
}

.modal.select-language .modal-content {
  min-width: 400px;
}
.select-language .tit {
  font-size: 1.25rem;
  color: #000;
}
.select-language .list-language {
  padding: 0.5rem 0;
  margin-top: 1rem;
  background: #f9f9f9;
}
.select-language .list-language li {
  margin-top: 0.5rem;
}
.select-language .list-language li:first-child {
  margin-top: 0;
}
.select-language .list-language a {
  line-height: 2.5;
  font-size: 1rem;
  color: #666;
}

.select-language .list-language a.on,
.select-language .list-language a:hover,
.select-language .list-language a:focus {
  color: #b81356;
}

/* [e]211216 */

/* [s] 230131 */
/* new popup */
.pop-layer-wrap {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.pop-layer-wrap .dim {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.85);
}
.pop-layer-wrap .pop-con {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1002;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pop-layer-wrap .video-area {
  position: relative;
  width: 896px;
}
.pop-layer-wrap .video-area video {
  display: block;
  width: 100%;
  outline: none;
  border: none;
}
.pop-layer-wrap .video-area .video-thumb {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  background: url(../images/video_popup_thumb_v2.png) no-repeat 50% / 100%;
  cursor: pointer;
}
.pop-layer-wrap .video-area .btn-close {
  overflow: hidden;
  position: absolute;
  top: -80px;
  right: 0;
  width: 3.75rem;
  height: 3.75rem;
  background: url(../images/btn_close_video_v2.png) no-repeat 50% / 3.75rem;
  color: transparent;
  text-indent: -9999px;
}
.pop-layer-wrap.info-pop .pop-con {
  padding-top: constant(safe-area-inset-top); /* 230125 추가 */
  padding-top: env(safe-area-inset-top); /* 230125 추가 */
  /* [s] 240130 추가 */
  top: 5%;
  left: 10%;
  right: 10%;
  bottom: 5%;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -o-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  /* [e] 240130 추가 */
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
}
.pop-layer-wrap.info-pop .pop-con .tit-box {
  position: relative;
  padding: 2.125rem 5.8125rem 1.875rem;
  text-align: center; /* 231214 추가 */
}
.pop-layer-wrap.info-pop .pop-con .tit-box p {
  display: inline-block; /* 231214 추가 */
  font-size: 1.25rem;
  font-weight: 700;
  color: #333;
  line-height: 1.25rem;
  letter-spacing: -0.02rem;
  text-align: center;
}
/* [s] 231214 */
.pop-layer-wrap.info-pop .pop-con .btn-close {
  overflow: hidden;
  position: absolute;
  top: 37px;
  top: calc(37px + constant(safe-area-inset-top));
  top: calc(37px + env(safe-area-inset-top));
  right: 33px;
  width: 1.0625rem;
  height: 1.0625rem;
  padding: 0;
  border: none;
  border-radius: 0;
  background: url(../images/btn_close_small_v2.png) no-repeat 50% / 1.0625rem;
  color: transparent;
  text-indent: -9999px;
}
/* [e] 231214 */

/* [s] 240130 추가 */
.pop-layer-wrap.info-pop .pop-con .con-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 88px;
  bottom: 10px;
  overflow-y: auto;
  /* padding:0 8.8125rem 2.125rem; */ /* 240130 삭제 */
}

.pop-layer-wrap.info-pop .pop-con .con-box .con-inner {
  display: table;
  width: 100%;
  height: 100%;
}
.pop-layer-wrap.info-pop .pop-con .con-box .con-inner .cell-td {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
/* [e] 240130 추가 */

/* [e] 230131 */

/* [s] 230616 */

/* [s] 240513 */
.modal.modal-terms .clear-fix{
	padding-top: 2rem;
	font-size: 0.875rem;
}
.modal.modal-terms .clear-fix .flex-container {
  flex-direction: initial !important;
  margin: 0;
  margin-top: .375rem;
  padding: 0;
}
.modal.modal-terms .clear-fix .flex-container .terms-select-renewal {
    height: inherit;
  	font-size: 0.875rem !important; 
  	border: 0;
    position: relative;
    width: 19.25rem;
    padding: .875rem 2.25rem .875rem .5rem;
    background: #f9f9f9 url(../images/icon-down-arrow.png) no-repeat 98% 50% / 32px 32px;
    border-bottom: 1px solid #111;
}
.modal.modal-terms .clear-fix .flex-container button {
   margin-left: .5rem;
    padding: .875rem 1.25rem;
    font-size: .875rem;
    font-weight: 500;
    font-family: "Roboto", "Noto Sans KR", "Malgun Gothic", "Segoe UI", helvetica, "apple sd gothic neo", sans-serif, serif;
    color: #555;
    border-color: transparent;
    border-radius: .25rem;
    background: #eee;
}
.modal.modal-terms .clear-fix button:hover{
    background: #555;
    color: #fff;
}
.modal.modal-terms .clear-fix button:active{
    background: #444;
    color:#fff;
}
.modal.modal-terms .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px 0;
}
.modal.modal-terms .tab-list li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.modal.modal-terms .tab-list li button {
  display: inline-block;
  width: 100%;
  height: 56px;
  padding:0;
  font-size: 1rem;
  font-weight:500;
  text-align: center;
  color: #111;
  border:0;
  border-radius:0;
}
.modal.modal-terms .tab-list li.is-active {
  border-bottom: 2px solid #b71256;
}
.modal.modal-terms .tab-list li.is-active button {
  font-weight: 500;
  color: #b71256;
}
.modal.modal-terms .tab-list li + li {
  margin-top:initial !important;
}
.modal.modal-terms .tab-list.bl-type {
  border: 1px solid #eee;
}
.modal.modal-terms .tab-list.bl-type + .tab-list {
  border-top: 0;
}
.modal.modal-terms .tab-list.bl-type li.is-active {
  border-bottom: 0;
  position: relative;
}
.modal.modal-terms .tab-list.bl-type li.is-active:after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #b71256;
}
.modal.modal-terms .tab-list.bl-type li + li {
  border-left: 1px solid #eee;
}
.modal.modal-terms .tab-content {
  padding-bottom: 1.5rem;
}
.modal.modal-terms .tab-content .is-shown {
  display: block;
}

.modal.modal-terms .tab-content > div {
  display: none;
}
.modal.modal-terms .tab-content .block {
  background: white;
  margin: 0 -1.5rem;
  padding: 2rem 1.5rem;
}
.modal.modal-terms .tab-content .block + .block {
  border-top: none;
  padding-top: 1rem;
}
/* [e] 240513 */


/* toast popup */
.toast {
  position: relative;
  z-index: 99; /* 230628 수정 */
}
/* [s] 230628 */
.toast .toast_message {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  bottom: 10px;
  left: 50%;
  z-index: 2000;
  width: 440px;
  height: 44px;
  padding: 12px;
  margin: 0;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 19px;
  letter-spacing: -0.1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* [e] 230628 */
.toast .toast_message .img-box {
  padding-right: 10px;
  /* vertical-align:middle; 230628 삭제 */
}

/* [e] 230616 */
/* [s] 230628 */
.toast .toast_message .img-box img {
  margin-bottom: -4px;
}
/* [e] 230628 */

/* [s] 250317 */
.toast.v2 .toast_message {
  height: auto;
  padding: 10px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
/* [e] 250317 */

/* [s] 230904 */
body.has-top-banner header {
  top: 80px;
}
/* [s] 230907 */
body.has-top-banner .container {
  padding-top: 180px;
}
.notice-top-banner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  padding: 18px 0;
  padding-top: calc(18px + constant(safe-area-inset-top));
  padding-top: calc(18px + env(safe-area-inset-top));
  background: #fff url(../images/notice_banner_bg.png) repeat repeat 0 0; /* 230908 수정 */
}
/* [e] 230907 */
.notice-top-banner .inner_wrap {
  position: relative;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 250px 0 25px;
  transition: all 0.2s linear;
}
.notice-top-banner .btn-close {
  overflow: hidden;
  position: absolute;
  top: 11px;
  /* top:calc(11px + constant(safe-area-inset-top)); 230908 삭제 */
  /* top:calc(11px + env(safe-area-inset-top)); 230908 삭제 */
  right: 25px;
  width: 21px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url(../images/ico_close_white.svg) no-repeat 0 0/21px 20px;
  color: transparent;
  transition: all 0.2s linear;
}
.notice-top-banner .notice-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 876px;
  margin: 0 auto;
}
.notice-top-banner .tit-box .tit {
  position: relative;
  padding-left: 29px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 27px;
  letter-spacing: -0.32px;
}
.notice-top-banner .tit-box .tit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 25px;
  background: url(../images/ico_notice_bell.svg) no-repeat 0 0/22px 25px;
}
.notice-top-banner .con-box {
  padding-left: 40px;
}
.notice-top-banner .con-box .txt {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 22px;
}
.notice-top-banner .con-box .date {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 22px;
}
.notice-top-banner .con-box .form-wrap {
  position: absolute;
  top: 11px;
  right: 85px;
  transition: all 0.2s linear;
}
@media only screen and (min-width: 1680px) {
  .notice-top-banner .inner_wrap {
    padding: 0 225px;
  }
  .notice-top-banner .btn-close {
    right: 0;
  }
  .notice-top-banner .con-box .form-wrap {
    right: 60px;
  }
}
/* [e] 230904 */

.lightpick {
  position: absolute;
  z-index: 99999;
  padding: 4px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  color: #111;
  font-family: "Roboto", "Noto Sans KR", "Malgun Gothic", "Segoe UI", helvetica,
    "apple sd gothic neo", sans-serif, serif;
  line-height: 1.125em;
}

.lightpick--inlined {
  position: relative;
  display: inline-block;
}

.lightpick,
.lightpick *,
.lightpick::after,
.lightpick::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lightpick.is-hidden {
  display: none;
}

.lightpick__months {
  display: -ms-grid;
  display: grid;
  background-color: #eee;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  grid-gap: 1px;
}

.lightpick--2-columns .lightpick__months {
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
}

.lightpick--3-columns .lightpick__months {
  -ms-grid-columns: auto auto auto;
  grid-template-columns: auto auto auto;
}

.lightpick--4-columns .lightpick__months {
  -ms-grid-columns: auto auto auto auto;
  grid-template-columns: auto auto auto auto;
}

.lightpick--5-columns .lightpick__months {
  -ms-grid-columns: auto auto auto auto auto;
  grid-template-columns: auto auto auto auto auto;
}

.lightpick__month {
  padding: 4px;
  width: 250px;
  background-color: #fff;
}

.lightpick__month-title-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lightpick__month-title {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  cursor: default;
  padding: 0 4px;
  border-radius: 4px;
}

.lightpick__month-title > .lightpick__select {
  border: none;
  background-color: transparent;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.lightpick__month-title > .lightpick__select:disabled {
  color: #333;
}

.lightpick__month-title > .lightpick__select-months {
  font-weight: bold;
  font-size: 1em;
  margin-right: 0.5em;
}

.lightpick__toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: right;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.lightpick__previous-action,
.lightpick__next-action,
.lightpick__close-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 6px;
  width: 32px;
  height: 32px;
  /* outline: none; */ /* 웹접근성 */
  border: none;
  border-radius: 50%;
  background-color: #f2f2f2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lightpick__previous-action:active,
.lightpick__next-action:active,
.lightpick__close-action:active {
  color: inherit;
}

.lightpick__previous-action,
.lightpick__next-action {
  padding: 0;
  font-size: 12px;
}

.lightpick__previous-action:focus,
.lightpick__next-action:focus {
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23e0e0e0' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}

.lightpick__close-action {
  font-size: 18px;
}

.lightpick__days-of-the-week {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [7];
  grid-template-columns: repeat(7, 1fr);
}

.lightpick__day-of-the-week {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lightpick__days {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [7];
  grid-template-columns: repeat(7, 1fr);
}

.lightpick__day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 13px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lightpick__day.is-today {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(220, 50, 47, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
  background-size: 18.8% auto;
  background-position: center bottom;
  color: #dc322f;
}

.lightpick__day:not(.is-disabled):hover {
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23e0e0e0' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}

.lightpick__day.is-disabled {
  opacity: 0.38;
  pointer-events: none;
}

.lightpick__day.is-disabled.is-forward-selected {
  opacity: 1;
}

.lightpick__day.is-disabled.is-forward-selected:not(.is-start-date) {
  background-color: rgba(183, 18, 86, 0.1);
  background-image: none;
}

.lightpick__day.disabled-tooltip {
  pointer-events: auto;
}

.lightpick__day.is-previous-month,
.lightpick__day.is-next-month {
  opacity: 0.38;
}

.lightpick__day.lightpick__day.is-in-range:not(.is-disabled) {
  opacity: 1;
}

.lightpick__day.is-in-range {
  border-radius: 0;
  background-color: rgba(183, 18, 86, 0.1);
  background-image: none;
}

.lightpick__day.is-in-range:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}

.lightpick__day.is-start-date.is-in-range,
.lightpick__day.is-end-date.is-in-range.is-flipped {
  border-top-left-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 50%;
  background-color: #b71256;
  background-image: none;
}

.lightpick__day.is-end-date.is-in-range,
.lightpick__day.is-start-date.is-in-range.is-flipped {
  border-top-left-radius: 0;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 0;
  background-color: #b71256;
  background-image: none;
}

.lightpick__day.is-start-date.is-end-date {
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23b71256' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}

.lightpick__day.is-start-date,
.lightpick__day.is-end-date,
.lightpick__day.is-start-date:hover,
.lightpick__day.is-end-date:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23b71256' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
  background-size: auto;
  background-position: center;
  color: #fff;
  font-weight: 500;
}

.lightpick__tooltip {
  position: absolute;
  margin-top: -4px;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  font-size: 11px;
  pointer-events: none;
}

.lightpick__tooltip::before {
  position: absolute;
  bottom: -5px;
  left: calc(50% - 5px);
  border-top: 5px solid rgba(0, 0, 0, 0.12);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
}

.lightpick__tooltip::after {
  position: absolute;
  bottom: -4px;
  left: calc(50% - 4px);
  border-top: 4px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.lightpick__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.lightpick__reset-action,
.lightpick__apply-action {
  border-radius: 5px;
  font-size: 12px;
  border: none;
}

.lightpick__reset-action {
  color: #fff;
  background-color: #aeacad;
}

.lightpick__apply-action {
  color: #fff;
  background-color: #b71256;
}

button[class^="light"] {
  color: #333;
}

/* 210730 */
.is-half-width {
  width: 48%;
  /* height: 30; */
  font-size: 0.875rem;
}

.is-half-width + .is-half-width {
  margin-left: 0.6rem;
}

button.is-secondary {
  background: linear-gradient(135deg, #673ab7 0%, #9575cd 100%);
  color: white;
  font-size: 0.9rem;
  margin-top: 3rem;
}

button.is-secondary:disabled {
  background: #ccc;
}

/* 210524 라인 이동
header h2 {
  display: none;
}
*/

.steps {
  padding: 3rem 0;
}

.steps .flex-container {
  margin-bottom: 0.25rem;
}

.steps .flex-container h3 {
  font-size: 1.625rem;
  font-weight: 500;
}

.steps .flex-container div {
  font-size: 1.25rem;
  font-weight: 500;
}

.steps .flex-container div span {
  margin-left: 0.5rem;
  color: #aaa;
}
/* 20.11.20 step변경 */
.steps .stepNew {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 39px;
}
.steps .stepNew .stepNum {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  /* 210712   z-index: 2;*/
}

/* 210712 
.steps .stepNew .stepNum.is-active {
  z-index: 3;
}
.steps .stepNew .stepNum.step-complte {
  z-index: 4;
}

*/

.steps .stepNew .stepNum + .stepNum {
  margin-left: 0.7rem;
}
.steps .stepNew .stepNum.step01 {
  background: url("../images/img_step01.png") no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step02 {
  background: url("../images/img_step02.png") no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step03 {
  background: url("../images/img_step03.png") no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step04 {
  background: url("../images/img_step04.png") no-repeat center center / 100%;
}
.steps .stepNew .stepNum.step01.is-active {
  background: url("../images/img_step01_active.png") no-repeat center center /
    100%;
}
.steps .stepNew .stepNum.step02.is-active {
  background: url("../images/img_step02_active.png") no-repeat center center /
    100%;
}
.steps .stepNew .stepNum.step03.is-active {
  background: url("../images/img_step03_active.png") no-repeat center center /
    100%;
}
.steps .stepNew .stepNum.step04.is-active {
  background: url("../images/img_step04_active.png") no-repeat center center /
    100%;
}
.steps .stepNew .stepNum.step01.step-complete {
  background: url("../images/img_step_complete.png") no-repeat center center /
    100%;
}
.steps .stepNew .stepNum.step02.step-complete {
  background: url("../images/img_step_complete.png") no-repeat center center /
    100%;
}
.steps .stepNew .stepNum.step03.step-complete {
  background: url("../images/img_step_complete.png") no-repeat center center /
    100%;
}
.steps .stepNew .stepNum.step04.step-complete {
  background: url("../images/img_step_complete.png") no-repeat center center /
    100%;
}
.steps .stepNew .stepNum::before {
  content: "";
  display: block;
  position: absolute;
  left: -12px;
  top: calc(50% - 2px);
  width: 13px;
  height: 5px;
  z-index: 1;
  background-color: #a9a9a9;
}
.steps .stepNew .stepNum.step01::before {
  display: none;
}
.steps .stepNew .stepNum.is-active::before {
  content: "";
  display: block;
  position: absolute;
  left: -12px;
  top: calc(50% - 2px);
  width: 13px;
  height: 5px;
  z-index: 1;
  background-color: #b71256;
}
.steps .stepNew .stepNum.step01.is-active::before {
  display: none;
}
.steps .stepNew .stepNum.step-complete::before {
  content: "";
  display: block;
  position: absolute;
  left: -12px;
  top: calc(50% - 2px);
  width: 13px;
  height: 5px;
  z-index: 1;
  background-color: #b71256;
}
.steps .stepNew .stepNum.step01.step-complete::before {
  display: none;
}
.steps .flex-container div span.is-active {
  color: #b71256;
}

.steps .flex-container div span:first-child {
  margin-left: 0;
}

.steps p {
  font-size: 0.875rem;
  color: #777;
  margin-top: 0.25rem;
}

.steps p + p {
  margin-top: 1rem;
}
/* [s]220613 */
.steps em {
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
}
/* [e]220613 */

/* 20.11.05 */
.dangerText-area {
  padding-bottom: 0.75rem;
}

.block {
  background: white;
  margin: 0 -1.5rem;
  padding: 1.5rem;
}
/* 20.11.05 */
.authArea .block {
  margin: 0;
  padding: 0;
}
.authArea .block .tws-interval {
  margin-top: 2.5rem;
}
.authArea .auth-interval {
  padding-top: 2.5rem;
}

/* 211022 */
.block + .block {
  margin-top: 1rem;
}

.authArea .block + .block {
  margin-top: 0;
}

.container.selectAuth-container .wrapper .content-area > div + div {
  margin-top: 1rem;
}
.selectAuth-container .bg-area {
  background-color: #fff;
}

.block > .flex-container h4 {
  font-size: 1.125rem;
  margin-bottom: 0.25rem;
}

.block > .flex-container h4 + .is-sub-text {
  font-size: 0.875rem;
}

.block > .flex-container + .note {
  margin: 0.25rem 0 1.5rem;
}

.block > .flex-container + .flex-container {
  margin-top: 2rem;
}

.block > .note + .flex-container {
  margin-top: 2rem;
}

.block .note:last-child {
  margin-bottom: 0 !important;
}

.block ul li.flex-container p {
  font-size: 0.875rem;
}

.signup-complete .steps + .flex-container {
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 1rem;
}

.signup-complete .steps + .flex-container.tws-box {
  font-weight: 500;
}

.signup-complete .steps + .flex-container.tws-box .logo-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 105px;
}

.signup-complete .steps + .flex-container img {
  display: none;
}
.signup-complete .steps + .flex-container.tws-box img {
  display: block;
  width: 100%;
}

.signup-complete .flex-container.tws-box {
  padding: 20px 0;
  border: 1px solid #e3e3e3;
}

.signup-complete .flex-container.tws-box.non-border {
  border: none;
}

.signup-complete .flex-container.tws-box:first-child {
  border: none;
}

.signup-complete .account-info {
  padding-top: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: row;
  flex-basis: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.signup-complete .account-info:first-child {
  padding-top: 0;
}

/* [s]210827 */
.signup-complete.box {
  padding: 1.5rem;
}
.signup-complete.box .account-info {
  padding-top: 0.2rem;
}

.signup-complete .account-info-wrap {
  position: relative;
  border: 1px solid #eee;
  padding: 1.5rem;
  margin-top: 0.5rem;
  width: 100%;
  display: block;
  border-radius: 0;
  text-align: left;
}

.signup-complete.box .account-info-wrap {
  border: 0;
  padding: 0.5rem 0 0.5rem 4.5rem;
}
.signup-complete.box .account-info-wrap .photo {
  width: 50px;
  height: 50px;
  background: url(../images/ico_photo.png) no-repeat;
  display: inline-block;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.signup-complete.box .account-info-wrap .photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

/* [e]210827 */

.signup-complete button.account-info-wrap.is-selected {
  border: 1px solid #b71256;
  background: #fdeef5;
}

.signup-complete .flex-container.tws-box .account-info {
  padding-top: 0;
}

.signup-complete .flex-container.tws-box:nth-child(2) .account-info strong {
  font-size: 1.2rem;
}

.signup-complete .flex-container.tws-box .account-info + .account-info {
  padding-top: 0.5rem;
  color: #777;
}

.signup-complete .account-info label,
.signup-complete .account-info strong {
  font-size: 1.125rem;
  color: #333;
}

.signup-complete .account-info strong {
  margin-left: 0.75rem;
}

.signup-complete .box {
  margin-top: 30px;
}

.captcha {
  margin-top: 2rem;
}

.captcha > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.captcha > div picture {
  width: calc(100% - 5rem);
  height: 52px; /* 240126 추가 */
  border: 1px solid #ccc;
  background: #f5f5f5;
}

.captcha > div picture img {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.captcha > div div {
  display: flex; /* 240130 추가 */
  align-items: center; /* 240130 추가 */
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.captcha > div div button {
  width: 100%;
  height: 50%;
  border: none;
  padding: 0;
  background: url(../img/bg_white.png) repeat; /* 240130 추가 */
}

.captcha > div div button img {
  width: 1rem;
  height: 1rem;
}

.captcha input[type="text"] {
  border: 1px solid #ccc !important;
  margin: 0.5rem 0 0 !important;
}

.addr-search-tip {
  padding: 2rem 1.5rem;
}

.addr-search-tip > div {
  padding: 1.5rem 0 0 1.625rem;
}

.addr-search-tip > div p {
  font-weight: 500;
}

.addr-search-tip > div p + p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #777;
}

.addr-search-result {
  margin-bottom: 0.5rem;
}

.addr-search-result > p {
  text-align: center;
  color: #777;
  background-image: url("../images/ico_marker.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 4rem;
  padding-top: 4.5rem;
  margin-top: 1rem;
}

.addr-search-result ul.search-result {
  padding-top: 2rem;
}

.addr-search-result ul.search-result > div {
  font-size: 0.875rem;
}

.addr-search-result ul.search-result > div strong {
  margin: 0 0.125rem 0 0.5rem;
}

.addr-search-result ul.search-result li {
  margin-top: 0.5rem;
  border: 1px solid #eee;
}

.addr-search-result ul.search-result li:hover {
  border-color: #d5d5d5;
}

.addr-search-result ul.search-result li a {
  display: block;
  color: #333;
  padding: 0.75rem 1rem;
}

.addr-search-result ul.search-result li a > span {
  display: block;
  color: #b71256;
  padding-bottom: 0.25rem;
}

.addr-search-result ul.search-result li a p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

.addr-search-result ul.search-result li a p em {
  display: inline-block;
  font-size: 0.75rem;
  font-style: normal;
  color: #777;
  background: #f0f0f0;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  min-width: 3.25rem;
  text-align: center;
  padding: 0.125rem 0.25rem;
  margin-right: 0.5rem;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0.5rem 0;
}

.pagination li {
  margin: 0;
  border-radius: 9999px;
}

/* 210622  페이지 오버시 컬러 수정
.pagination li:hover {
  background-color: #f9c5da;
}
*/

.pagination li a {
  display: block;
  font-size: 0.875rem;
  color: #777;
  text-align: center;
  padding: 0.5rem;
  width: 2rem;
  height: 2rem;
}

.pagination li.first,
.pagination li.prev,
.pagination li.next,
.pagination li.last {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem;
  /* opacity: .8; 210728 */
}

.pagination li.first a,
.pagination li.prev a,
.pagination li.next a,
.pagination li.last a {
  text-indent: -9999px;
}

.pagination li.first.disabled,
.pagination li.prev.disabled,
.pagination li.next.disabled,
.pagination li.last.disabled {
  opacity: 0.7; /* 210728 */
}

.pagination li.first {
  background-image: url("../images/ico_first.svg");
}

.pagination li.prev {
  background-image: url("../images/ico_prev.svg");
}

.pagination li.next {
  background-image: url("../images/ico_next.svg");
}

.pagination li.last {
  background-image: url("../images/ico_last.svg");
}

.pagination li.active a {
  color: #b71256;
  font-weight: 500;
}

.pagination li.disabled:hover {
  background-color: transparent;
}

.pagination li.disabled a {
  color: #bbb;
  cursor: not-allowed;
}

.tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tab-list li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.tab-list li a {
  width: 100%;
  text-align: center;
  display: inline-block;
  /* padding: 1rem 0; */
  font-size: 1rem;
  color: #111;
  line-height: 56px;
}

.tab-list li.is-active {
  border-bottom: 2px solid #b71256;
}

.tab-list li.is-active a {
  font-weight: 500;
  color: #b71256;
}

.tab-list li + li {
  margin-top: inherit;
}

/* 20201005 kjh 추가 */
.tab-list.bl-type {
  border: 1px solid #eee;
}

.tab-list.bl-type + .tab-list {
  border-top: 0;
}

.tab-list.bl-type li.is-active {
  border-bottom: 0;
  position: relative;
}

.tab-list.bl-type li.is-active:after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #b71256;
}

.tab-list.bl-type li + li {
  border-left: 1px solid #eee;
}
/* end 20201005 kjh 추가 */
/* [s] 240527 */
.question-select p{
  font-size:14px;
  font-weight:500;
}
.question-select select{
  margin-top:4px;
}
/* [e] 240527 */
.tab-content {
  padding-bottom: 1.5rem;
}

.tab-content .is-shown {
  display: block;
}

.tab-content > div {
  display: none;
}

.tab-content .block {
  background: white;
  margin: 0 -1.5rem;
  padding: 2rem 1.5rem;
}

.tab-content .block + .block {
  border-top: none;
  padding-top: 1rem;
}

ul li {
  margin-top: 2rem;
}

ul li:first-child {
  margin-top: 0;
}

ul li.flex-container {
  margin-top: 1.25rem;
}

ul li.flex-container > div {
  word-break: keep-all;
  max-width: 85%;
}

ul li.flex-container > div label {
  height: 100%;
}

ul li.flex-container > label {
  font-weight: 500;
}

ul li.flex-container a {
  text-decoration: underline;
  font-size: 0.875rem;
  color: #777;
}

/* [s] 231110 */
ul li.long-letter > div {
  max-width: calc(100% - 35px);
}
/* [e] 231110 */

ul.is-bigger-list li {
  margin-top: 3rem;
}

ul.is-bigger-list li:first-child {
  margin-top: 0;
}

ul.is-bigger-list li div h4 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  margin-bottom: 0.25rem;
}

ul.is-bigger-list li div p {
  color: #777;
  font-size: 0.875rem;
}
/* 20.11.05 */
ul.is-bigger-list li div p.desc.phone-note {
  font-size: 0.75rem;
}

ul.is-bigger-list li img {
  width: 4rem;
  height: 4rem;
}

ul.is-bigger-list.has-gray-bg li {
  margin-top: 0.5rem;
}

ul.is-bigger-list.has-gray-bg li a {
  background-color: #f5f5f5;
  border: 1px solid transparent;
  padding: 1.5rem;
}

ul.is-bigger-list.has-gray-bg li a:hover {
  border-color: #b71256;
}

ul.is-bigger-list.has-gray-bg li a:active {
  border-color: #b71256;
  background: #fff0f5;
}

ul.is-single-line li + li {
  margin-top: 0;
}

ul.is-single-line li a {
  display: block;
  color: #111;
  font-size: 1.125rem;
  line-height: 1rem;
  padding: 1.25rem 0.5rem;
}

ul.is-single-line li a:hover {
  background: #f5f5f5;
}

ul.is-single-line li a:active {
  background: #fff0f5;
  color: #b71256;
}

ul.is-single-line li a:active svg {
  fill: #b71256;
}

ul.is-single-line li svg {
  width: 1.125rem;
  height: 1rem;
  fill: #111;
  margin-right: 1rem;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

ul.has-border li {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}

ul.has-border li + li {
  margin: 0;
}

ul.has-border li a {
  display: block;
  padding: 1.5rem 0;
}

ul.has-border li a h3 {
  color: #333;
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 0.75rem;
}

/* [s] 220713 이벤트(결과값없음) */
.event .board_none {
  padding-top: 120px;
  text-align: center;
}
.event .board_none::before {
  content: "";
  display: inline-block;
  width: 56px;
  height: 56px;
  background: url(../images/ico_event_none.png) no-repeat 0 0 / 56px 56px;
}
.event .board_none .txt {
  margin-top: 20px;
  font-size: 16px;
  color: #888;
  line-height: 22px;
}
/* [e] 220713 이벤트(결과값없음) */

/* 210615 */
.qna-area ul.has-border li a h3 {
  padding-right: 5rem;
}

ul.has-border.qna-list-view li a h3 {
  width: calc(100% - 70px);
}

ul.has-border li a h3 sub {
  color: #b71256;
  vertical-align: baseline;
  margin-left: 0.25rem;
}

ul.has-border li a div.is-sub-text + div.is-sub-text {
  margin-top: 0.125rem;
}

ul.has-border li a div.is-sub-text span {
  margin-left: 0.5rem;
}

ul.has-border li a h3 span.qna-status {
  position: absolute;
  top: 25px;
  right: 0;
  width: 67px;
  height: 25px;
  padding: 0;
  line-height: 25px;
  font-size: 13px;
  text-align: center;
}

.service-list {
  margin-top: 1.75rem;
}
/* 20.11.05 */
.service-list.emailArea {
  margin-top: 1.25rem;
}
/* .service-list .tooltip button {
  font-size: .875rem;
  color: #666;
  background-size: 1rem;
  padding-right: 1.375rem;
} */

/* 20.11.05 */
.service-list .tooltip button {
  font-size: 0.75rem;
  color: #666;
  background-size: 1rem;
  padding-right: 1.375rem;
}

/* 210419 */
.service-list .tooltip .close-button {
  position: absolute;
  top: 0;
  right: 0;
  background-size: 0.75rem;
}

.service-list a {
  margin-left: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.service-list a img {
  width: 2rem;
  height: 2rem;
}

.sign-list {
  margin-top: 1rem;
}

.sign-list li {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.sign-list li button {
  display: block;
  width: 100%;
  background: #f5f5f5;
  border-color: transparent;
  border-radius: 0;
  font-size: 0.875rem;
  color: #666;
  padding: 1.25rem 1.5rem;
}

.sign-list li button:hover {
  border: 1px solid #b71256;
}

.sign-list li button:disabled {
  color: #ccc;
}

.sign-list li button:disabled div img {
  opacity: 0.3;
}

.sign-list li button:disabled:hover {
  border-color: transparent;
}

.sign-list li button:active {
  background: #fff0f5;
  border: 1px solid #b71256;
}

.sign-list li button.is-selected {
  border: 1px solid #b71256;
  background: #fdeef5;
  color: #b71256;
}

.sign-list li button div {
  -ms-flex-preferred-size: 7rem;
  flex-basis: 7rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 1rem;
  text-align: left;
}

.sign-list li button div img {
  height: 1.25rem;
}

.sign-list li button p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.id-list {
  padding-top: 1rem;
  margin-bottom: 3rem;
}

/* [s] 220809 */
.id-list input[type="radio"] + label {
  font-size: 1.25rem; /* 220810 수정 */
  color: #b71256;
  font-weight: 700;
  padding-left: 2.25rem;
}
/* [e] 220809 */

.id-list input[type="radio"] + label:before {
  top: 0.55rem; /* 220809 수정 */ /* 220810 수정 */
}

/* [s] 220809 */
form .id-list input[type="radio"] + label:before {
  top: 0.55rem; /* 220810 수정 */
}
/* [e] 220809 */

.id-list .is-sub-text {
  font-size: 0.875rem;
  padding-left: 2.25rem; /* 220809 수정 */
}

/* [s]221012 */
.container .wrapper .content-area .auth-wrap {
  margin-left: -3rem;
  margin-right: -3rem;
}
.container .wrapper .content-area .auth-wrap .page-top-desc {
  padding: 0 25px;
  text-align: left;
}
.container .wrapper .content-area .auth-wrap form {
  text-align: center;
}
.form-list {
  padding-top: 10px;
  text-align: left;
}
.form-list li {
  margin-top: 0;
  padding-top: 30px;
}
.form-list li:first-child {
  padding-top: 0;
}
.form-list li .inp-box {
  padding: 0 25px;
}
.form-list input[type="radio"] + label {
  padding-left: 36px;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  line-height: 19px;
}
.form-list input[type="radio"] + label:before {
  top: 50%;
  width: 24px;
  height: 24px;
}
.form-list .hidden-form {
  margin-top: 25px;
  padding: 40px 25px;
  background-color: #fafafa;
}
.form-list .hidden-form dl {
  padding-top: 15px;
}
.form-list .hidden-form dl:first-child {
  padding-top: 0;
}
.form-list .hidden-form dt {
  padding-bottom: 6px;
}
.form-list .hidden-form dt label {
  font-size: 14px;
  font-weight: 700;
  color: #1e1e1e;
  line-height: 19px;
}
.form-list .hidden-form dd {
  margin-left: 0;
}
.form-list
  .hidden-form
  dd
  input[type]:not([type="checkbox"]):not([type="radio"]):not([type="button"]),
select:not([class^="light"]) {
  height: 48px;
  padding: 12px 8px;
  border-bottom: 1px solid #111;
  font-size: 16px !important;
  color: #000;
  line-height: 23px;
}
.form-list .hidden-form dd input::-webkit-input-placeholder {
  font-size: 16px;
  color: #ccc;
}

.form-list .hidden-form dd input:-ms-input-placeholder {
  font-size: 16px;
  color: #ccc;
}

.form-list .hidden-form dd input::-ms-input-placeholder {
  font-size: 16px;
  color: #ccc;
}

.form-list .hidden-form dd input::placeholder {
  font-size: 16px;
  color: #ccc;
}
.form-list .hidden-form dd p {
  padding-top: 1px;
  font-size: 12px;
  color: #b71256;
  line-height: 17px;
}
.form-list .auth-list {
  display: flex;
  margin-top: 25px;
  padding: 30px 25px;
  background-color: #fafafa;
}
.form-list .auth-list li {
  width: 163px;
  height: 127px;
  padding-top: 87px;
  border: 1px solid #e3e3e3;
  text-align: center;
  box-sizing: border-box;
}
.form-list .auth-list li + li {
  margin-left: -1px;
}
.form-list .auth-list .auth-tel {
  background: url(../images/ico_Auth_tel.png) no-repeat 50% 25px / 60px;
}
.form-list .auth-list .auth-ipin {
  background: url(../images/ico_Auth_ipin.png) no-repeat 50% 25px / 60px;
}
.form-list .auth-list li a {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  line-height: 19px;
}
.form-list .inp-box {
  position: relative;
}
.form-list .inp-box input[type="radio"] {
  left: 16px;
}
.container .wrapper .content-area .auth-wrap .is-full-width {
  width: calc(100% - 50px);
}
.result-area {
  padding-top: 33px;
}
.result-area .result-box {
  padding: 29px 20px;
  border: 1px solid #e3e3e3;
  text-align: center;
}
.result-area .result-box + .result-box {
  margin-top: 16px;
}
.result-area .result-box p {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  line-height: 20px;
}
.result-area .result-box .date {
  padding-top: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #888;
  line-height: 16px;
}
.result-area .result-box .btn-check {
  margin-top: 20px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  color: #888;
  line-height: 20px;
  text-decoration: underline;
}
.result-area .info-txt {
  position: relative;
  margin-top: 11px;
  padding-left: 20px;
  font-size: 12px;
  color: #888;
  line-height: 17px;
  word-break: break-all; /* 221019 추가 */
}
.result-area .info-txt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(../images/ico_info.png) no-repeat 50% / 16px;
}
.guide-txt {
  position: relative;
  margin-top: 24px;
  padding-left: 20px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.guide-txt::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #333;
}
.result-wrap .text-link {
  padding: 20px 0; /* 221019 추가 */
  text-align: left; /* 221019 수정 */
}
.result-wrap .text-link p {
  padding-bottom: 8px; /* 221019 추가 */
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.result-wrap .text-link a {
  /* padding-top:8px; 221019 삭제 */
  font-size: 14px;
  color: #888;
  line-height: 20px;
}
.result-wrap .page-top-desc {
  word-break: break-word;
}
/* [e]221012 */

/* [s] 240321 */
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}
.space-nowrap {
  white-space: nowrap;
}
/* [e] 240321 */

/* [s] 221019 */
.id-wrap .result-area {
  padding-top: 43px;
}
.id-wrap .result-area .id-list {
  margin-bottom: 30px;
  padding-top: 0;
}
.id-wrap .result-area .id-list li {
  position: relative;
  margin-top: 30px;
}
.id-wrap .result-area .id-list li:first-child {
  margin-top: 0;
}
.id-wrap .result-area .id-list input[type="radio"] + label {
  font-weight: 700;
  color: #000;
}
.id-wrap .result-area .id-list input[type="radio"] + label:before {
  top: 50%;
  margin-top: -12px;
}
.id-wrap .result-area .id-list input[type="radio"] + label span {
  padding-left: 15px;
}
.id-wrap .result-area .send-list li {
  margin-top: 0;
  padding: 24px 20px;
  border: 1px solid #e3e3e3;
}
.id-wrap .result-area .send-list li + li {
  margin-top: -1px;
}
.id-wrap .result-area .send-list li .flag {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  line-height: 18px;
}
.id-wrap .result-area .send-list li .flex-container {
  padding-top: 3px;
}
.id-wrap .result-area .send-list li .flex-container p {
  font-size: 14px;
  font-weight: 400;
  color: #888;
  line-height: 19px;
  letter-spacing: -0.04em;
}
.id-wrap .result-area .guide-list {
  padding-top: 20px;
}
.id-wrap .result-area .guide-list li {
  margin-top: 0;
}
.id-wrap .result-area.type2 {
  padding-top: 29px;
}
.id-wrap .result-area.type2 .id-list {
  margin-bottom: 0;
}
.id-wrap .result-area.type2 .id-list li {
  margin-top: 0;
  padding: 27px 20px;
  border: 1px solid #e3e3e3;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  line-height: 19px;
}
.id-wrap .result-area.type2 .id-list li + li {
  margin-top: -1px;
}
.id-wrap .result-area.type2 .id-list li span {
  padding-left: 15px;
}
.id-wrap .guide-txt {
  margin-top: 0;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.04em;
}
.id-wrap .text-link {
  padding: 20px 0;
  text-align: left;
}
.id-wrap .text-link p {
  padding-bottom: 8px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.id-wrap .text-link a {
  font-size: 14px;
  color: #888;
  line-height: 20px;
}
.id-wrap .page-top-desc {
  word-break: break-word;
}
/* [e] 221019 */

.id-item {
  padding: 1.5rem 0;
  margin-bottom: 0.25rem;
}

.id-item + .id-item {
  border-top: 1px solid #d5d5d5;
}

.id-item div + div {
  margin-top: 1.5rem;
}

.id-item div h3 {
  margin-bottom: 0.25rem;
}

.id-item div p {
  font-size: 0.875rem;
  color: #777;
}

.registration-list {
  margin-top: 1rem; /* 210512 */
}

.registration-list li {
  position: relative;
  border: 1px solid #eee;
  padding: 1.5rem;
  margin-top: 0.5rem;
}

.registration-list li div h3 {
  font-size: 1rem;
  font-weight: 500;
  color: #111;
  margin-bottom: 0.25rem;
}

.registration-list li div span {
  font-size: 0.875rem;
  color: #777;
}

/* [s]210512 */
.registration-list li div .em {
  display: block;
  font-size: 1rem;
  color: #111;
  margin-bottom: 0.25rem;
}

.id-chk {
  display: block !important;
  font-size: 0.875rem !important; /* 210615 */
  color: #b71256 !important;
}

.id-chk:before {
  display: inline-block;
  content: "";
  background: url(../images/chk_s_on.svg) no-repeat;
  background-size: 0.775rem;
  width: 0.775rem;
  height: 0.775rem;
  margin-right: 0.3rem;
  vertical-align: middle;
}
/* [e]210512 */

.registration-list li div > p {
  font-size: 0.75rem;
  color: #777;
  margin-top: 1rem;
}

/* [s] 210305 */
.registration-list li div strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #111;
  margin-top: 1rem;
}
.registration-list li div strong:first-child {
  margin-top: 0;
}
/* [e] 210305 */

.registration-list li h4 {
  position: relative;
  top: -0.5rem;
}

.registration-list li dl {
  font-size: 0.85rem;
  margin-top: 0.5rem;
}

/* [s] 210203 */
.registration-list li .close-button {
  position: absolute;
  top: 0;
  right: 1rem;
  background: transparent;
  border: none;
  padding: 1rem;
  text-indent: -9999px;
  background-image: url("../images/ico_delete.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem;
}

.login-off div {
  padding: 15px;
  border: 1px solid #ccc;
}
.login-off .user {
  background-color: #f5f5f5;
}
.login-off .user span {
  display: block;
  margin-top: 5px;
  color: #666;
  font-size: 0.825rem;
}
.login-off .user .name {
  font-size: 1rem;
  margin-top: 0;
  color: #000;
}
.login-off .sel {
  margin-top: 20px;
}
.login-off .sel label {
  padding-left: 2rem;
  line-height: 1.4;
}
.login-off .sel label em {
  color: #b71256;
}
.login-off .sel input[type="radio"] + label:before {
  top: 50%;
  margin-top: -0.76rem;
} /* 220809 margin-top 수정 */
.login-off p {
  margin-top: 30px;
  font-size: 0.825rem;
  color: #000;
}
/* .login-off button.is-primary{margin-top:1rem;} 20211122 */

.login-off .btnLoginWr {
  padding: 0;
  border: 0;
}

.box-header {
  background: #f9f9f9; /* 210728 */
  padding: 1rem 1.2rem; /* 240126 수정 */
  margin-bottom: 0.5rem;
}

.box-header.no-spacing {
  background: transparent;
  margin-bottom: 0;
}

.box-header h3 {
  font-size: 0.9rem;
  font-weight: 600;
}

.box-header p {
  font-size: 0.875rem;
  color: #666;
}

.box-list > li {
  position: relative;
  border: 1px solid #eee;
  padding: 0.5rem 1.5rem 2rem;
  margin-bottom: 0.5rem;
}

.box-list > li .flex-container {
  height: 3.5rem;
}

.box-list > li .flex-container span {
  font-size: 0.875rem;
}

.box-list > li .flex-container.barcode-area {
  height: auto;
  margin-top: 2rem;
}

.box-list > li .flex-container.barcode-area .col-4 {
  padding-right: 0.5rem;
  text-align: center;
}

.box-list > li .flex-container.barcode-area .col-4 .badge {
  display: block;
  font-size: 1rem;
  width: 100%;
  padding: 0.375rem 1rem;
}

.box-list > li .flex-container.barcode-area .col-4 .badge + div {
  margin-top: 1.375rem;
}

.box-list > li .flex-container.barcode-area .col-4 div p {
  font-size: 1.125rem;
  color: #777;
  margin-top: 0.125rem;
}

.box-list > li .flex-container.barcode-area .col-4 .text-button {
  font-size: 0.875rem;
  width: 100%;
  margin: 1.375rem 0 0 0;
}

.box-list > li .flex-container.barcode-area .col-4 span {
  display: block;
}

.box-list > li .flex-container.barcode-area .col-8 > div {
  margin: 0 auto;
}

.box-list > li .flex-container.barcode-area .col-8 > div > div:last-child {
  padding-top: 0.5rem;
}

.box-list > li .flex-container.flex-wrap {
  height: auto;
  margin-top: 2.5rem;
}

.box-list > li .flex-container.flex-wrap .col-4 {
  padding: 0.375rem 0.25rem;
  -webkit-box-flex: 0;
  flex: 0 0 33.333333%;
  -ms-flex: 0 0 31%;
}

.box-list > li .flex-container.flex-wrap .col-4:nth-child(1),
.box-list > li .flex-container.flex-wrap .col-4:nth-child(4) {
  padding-left: 0;
  padding-right: 0.5rem;
}

.box-list > li .flex-container.flex-wrap .col-4:nth-child(3),
.box-list > li .flex-container.flex-wrap .col-4:nth-child(6) {
  padding-left: 0.5rem;
  padding-right: 0;
}

.box-list > li .flex-container.flex-wrap .col-4 a {
  display: block;
  text-align: center;
  color: #111;
  font-size: 0.875rem;
  border: 1px solid #eee;
  border-radius: 0.25rem;
  height: 2rem;
  line-height: 2rem;
}

.box-list > li .flex-container.flex-wrap .col-4 a:hover {
  color: #b71256;
  border-color: #b71256;
}

.box-list > li .flex-container.flex-wrap .col-4 a:disabled {
  color: #ddd;
  border-color: #ddd;
}

.box-list > li .flex-container.flex-wrap .col-4 a:active {
  background: #fef2f6;
  color: #b71256;
  border-color: #b71256;
}

.box-list > li h4 {
  font-weight: 500;
}

.box-list > li h4.has-sub-title {
  font-size: 1.125rem;
}

.box-list > li h4.has-sub-title span {
  font-weight: normal;
  font-size: 0.875rem;
  color: #777;
  margin-left: 0.5rem;
  background-size: 0.5rem 0.875rem;
}

.box-list > li h4.has-sub-title + a {
  font-size: 0.875rem;
  color: #111;
  padding-right: 1rem;
  background-image: url("../images/ico_arrow.svg");
  background-position: right 3px;
  background-repeat: no-repeat;
}

.box-list > li button {
  margin-right: -0.5rem;
}

.box-list > li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  /* white-space:nowrap; */
}

.box-list > li dl:last-child {
  margin-bottom: 0;
}

.box-list > li dl dt {
  font-weight: 500;
}

.box-list > li dl dd {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 1rem;
  font-size: 14px;
}

.box-list > li > .is-anchor {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.box-list > li + li {
  margin-top: 0;
}

.box-list > li .has-text-center {
  line-height: 1.5rem;
  margin-top: 1rem;
}

.box-list > li .has-text-center svg {
  display: block;
  width: 5rem;
  height: 5rem;
  fill: #bbb;
  margin: 0 auto 0.5rem;
}

.box-list > li .has-text-center .not-rounded {
  margin: 0 0.25rem;
}

.box-list.is-double-line li {
  padding: 1.25rem 2rem;
}

.box-list.is-double-line li .flex-container {
  width: 100%;
  height: auto;
}

.box-list.is-double-line li .flex-container:first-child,
.box-list.is-double-line li .flex-container:first-child span {
  font-size: 1.125rem;
  font-weight: 500;
}

.box-list.is-double-line li .flex-container + .flex-container {
  margin-top: 0.75rem;
}

.box-list.is-double-line li .flex-container div {
  width: 80%;
}

.box-list.is-double-line li .flex-container h4 {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-reverse-column {
  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;
}

.mobile-reverse-column .box-header {
  color: #666;
  font-size: 1.125rem;
  background: transparent;
  padding-left: 0;
}

.mobile-reverse-column select {
  height: 2.5rem;
  font-size: 0.875rem;
  border: 1px solid #f0f0f0;
}

.joined-up-services {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.joined-up-services:last-child {
  margin-bottom: 0;
}

.joined-up-services a,
.joined-up-services > div.flex-container {
  margin-bottom: 1.5rem;
}

.joined-up-services a img,
.joined-up-services > div.flex-container img {
  /* width: 4rem;
  height: 4rem; */
  /* tws */
  width: 3.5rem;
  height: 3.5rem;
  /* //tws */
  margin-right: 1rem;
}

.joined-up-services a div,
.joined-up-services > div.flex-container div {
  /* padding-right: 2rem; */
  padding-right: 1rem; /* tws */
}

/* 210527 */
.joined-up-services > div.flex-container div h4 {
  display: inline-block;
}

.joined-up-services a div h5,
.joined-up-services a div a,
.joined-up-services > div.flex-container div h5,
.joined-up-services > div.flex-container div a {
  font-size: 0.875rem; /* 210305 */
  font-weight: normal;
  color: #111;
  margin-bottom: 0.25rem;
}

.joined-up-services a div .is-sub-text,
.joined-up-services > div.flex-container div .is-sub-text {
  font-size: 0.875rem; /* 210615 */
  line-height: 1.4;
}

.joined-up-services a:hover div h5,
.joined-up-services a:hover h5 a,
.joined-up-services > div.flex-container:hover div h5,
.joined-up-services > div.flex-container:hover h5 a {
  color: #b71256;
}

.joined-up-services > div.flex-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.joined-up-services > div.flex-container.inh {
  justify-content: inherit;
}

.joined-up-services > div.flex-container > a {
  /* tws */
  display: inline-block;
  width: 8rem; /* 210309 */
  text-align: right;
  /* //tws */
  color: #b71256;
  font-size: 0.875rem;
  text-decoration: underline;
}

.joined-up-services .empty-msg {
  color: #777;
  text-align: left;
  background: url("../images/ico_apps.svg") no-repeat center left;
  /* background-size: 4rem; */
  background-size: 3.6rem; /* tws */
  padding: 1.5rem 0 1.5rem 5rem;
  margin-top: 0;
}

/* [s] 241101 서비스가입/연결 ver2 */
.event-wrap .page-title.mo-block{
  display:none;
} /* 241125 추가 */
.event-wrap .banner-wrap .banner-tablet{
  display:none;
}
.event-wrap .banner-wrap .banner-mo{
  display:none;
}
.event-wrap .banner-wrap img{
  width:100%;
  pointer-events: none; /* 2505 비주얼검색 비활성화 */
}
.service-join-wrap .inner{
  width:30rem;
  height:100%;
  margin:0 auto;
}
.service-join-wrap h3{
  /* margin-bottom:24px; */ /* 241125 삭제 */
  font-size:26px; /* 241125 추가 */
  font-weight:700;
}
.service-join-wrap .tit{
  font-size:20px; /* 241128 추가 */
  font-weight:500;
}
.service-join-wrap .service-join-list{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start; /* 241212 수정 */
  gap:20px 0;
  /* margin-left:-1.2rem; */ /* 241125 삭제 */
  margin-top:20px; /* 241125 수정 */
}
.service-join-wrap .service-join-list li{
  position:relative;
  margin-top:0;
  /* margin-left:2.5rem; */ /* 241125 삭제 */
  padding-bottom:0; /* 241125 수정 */
  width:25%; /* 241125 수정 */
  text-align:center;
}
/* [s] 241125 */
.service-join-wrap .service-box{
  margin-top:20px;
  padding:24px 20px; /* 241212 수정 */
  border:1px solid rgba(187, 187, 187, 0.48);
  border-radius:10px;
}
/* [s] 241212 */
.service-join-wrap .service-box .tit-box{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.service-join-wrap .service-box .tit-box .sub-info{
  font-size: 14px;color: #666;
}
/* [e] 241212 */
/* .service-join-wrap .service-box .service-num{
  display:none;
}
.service-join-wrap .only-area{
  padding:24px 20px;
} */ /* 241212 삭제 */
.service-join-wrap .service-join-list li .only{
  position:absolute;
  top:-7px;
  left:50%;
  z-index:10;
  width:max-content;
  margin:0;
  padding:1px 4px;
  font-size:10px;
  font-weight:500;
  border:1px solid #b71256;
  border-radius:6px;
  background:#fff;
  transform: translateX(-50%);
}
/* [e] 241125 */
.service-join-wrap .service-join-list li .bg-img{
  position: relative;
  top: 0;
  width: 5rem;
  height: 5rem;
  margin: 0 auto;
  border-radius: 0.875rem;
  -webkit-box-shadow: 0.25rem 0.5rem 0.875rem #f8e9ef;
  box-shadow: 0.25rem 0.5rem 0.875rem #f8e9ef;
  opacity: 1;
}
.service-join-wrap .service-join-list li .bg-img.service1{
  background:url(../images/service_01_v2.png)no-repeat 50% / 5rem;
}
.service-join-wrap .service-join-list li .bg-img.service2{
  background:url(../images/service_02_v2.png)no-repeat 50% / 5rem;
}
.service-join-wrap .service-join-list li .bg-img.service3{
  background:url(../images/service_04_v2.png)no-repeat 50% / 5rem;
}
.service-join-wrap .service-join-list li .bg-img.service4{
  background:url(../images/service_03_v2.png)no-repeat 50% / 5rem;
}
.service-join-wrap .service-join-list li .txt-box{
  /* position:absolute;
  top:5.625rem;
  left:50%;
  -moz-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%); */ /* 241125 삭제 */
  margin-top:10px; /* 241125 추가 */
  white-space:nowrap;
}
.service-join-wrap .service-join-list li .txt{
  font-size:14px;
  font-weight:500;
  line-height:20px;
  text-align:center;
}
.service-join-wrap .service-join-list li .btn-wrap{
  padding-top:16px;
}
.service-join-wrap .service-join-list li .btn-wrap button{
  font-size:0.75rem;
  font-weight:700;
}
.service-join-wrap .service-join-list li .btn-wrap button.btn-reward-take{
  padding:0.375rem 0.75rem 0.375rem 0.375rem;
  color:#333;
  line-height:18px;
}
.service-join-wrap .service-join-list li .btn-wrap button.btn-reward-take::before{
  content:'';
  display:inline-block;
  width:18px;
  height:18px;
  margin-right:4px;
  background:url(../images/ico_reward.png) no-repeat 50% 50% / 18px 18px;
  vertical-align:top;
}
.service-join-wrap .service-join-list li .btn-wrap button.btn-reward-complete{
  padding:0.375rem 1.125rem 0.375rem 0.75rem;
  color:#bbb;
  border:0;
  background:#eee;
  cursor:inherit;
}
.service-join-wrap .service-join-list li .btn-wrap button.btn-reward-complete::before{
  content:'';
  display:inline-block;
  width:18px;
  height:18px;
  margin-right:4px;
  background:url(../images/btn-checked.png) no-repeat 50% 50% / 18px 18px;
  vertical-align:top;
}
/* [s] 250507 추가 */
.service-join-wrap .service-join-list li .btn-wrap .btn-reward-link{
  display: block;
  width: 3.375rem;
  margin: 0 auto;
  padding: 0.4375rem 1.125rem;
  border-radius: 100px;
  background: #FFE3EC;
  font-weight: 500;
  font-size: 0.75rem;
  color: #333;
  line-height: 18px;
}
/* [e] 250507 추가 */
.service-join-wrap .service-join-desc{
  margin-top:24px;
  padding:16px 20px;
  background:#f9f9f9;
}
.service-join-wrap .service-join-desc ul li{
  margin-top:10px;
}
.service-join-wrap .service-join-desc ul li:first-child{
  margin-top:0;
}
.service-join-wrap .service-join-desc p{
  font-size:14px;
  line-height:23px;
}
.service-join-wrap .service-join-desc p span{
  color:#b71256;
}
.service-join-wrap .service-join-list li .link-join{
  display:inline-block;
  margin-top:16px;
  padding:6px 12px; /* 241107 추가 */
  font-size:12px; /* 241107 수정 */
  /* line-height:20px; */ /* 241107 삭제 */
  border:1px solid #b71256; /* 241107 추가 */
  border-radius:100px; /* 241107 추가 */
  color:#b71256;
  /* text-decoration:underline; */ /* 241107 삭제 */
}
/* [e] 241101 서비스가입/연결 ver2 */

/* [s] 241126 크리스마스이벤트 */
.container.event .evt-chrismas .evt-current{
  padding-bottom:54px;
  background-color:#f2ebd4;
}
.container.event .evt-chrismas .evt-current .title-box{
  margin-top:-1%;
}
.container.event .evt-chrismas .evt-current .con-box{
  padding:0 24px;
}
.container.event .evt-chrismas .evt-current .con-box .img-box img{
  margin-top:24px;
  box-shadow: 0px 4px 26px 0px rgba(163, 156, 141, 0.44);
}
.container.event .evt-chrismas .evt-current .con-box .img-box a{
  display:inline-block;
}
.container.event .evt-chrismas .info-list{
  position:relative;
  padding:48px 40px;
  background:#671215;
}
.container.event .evt-chrismas .info-list p{
  font-size:22px;
  font-weight:700;
  color:#ffc654;
}
.container.event .evt-chrismas .info-list ol{
  margin-top:24px;
}
.container.event .evt-chrismas .info-list ol li{
  margin-top:16px;
  color:#cbadad;
}
.container.event .evt-chrismas .info-list ol li .num{
  font-weight:500;
  color:#ffc654;
}
.container.event .evt-chrismas .info-list::before{
  content:'';
  position:absolute;
  top:-13%;
  right:0;
  width:40%;
  height:35%;
  background:url(../images/img-christmas-santa.png) no-repeat 50% 50% / 100%;
}
/* [e] 241126 크리스마스이벤트 */

/* [s] 250214 3월 이벤트 */
.container.event .evt-march .evt-current{
  padding:13px 0 40px;
  background-color:#fff5f7;
}
.container.event .evt-march .evt-current .con-box{
  padding:0 20px;
}
.container.event .evt-march .evt-current .con-box li{
  position: relative;
  margin-top:13px;
}
.container.event .evt-march .evt-current .con-box .img-box{
  border-radius: 15px;
  box-shadow: 0px 4.15px 3.5px 0px #E2B6B621;
}
.container.event .evt-march .img-box img{
  pointer-events: none;
}
.container.event .evt-march .evt-current .con-box .btn-mission{
  display:inline-block;
  position: absolute;
  left: 5.4%;
  right: 50.6%;
  bottom: 13.18%;
  max-width: 180px;
}
.container.event .evt-march .evt-current .con-box .btn-mission.type2{
  bottom: 32.96%;
}
.container.event .evt-march .evt-current .con-box .btn-mission.type3{
  bottom: 37.48%;
}
.container.event .evt-march .evt-current .con-box .btn-mission.complete{
  pointer-events: none;
}
.container.event .evt-march .evt-current .con-box .btn-mission img{
  pointer-events: none;
}
.container.event .evt-march .info-list{
  position:relative;
  padding:48px 40px;
  background:#404040;
}
.container.event .evt-march .info-list p{
  font-size:24px;
  font-weight:700;
  color:#fff;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.container.event .evt-march .info-list ol{
  margin-top:24px;
}
.container.event .evt-march .info-list ol li{
  margin-top:16px;
  font-size: 18px;
  color:#fff;
  line-height: 26px;
}
.container.event .evt-march .info-list ol li .num{
  color:#fff;
}
/* [e] 250214 3월 이벤트 */
/* [s] 250411 4월 이벤트 */
.container.event .evt-april .evt-current{
  position: relative;
  padding:24px 0;
  background-color:#f8ddd9;
}
.container.event .evt-april .img-box{
  background: #f8ddd9;
}
.container.event .evt-april .evt-current .img-box{
  border-radius: 15px;
  box-shadow: 0px 4.15px 3.5px 0px #E2B6B621;
}
.container.event .evt-april .img-box img{
  pointer-events: none;
}
.container.event .evt-april .evt-current .num-box{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 27%;
  right: 27%;
  bottom: 39.4%;/* 250416 수정 */
  padding: 0; /* 250416 수정 */
  /* background: url(../images/img-april-box.png) no-repeat 0 0 / 100%; *//* 250416 삭제 */
  color:#271932;
}

.container.event .evt-april .evt-current .num-box p{
  font-family: 'GmarketSansMedium';
  font-weight: 700;
  font-size: 35px;
  color:#271932;
  text-shadow:0px 2px 1px #FFFFFF99;
  text-align: center;
  vertical-align: middle;
}
.container.event .evt-april .evt-current .num-box p span{
  padding-right: 4px;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0.4rem;
}
/* [s] 250416 삭제 */
/*
.container.event .evt-april .evt-current .num-box.text{
  display: block;
  margin: 0;
  padding: 18px 40px;
}
.container.event .evt-april .evt-current .num-box .num{
  flex:1;
  width: 32px;
  height: 32px;
  pointer-events:none;
}
.container.event .evt-april .evt-current .num-box.type2{
  display: block;
  text-align: center;
}
.container.event .evt-april .evt-current .num-box.type2 .num{
  flex:unset;
}*/
/* [e] 250416 삭제 */
/* [s] 250416 추가 */
.container.event .evt-april .evt-current .num-box.before-login{
  bottom: 37.4%;
}
.container.event .evt-april .evt-current .num-box.before-login p{
  font-size: 22px;
  line-height: 1.4;
}
/* [e] 250416 추가 */
.container.event .evt-april .evt-current .btn-mission{
  display:inline-block;
  position: absolute;
  left: 12.3%;
  right: 12.3%;
  bottom: 14.9%;
}
.container.event .evt-april .evt-current .btn-mission img{
  pointer-events: none;
}
.container.event .evt-april .info-list{
  position:relative;
  padding:48px 40px;
  background:#404040;
}
.container.event .evt-april .info-list p{
  font-size:22px;
  font-weight:700;
  color:#fff;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.container.event .evt-april .info-list ol{
  margin-top:24px;
}
.container.event .evt-april .info-list ol li{
  margin-top:16px;
  font-size: 18px;
  color:#fff;
  line-height: 26px;
  word-break: break-all;
}
.container.event .evt-april .info-list ol li .num{
  color:#fff;
}
/* [e] 250411 4월 이벤트 */

/* [s] 250508 6만회원돌파 이벤트 */
.container.event .evt-6million .evt-banner{
  position: relative;
}
.container.event .evt-6million .evt-banner a{
  position: absolute;
  left:7.5%;
  right:7.5%;
  bottom:1.56%;
}
.container.event .evt-6million .evt-banner .btn-link.disabled{
  cursor: unset;
  pointer-events: none;
}
.container.event .evt-6million .evt-current .con-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background: url(../images/img-6million-bg.png) no-repeat 0 0 / cover;
}
.container.event .evt-6million .evt-current .con-box li{
  position: relative;
  width: 33.33%;
  margin-top: 0;
}
.container.event .evt-6million .evt-current .con-box .btn-service-link{
  position: absolute;
  left: 10.6%;
  right: 10.6%;
  bottom: 12%;
  max-width: 180px;
}
.container.event .evt-6million .evt-current .con-box .btn-service-link.ver2{
  bottom: 19.6%;
}
.container.event .evt-6million .evt-current .con-box .btn-service-link.disabled{
  pointer-events: none;
  cursor: unset;
}
.container.event .evt-6million .info-list{
  position:relative;
  padding:48px 32px;
  background:#404040;
}
.container.event .evt-6million .info-list p{
  font-size:22px;
  font-weight:700;
  color:#fff;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.container.event .evt-6million .info-list ol{
  margin-top:24px;
}
.container.event .evt-6million .info-list ol li{
  margin-top:16px;
  font-size: 18px;
  color:#fff;
  line-height: 26px;
}
.container.event .evt-6million .info-list ol li .num{
  color:#fff;
}
/* [e] 250508 6만회원돌파 이벤트 */


/* [s] 250508 LG생건 이벤트 */
.container.event .evt-lg .evt-current{
  padding: 0 15px;
  background: #f5f8ff;
}
.container.event .evt-lg .evt-current .con-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:12px;
  padding-top: 24px;
}
.container.event .evt-lg .evt-current .con-box li{
  position: relative;
  margin-top: 0;
  padding: 18px 15px;
  border: 1px solid #ecf0fb;
  border-radius: 24px;
  background: #fff;
}
.container.event .evt-lg .evt-current .con-box li:first-child::before{
  content: '';
  display: block;
  position: absolute;
  left: 7.7%;
  top: -11%;
  width: 27.3%;
  height: 32%;
  background: url(../images/img-lg-badge.png) no-repeat 0 0 / 100%;
}
.container.event .evt-lg .evt-current .con-box .btn-link{
  display: block;
  max-width: 161px;
  margin: 0 auto;
  padding-top: 20px;
}
.container.event .evt-lg .evt-current .btn-wrap{
  padding-top: 12px;
  text-align: center;
}
.container.event .evt-lg .evt-current .btn-wrap .btn-detail{
  font-weight: 700;
  font-size: 16px;
  color:#2154D4;
  text-decoration: underline;
}
.container.event .evt-lg .evt-current .btn-wrap + .title-box{
  padding-top: 24px;
}
.container.event .evt-lg .evt-current .desc{
  padding-top: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #898989;
  text-align: center;
}
.container.event .evt-lg .evt-current .desc::before{
  font-weight: 700;
}
.container.event .evt-lg .evt-current .desc .emph{
font-weight: 700;
}
.container.event .evt-lg .evt-current .btn-wrap .btn-lcare{
  display: block;
  max-width: 410px;
  margin: 0 auto;
  padding: 16px 0 32px; /* 250519 수정 */
}
.container.event .evt-lg .evt-current .reward-box{
  margin: 16px 0 48px; /* 250519 수정 */
  padding: 32px 18px 40px;
  border: 2px solid #ECF0FB;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0px 1px 3px 0px #0000000A;
}
.container.event .evt-lg .evt-current .reward-box .img-box{
  width: 300px;
  height: 200px;
  margin: 0 auto;
}
.container.event .evt-lg .evt-current .reward-box h4{
  padding-top: 32px;
font-size: 21px;
font-weight: 400;
color: #444;
text-align: center;
}
.container.event .evt-lg .evt-current .reward-box h4 em{
font-weight: 700;
font-size: 26px;
}
.container.event .evt-lg .evt-current .reward-box h4 em span{
  position: relative;
  z-index: 10;
}
.container.event .evt-lg .evt-current .reward-box h4 em span::after{
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 1px;
  z-index: -10;
  width: 100%;
  height: 12px;
  background: #F6CF0E;
}
.container.event .evt-lg .evt-current .reward-box .btn-wrap .btn-link{
  display: block;
  max-width: 410px;
  padding-top: 12px;
}
.container.event .evt-lg .evt-current .btn-link.disabled{
  pointer-events: none;
  cursor: unset;
}
.container.event .evt-lg .info-list{
  position:relative;
  padding:48px 32px;
  background:#404040;
}
.container.event .evt-lg .info-list p{
  font-size:22px;
  font-weight:700;
  color:#fff;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.container.event .evt-lg .info-list ol{
  margin-top:24px;
}
.container.event .evt-lg .info-list ol li{
  margin-top:16px;
  font-size: 18px;
  color:#fff;
  line-height: 26px;
}
.container.event .evt-lg .info-list ol li .num{
  color:#fff;
}
/* [e] 250508 LG생건 이벤트 */
/* [s] 250526 LG생건 이벤트 -ver2 */
.container.event .evt-lg.ver2 .item-cont{
  padding-top: 0;
  background: #EAD9D9;
}
.container.event .evt-lg.ver2 .evt-current{
  padding: 0 16px;
  background: #EAD9D9;
}
.container.event .evt-lg.ver2 .evt-current .coupon-box{
  margin-top: -8px;
  padding: 256px 16px 32px;
  background: url(../images/img-lg-evt9.png) no-repeat 0 0 / 100% 100%;
}

.container.event .evt-lg.ver2 .evt-current .coupon-box .coupon-list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:30px;
  padding-bottom: 20px;
}

.container.event .evt-lg.ver2 .evt-current .coupon-box .coupon-list li{
  margin-top: 0;
}
.container.event .evt-lg.ver2 .evt-current .coupon-box .coupon-list li:first-child{
  position: relative;
}
.container.event .evt-lg.ver2 .evt-current .coupon-box .coupon-list li:first-child::before{
  content: '';
  position: absolute;
  right: -17px;         
  top: 0;
  height: 100%;
  width: 1px;
  border-right: 2px dotted #7D539C;
}
.container.event .evt-lg.ver2 .evt-current .coupon-box .coupon-list li .btn-link{
  display: block;
  max-width: 160px;
  margin: 0 auto;
  padding-top: 24px;
}
.container.event .evt-lg.ver2 .evt-current .coupon-box.w-button{
  padding: 237px 16px 32px;
  background: url(../images/img-lg-evt12.png) no-repeat 0 0 / 100% 100%;
}
.container.event .evt-lg.ver2 .evt-current .coupon-box.w-button .coupon-list{
  padding-bottom: 0;
}
.container.event .evt-lg.ver2 .evt-current .con-box li{
  padding: 0;
  border:none;
  border-radius: 20px;
  background: #F3E8E8;
}
.container.event .evt-lg.ver2 .evt-current .con-box li:first-child::before{
  display: none;
}
.container.event .evt-lg.ver2 .evt-current .btn-wrap{
  padding-top: 15px;
}
.container.event .evt-lg.ver2 .evt-current .btn-wrap .btn-detail{
  font-size: 17px;
  font-weight: 800;
  color: #6A3A8E;
}
.container.event .evt-lg.ver2 .evt-current .btn-wrap + .title-box{
  padding: 60px 20px 0;
}
.container.event .evt-lg.ver2 .evt-current .con-box .btn-link{
  max-width: 160px;
  padding: 0 0 24px;  
}
.container.event .evt-lg.ver2 .evt-current .desc{
  font-weight: 700;
  color: #897796;
}
.container.event .evt-lg.ver2 .evt-current .reward-box{
  margin: 35px 0 66px;
  border: 2px solid #693A8D;
  background: #F3E8E8;
}
.container.event .evt-lg.ver2 .evt-current .reward-box .img-box{
  width: unset;
  height: unset;
}
.container.event .evt-lg.ver2 .info-list{
  padding: 48px 28px 60px;
  background: #281636;
}
.container.event .evt-lg.ver2 .info-list ol li{
  display: flex;
  font-size: 17px;
  word-break: break-all;
}
.container.event .evt-lg.ver2 .info-list ol li .addition{
  font-size: 15px;
  font-weight: 400;
}
.container.event .evt-lg.ver2 .info-list ol li dt{
  font-size: 16px;
}
.container.event .evt-lg.ver2 .info-list ol li dd{
  margin-inline-start: 18px;
  font-size: 15px;
}
.container.event .evt-lg.ver2 .info-list ol li .sub-list li{
  margin-top: 0;
  padding-left: 8px;
  font-size: 15px;
}
/* [e] 250526 LG생건 이벤트 -ver2 */

/* [s] 250619 7월 이벤트 */
.container.event .evt-july .evt-current{
  padding: 0 10px 35px;
  background: #FFECF1;
}
.container.event .evt-july .evt-current .btn-wrap{
  max-width: 434px;
  margin: 0 auto;
  padding-top: 1.8125rem;
}
.container.event .evt-july .evt-current .btn-wrap a{
  display: block;
}.container.event .evt-july .evt-current .btn-wrap a.disabled{
  pointer-events: none;
  cursor: none;
}
.container.event .evt-july .evt-banner{
  position: relative;
}
.container.event .evt-july .title-box{
  padding-top: 2.1875rem;
}
.container.event .evt-july .title-box:first-child{
  padding-top: 0;
}
.container.event .evt-july .evt-current .con-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 2rem;
  background: #FFECF1;
}
.container.event .evt-july .evt-current .con-box li{
  position: relative;
  width: calc(33.3% - 5px);
  margin-top: 0;
}
.container.event .evt-july .evt-current .con-box .btn-service-link{
  position: absolute;
  left: 11.4%;
  right: 11.4%;
  bottom: 3.7%;
  max-width: 114px;
}
.container.event .evt-july .evt-current .con-box .btn-service-link.disabled{
  pointer-events: none;
  cursor: unset;
}
.container.event .evt-july .info-list{
  position:relative;
  padding:48px 32px;
  background:#404040;
}
.container.event .evt-july .info-list p{
  font-size:22px;
  font-weight:700;
  color:#fff;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.container.event .evt-july .info-list ol{
  margin-top:24px;
}
.container.event .evt-july .info-list ol li{
  margin-top:16px;
  font-size: 18px;
  color:#fff;
  line-height: 26px;
}
.container.event .evt-july .info-list ol li .num{
  color:#fff;
}
/* [e] 250619 7월 이벤트 */

/* [s] 241126 쿠팡 csp */
/* 메인페이지 */
.coupang-cps .coupang-main{
  position:relative;
}
.coupang-cps .coupang-main img{
  width:100%;
}
.coupang-cps .coupang-main .btn-evt-join{
  position:absolute;
  top:40.9%; /* 250212 수정 */
  left:6.4%; /* 250211 수정 */
  /* transform:translateX(-50%); */ /* 250211 삭제 */
  display:inline-block;
  padding:3px 32px 3px 16px;
  font-size:12px;
  font-weight:700;
  color:#fff;
  border:0;
  border-radius:30px;
  background:#9d6dea url(../images/ico-coupang-info.png) no-repeat 90% 50% / 16px 16px;
}
.coupang-cps .coupang-main .menu-list{
  position:absolute;
  bottom:6.16%;/* 250114 수정 */ /* 250212 수정 */
  left:24px;
  right:24px;
}
.coupang-cps .coupang-main .menu-list li{
  overflow: hidden; /* 250211 추가 */
  position:relative;
  border-radius:10px;
  background:#fff;
}
.coupang-cps .coupang-main .menu-list li + li{
  margin-top:12px; /* 250212 수정 */
}
/* [s] 250212 추가 */
.coupang-cps .coupang-main .menu-list li:first-child{
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 3px 16px 0px #0000000D;
}
.coupang-cps .coupang-main .menu-list li:last-child{
  background: none;
  text-align: center;
}
.coupang-cps .coupang-main .menu-list .payment-details{
  position: relative;
  font-size: 14px;
  line-height: 16px;
  color: #666;
}
.coupang-cps .coupang-main .menu-list .payment-details:before{
  content: '';
  position: absolute;
  top: -1px;
  right: -17px;
  width: 16px;
  height: 17px;
  background: url(../images/ico_more_arrow.svg) no-repeat 50% / 16px 17px;
}
/* [e] 250212 추가*/
.coupang-cps .coupang-main .menu-list li .active-box{
  position:relative;
  display:flex;
  align-items:unset;
  gap:16px;
  padding:20px 20px 20px 16px; /* 250212 수정 */
}
/* [s] 250212 삭제 */
/* .coupang-cps .coupang-main .menu-list li .active-box.basic{
  align-items:center;
}
.coupang-cps .coupang-main .menu-list li .active-box.basic::after{
  content:'';
  position:absolute;
  top:50%;
  right:20px;
  width:18px;
  height:20px;
  background:url(../images/ico_arrow_more.png) no-repeat 50% 50% / 18px 20px;
  transform:translateY(-50%);
} */
/* [e] 250212 삭제 */
.coupang-cps .coupang-main .menu-list li .img-box{
  width:48px; /* 250211 수정 */
  height:48px; /* 250211 수정 */
}
.coupang-cps .coupang-main .menu-list li .img-box img{
  width:100%;
}
.coupang-cps .coupang-main .menu-list li .txt-box .title{
  font-size:14px;
  font-weight:500;
  color:#333;
}
.coupang-cps .coupang-main .menu-list li .txt-box .quantity{
  margin-top:4px;
  font-size:20px;
  font-weight:700;
  color:#333;
}
.coupang-cps .coupang-main .menu-list li .txt-box .txt{
  margin-top:12px;
  font-size:12px;
  color:#666;
}
.coupang-cps .coupang-main .menu-list li .txt-box .txt span{
  font-weight:700;
}
.coupang-cps .coupang-main .menu-list li .btn-box{
  margin-right: 20px;
}
.coupang-cps .coupang-main .menu-list li .btn-join{
  /* position:absolute; */ /* 250212 삭제 */
  /* top:28px; */ /* 250212 삭제 */
  /* right:20px; */ /* 250212 삭제 */
  padding:6px 8px;
  font-size:14px;
  color:#fff;
  border:0;
  border-radius:4px;
  background:#f65094;
}
/* [s] 250108 추가 */
/* 쿠팡 메인페이지 버튼 변경 버전 */
/* [s] 250212 삭제 */
/* .coupang-cps .coupang-main.btn_v2 .menu-list li .txt{
  font-size: 12px;
  color: #666;
  padding: 0 20px 12px 32px;
} 
.coupang-cps .coupang-main.btn_v2 .menu-list li .txt span{
  font-weight: 700;
}
.coupang-cps .coupang-main.btn_v2 .menu-list li .active-box.basic{
  padding:16px;
}
.coupang-cps .coupang-main.btn_v2 .menu-list li .active-box{
  padding:16px 20px 12px 20px;
}
.coupang-cps .coupang-main.btn_v2 .menu-list li .btn-join{
  position: unset;
  width: 100%;
  min-height: 36px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
} */
/* [e] 250212 삭제 */
/* [e] 250108 추가*/
.coupang-cps .coupang-prd-search{
  /* margin-top:32px; */ /* 250211 삭제 */
  padding-bottom: 24px; /* 250211 추가 */
}
.coupang-cps .coupang-prd-search .title{
  font-size:16px; /* 250211 수정 */
  font-weight:700; /* 250211 수정 */
  color:#111; /* 250212 추가 */
}
.coupang-cps .coupang-prd-search .title img{
	width:23px; /* 250507 수정 */
	height:23px; /* 250507 수정 */
	vertical-align: bottom; /* 250507 추가 */
}
.coupang-cps .coupang-prd-search .form-control{
  margin-top:20px; /* 250211 수정 */
  border:0;
}
.coupang-cps .coupang-prd-search .form-control input{ 
  background-color:#f9f9f9 !important;
}
.coupang-cps .coupang-prd-search .tab-filter-wrap{
  margin:1.5rem 0 !important;
  padding:0 !important;
}
.coupang-cps .coupang-prd-search img{
  width:100%;
}
.coupang-cps .coupang-prd-search .col-list-wrap{
  margin-top:24px;
}
.coupang-cps .coupang-prd-search .col-list-wrap .swiper-slide{
  width:132px !important;
}
.coupang-cps .coupang-prd-search .col-list-wrap .swiper-slide .img-box{
  position:relative;
  z-index:10;
  border:1px solid #eee;
  border-radius:10px;
  background-color:#fff;
}
.coupang-cps .coupang-prd-search .col-list-wrap .swiper-slide .img-box img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:10px;
}
.coupang-cps .coupang-prd-search .col-list-wrap .swiper-container .swiper-button-prev{
  position:absolute;
  z-index:10;
  top:40%;
  left:10px;
  right:auto;
  width:30px;
  height:30px;
  margin-top:0;
  border-radius:50%;
  background:url(../images/ico_prev_round.svg) no-repeat 50% / 30px;
  color:transparent;
  cursor:pointer;
}
.coupang-cps .coupang-prd-search .col-list-wrap .swiper-container .swiper-button-next{
  position:absolute;
  z-index:10;
  top:40%;
  left:auto;
  right:10px;
  width:30px;
  height:30px;
  margin-top:0;
  border-radius:50%;
  background:url(../images/ico_next_round.svg) no-repeat 50% / 30px;
  color:transparent;
  cursor:pointer;
}
.coupang-cps .coupang-prd-search .col-list-wrap .swiper-slide .txt-box .tit{
  display:-webkit-box;
  overflow:hidden;
  margin-top:8px;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  text-overflow:ellipsis;
  font-size:14px;
  color:#333;
}
.coupang-cps .coupang-prd-search .col-list-wrap .swiper-slide .txt-box .price{
  margin-top:4px;
  font-size:14px;
  font-weight:700;
  color:#b71256;
}
.coupang-cps .coupang-prd-search .col-list-wrap .swiper-slide .txt-box .ico-tag{
  display:inline-block;
  margin-top:8px;
}
.coupang-cps .coupang-prd-search .col-list-wrap .swiper-slide .txt-box .ico-tag.delivery{
  width:56px;
  height:14px;
  background:url(../images/ico-tag-delivery.png) no-repeat 50% 50% / 56px 14px;
}
.coupang-cps .coupang-prd-search .col-list-wrap .swiper-slide .txt-box .ico-tag.fresh{
  width:63px;
  height:14px;
  background:url(../images/ico-tag-fresh.png) no-repeat 50% 50% / 63px 14px;
}
/* [s] 250210 추가 */
.coupang-cps .coupang-prd-search .col-list-wrap .swiper-slide .txt-box .ico-tag.free-shipping{
  width: 44px;
  height: 14px;
  background:url(../images/ico-tag-free-shipping.png) no-repeat 50% 50% / 44px 14px;
}
.coupang-cps .notice{
  padding: 24px;
  background: #F9F9F9;
}
.coupang-cps .notice p{
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
}
.coupang-cps .notice dl {
  margin-top: 12px;
}
.coupang-cps .notice dl dd{
  position: relative;
  margin-left: 0;
  margin-top: 6px;
  padding-left: 10px;
  font-size: 12px;
  line-height: 16px;
}
.coupang-cps .notice dl dd::before {
  content: '-';
  position: absolute;
  top: 2px;
  left: 0;
}
/* [e] 250210 추가*/
/* 이번 달 결제금액 */
.coupang-cps .date-list select{
  border:1px solid #eee;
  border-radius:8px;
  background-color:#fff !important;
}
.coupang-cps .total-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:12px 0 16px;
  padding:20px 36px 20px 20px;
  border-radius:10px;
  background:#f9f9f9;
}
.coupang-cps .total-wrap .con-box{
  padding-left:32px;
}
.coupang-cps .total-wrap .con-box.receipt{
  background:url(../images/ico-receipt.png) no-repeat 0 50% / 20px 20px;
}
.coupang-cps .total-wrap .con-box.money{
  background:url(../images/ico-money.png) no-repeat 0 50% / 20px 20px;
}
.coupang-cps .total-wrap .con-box p{
  margin-bottom:4px;
}
.coupang-cps .total-wrap .con-box .price{
  color:#b71256;
}
.coupang-cps .receipt-list{
  padding:20px 0 22px;
}
.coupang-cps .receipt-list strong{
  display:inline-block;
  padding-bottom:6px;
}
.coupang-cps .receipt-list dl{
  display:flex;
  align-items:center;
  justify-content:space-between;
  /* gap:24px; */ /* 250206 추가 */ /* 250212 삭제 */
  padding:10px 0;
}
.coupang-cps .receipt-list dl:last-child{
  border-bottom:0;
}
.coupang-cps .receipt-list dl dt{
  overflow: hidden; /* 250108 추가 */
  flex: 51.68; /* 250212 추가 */
  /* max-width: 195px;  *//* 250108 추가 */ /* 250206 삭제 */
  /* min-width: 156px; */ /* 250206 추가 */ /* 250212 삭제 */
  color:#666;
  text-overflow: ellipsis; /* 250108 추가 */
  -webkit-line-clamp: 1; /* 250108 추가 */
  -webkit-box-orient: vertical; /* 250108 추가 */
  white-space: nowrap; /* 250108 추가 */
}
.coupang-cps .receipt-list dl dd{
  flex: 14.67;/* 250212 추가 */
  margin-left: 0; /* 250212 추가 */
  font-weight:700;
  text-align: center; /* 250212 추가 */
}
/* [s] 250212 추가 */
.coupang-cps .receipt-list dl dd:last-child{
  flex: 33.63;
  text-align: right;
}
/* [e] 250212 추가 */
/* [s] 241211 구매상태 및 구분선 추가 */
.coupang-cps .receipt-list .line{
  width:100%;
  margin:8px 0;
  border:1px solid #eee;
}
.coupang-cps .receipt-list dl dd .cancel-badge{
  display:inline-block; /* 241216 추가 */
  /* width:84px; *//* 241216 추가 */ /* 250212 수정 */ /* 250218 삭제 */
  padding:2px 0; /* 241216 수정 */
  color:#666;
  font-weight:500;
  text-align:center; /* 241216 추가 */
  border: 1px solid #eee; /* 250212 추가 */
  border-radius:82px;
  /* background:#eee; */ /* 250212 삭제 */
  font-size: 14px; /* 250212 추가 */
}
/* [e] 241211 구매상태 및 구분선 추가 */
.coupang-cps .bar{
  display:block;
  border:5px solid #f9f9f9;
}
.coupang-cps .order-notice{
  padding:32px 24px;
  background:#f9f9f9;
}
.coupang-cps .order-notice .tit{
  font-size:14px; /* 250206 수정 */
  font-weight:700;
  line-height: 17px; /* 250206 추가 */
}
.coupang-cps .order-notice ul{
  margin-top:16px;
}
.coupang-cps .order-notice ul li{
  position:relative;
  margin-top:10px;
  padding-left:10px;
  font-size: 12px; /* 250206 수정 */
  line-height: 16px; /* 250206 추가 */
}
.coupang-cps .order-notice ul li::before{
  content:'-';
  position:absolute;
  top:-2px;
  left:0;
}
.coupang-cps .order-notice .none-type li{
  padding-left:0;
}
.coupang-cps .order-notice .none-type li::before{
  content:none;
}
.coupang-cps .order-none{
  padding:119px 0;
  text-align:center;
}
.coupang-cps .order-none img{
  width:62px;
  height:62px;
}
.coupang-cps .order-none .txt{
  margin-top:20px;
  color:#808080;
}
/* 참여하기 */
.coupang-cps .evt-coupang .evt-prd-wrap{
  position:relative;
  z-index:10;
  margin-top:-34px;
  padding:0 11px 44px;
  border-top-left-radius:32px;
  border-top-right-radius:32px;
  background:linear-gradient(180deg, #fff0fd 0%, #f9d4ff 100%), url(../images/img-coupang-evt-prd.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-blend-mode:multiply;
}
.coupang-cps .evt-coupang .evt-prd-wrap .col-list-wrap{
  position:relative;
  z-index:-10;
  padding-top:120px;
}
/* [s] 250110 추가 */
.coupang-cps .evt-coupang .evt-prd-wrap .col-list-wrap .swiper-wrapper{
  -webkit-transition-timing-function:linear!important;transition-timing-function:linear!important;position:relative
}
/* [e] 250110 추가 */
.coupang-cps .evt-coupang .evt-prd-wrap .col-list-wrap .swiper-slide{
  width:110px !important;
}
.coupang-cps .evt-coupang .evt-prd-wrap img{
  width:100%;
}
.coupang-cps .evt-coupang .evt-prd-wrap .btn-wrap{
  width:100%;
  margin-top:44px;
}
.coupang-cps .evt-coupang .evt-prd-wrap .btn-wrap .txt{
  display:flex;
  align-items:center;
  justify-content:space-between;/* 250115 수정 */
  position:relative;
  z-index:10;
  max-width: 204px;/* 250115 추가 */
  margin:0 auto 1%;/* 250115 수정 */
  padding:5px 12px;/* 250115 수정 */
  font-size:18px;
  font-weight:700;
  border:1px solid #d8cee8;
  border-radius:8px;
  background:#fff;
  color: #414141;/* 250115 추가 */
}
.coupang-cps .evt-coupang .evt-prd-wrap .btn-wrap .txt span{
  font-size:24px;
  font-weight:700;
  color:#a268ff;
}
.coupang-cps .evt-coupang .evt-prd-wrap .btn-wrap .txt::after{
  content:'';
  position:absolute;
  bottom:-15px;
  right:16px;
  width:16px;
  height:16px;
  background:url(../images/ico-arrow-roulette.png) no-repeat 50% 50% / 16px 16px;
}
.coupang-cps .evt-coupang .evt-prd-wrap .btn-wrap .btn-roulette{
  position:relative;
  width:100%;
  font-size:28px;
  font-weight:700;
  color:#fff;
  border:2px solid #9d6dea;
  background:#9d6dea;
}
.coupang-cps .evt-coupang .evt-prd-wrap .btn-wrap .btn-roulette::after{
  content:'';
  position:absolute;
  top:50%;
  right:16px;
  width:33px;
  height:36px;
  margin-top:2px;
  background:url(../images/ico-arrow-roulette2.png) no-repeat 50% 50% / 33px 36px;
  transform:translateY(-50%);
}
/* [s] 250113 추가 */
.coupang-cps .evt-coupang .evt-prd-wrap .btn-wrap .link-txt{
  padding-top: 32px;
}
.coupang-cps .evt-coupang .evt-prd-wrap .btn-wrap .link-txt.has-coupon a{
  border-bottom: 1px solid #7346BB;
  font-size: 18px;
  font-weight: 700;
  color: #7346BB;
  line-height: 27px;
  text-decoration: none;
}
.coupang-cps .evt-coupang .evt-prd-wrap .btn-wrap .link-txt.has-coupon a::after{
  width: 23px;
  height: 25px;
  background: url(../images/ico-arrow-roulette3.svg) no-repeat 50% / 23px 25px;
}
/* [e] 250113 추가 */
.coupang-cps .evt-coupang .notice{
  margin-top: 0; /* 250211 추가 */
  padding:32px 24px;
  background:#dfcbfc;
}
.coupang-cps .evt-coupang .notice p{
  font-size:14px; /* 250206 수정 */
  font-weight:500; /* 250206 수정 */
  line-height: 17px; /* 250206 추가 */
}
.coupang-cps .evt-coupang .notice dl{
  margin-top:16px;
}
.coupang-cps .evt-coupang .notice dl dd{
  position:relative;
  margin-top:10px;
  margin-left:0;
  padding-left:10px;
  font-size: 12px;/* 250206 추가 */
  line-height: 16px;/* 250206 추가 */
}
.coupang-cps .evt-coupang .notice dl dd::before{
  content:'-';
  position:absolute;
  top:2px;
  left:0;
}
/* 쿠팡 cps 팝업 */
.bottom-modal.roulette-modal .modal-content{
  padding:1rem 1rem 0;
}
.bottom-modal.roulette-modal h2{
  font-size:20px;
  font-weight:700;
}
.bottom-modal.roulette-modal .roulette-way-list{
  margin-top:20px;
}
.bottom-modal.roulette-modal .roulette-way-list li{
  margin-top:1.5rem;
}
.bottom-modal.roulette-modal .roulette-way-list .tit{
  padding-left:34px;
  font-weight:500;
}
.bottom-modal.roulette-modal .roulette-way-list .tit span{
  color:#b71256;
}
.bottom-modal.roulette-modal .roulette-way-list .txt{
  margin-top:4px;
  padding-left:34px;
  font-size:14px;
  color:#666;
}
.bottom-modal.roulette-modal .roulette-way-list .txt span{
  color:#b71256;
}
.bottom-modal.roulette-modal .roulette-way-list li .img-box{
  margin:24px auto 0;
}
.bottom-modal.roulette-modal .roulette-way-list li .img-box img{
  width:100%;
}
.bottom-modal.roulette-modal .roulette-way-list li.step1{
  margin-top:0;
  background:url(../images/ico-step1.png) no-repeat 0 0 / 24px 24px;
}
.bottom-modal.roulette-modal .roulette-way-list li.step1 .img-box{
  width:144px;
  height:192px;
}
.bottom-modal.roulette-modal .roulette-way-list li.step2{
  background:url(../images/ico-step2.png) no-repeat 0 0 / 24px 24px;
}
.bottom-modal.roulette-modal .roulette-way-list li.step3{
  background:url(../images/ico-step3.png) no-repeat 0 0 / 24px 24px;
}
.bottom-modal.roulette-modal .roulette-way-list li.step3 .img-box{
  width:227px;
  height:86px;
}
.bottom-modal.roulette-modal .roulette-way-list li.step4{
  background:url(../images/ico-step4.png) no-repeat 0 0 / 24px 24px;
}
.bottom-modal.roulette-modal .roulette-way-list li.step4 .img-box{
  width:167px;
  height:161px;
}
.bottom-modal.roulette-modal .roulette-way-list li.step5{
  background:url(../images/ico-step5.png) no-repeat 0 0 / 24px 24px;
}
.bottom-modal.roulette-modal .btn-wrap{
  margin-top:20px;
  margin-left:-8px;
  margin-right:-8px;
  padding:10px 28px;
  border-top:1px solid #eee;
}
.bottom-modal.roulette-modal button.is-primary{
  margin-top:0;
}
.bottom-modal.roulette-modal  a.close-modal{
  top:1.875rem;
  right:1.5rem;
}
/* [e] 241126 쿠팡 csp */
/* [s] 250116 추가 */
.bottom-modal.roulette-modal{
  padding: 0.5rem 0.5rem 0;
}
.roulette-modal{
  padding:0;
}
/* [s] 250206 추가 */
.roulette-modal.participation-modal {
  width:480px;
}
/* [e] 250206 추가 */
.roulette-modal .modal-title{
  margin:unset;
  padding-top:0.5rem;
}
.roulette-modal .modal-content{
  padding:0;
}
/* [s] 250121 추가 */
.roulette-modal .coupang-cps .date-list select{
  background: #fff url(../images/arrow_down.svg) no-repeat right 1rem top 50% / 0.75rem !important;
}
/* [e] 250121 추가 */
.roulette-modal .coupang-cps .total-wrap{
/* padding: 20px; */ /* 250213 삭제 */
}
.coupang-cps .total-wrap .con-box.roulette{
  background: url(../images/ico-roulette.png) no-repeat 0 50% / 20px 20px;
}
.coupang-cps .total-wrap .con-box.gift{
  background: url(../images/ico-gift.png) no-repeat 0 50% / 20px 20px;
}
.roulette-modal .coupang-cps .total-wrap .con-box p{
  font-size: 16px; /* 250213 수정 */
  font-weight: 400;
  line-height: 16px;
}
.roulette-modal .coupang-cps .list-wrap{
  padding:0.75rem 1.5rem 0;
}
/* [s] 250508 LG생건 이벤트 */
.roulette-modal .list-wrap.ver2{
  padding: 0.75rem 1.5rem;
}
.roulette-modal .list-wrap.ver2 .date-list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.roulette-modal .list-wrap.ver2 .date-list .is-full-width + .is-full-width{
  margin-top: 0;
}
.roulette-modal .list-wrap.ver2 .date-list select{
  font-size: 14px! important;
  color: #808080;
}
.roulette-modal .list-wrap.ver2 .date-list.on select{
  color: #111;
}
.roulette-modal .list-wrap.ver2 .btn-wrap{
  padding-top: 8px;
}
.roulette-modal .list-wrap.ver2 .text-button{
  height: 48px;
}
.roulette-modal .list-wrap.ver2 table td, table th{
  background: #fff;
  font-size: 14px;
  text-align: left
}
.roulette-modal .list-wrap.ver2 table th{
  padding: 0.375rem; /* 250519 수정 */
}
.roulette-modal .list-wrap.ver2 table td{
  max-width: 100%; /* 250519 추가 */
  padding: 1.25rem 0.375rem 1.25rem 0.375rem; /* 250519 수정 */
  border-left: none;
  word-break: break-word; /* 250519 추가 */
}
/* [s] 250519 추가 */
.roulette-modal .list-wrap.ver2 table td a{
  max-width: 100%; 
  word-break: break-word;
}
/* [e] 250519 추가 */
.roulette-modal .list-wrap.ver2 table tr td:last-child{
  border-right: none;
}
.roulette-modal .order-none.ver2{
  padding: 98px 0;
}
.reward-popup-inner{
  position: relative;
  width:480px;
  max-height:458px;
  padding:0;
  box-sizing: border-box;
  vertical-align: middle;
}
.reward-popup-inner .reward-popup-content{
  position:relative;
  padding-bottom: 3.375rem;
}
.reward-popup-inner .reward-popup-content.bullet-none{
  padding-bottom: 1.25rem;
}
.reward-popup-inner .reward-popup-content.free{
  padding-bottom: 2.5rem;
}
.reward-popup-inner .reward-popup-content .swiper-container{
  display: block;
  position:initial;
}
.reward-popup-inner .reward-popup-content .swiper-button-prev{
  display: block !important;
  opacity: 1 !important;
  left: 16px;
  width:28px;
  height:28px;
  border-radius: 50%;
  background: url(../images/ico-lg-prev.svg)no-repeat 50% 50% / 28px;
  color: transparent;
}
.reward-popup-inner .reward-popup-content .swiper-button-next{
  display: block !important;
  opacity: 1 !important;
  right: 16px;
  width:28px;
  height:28px;    
  border-radius: 50%;
  background: url(../images/ico-lg-next.svg)no-repeat 50% 50% / 28px;
  color: transparent;
}
.reward-popup-inner .reward-popup-content .swiper-pagination{
  left:0;
  right:0;
  bottom:24px;
}
.reward-popup-inner .reward-popup-content .swiper-pagination-bullet{
  width:6px;
  height:6px;
  border-radius:30px;
  background:#bbb;
  margin-left:8px;
  opacity:1;
  -webkit-transition:all 0.15s linear;
  transition:all 0.15s linear;
  vertical-align:middle;
}
.reward-popup-inner .reward-popup-content .swiper-pagination-bullet-active{
  width:24px; 
  border-radius:1000px;
  background:#333;
}
.reward-popup-inner.modal .swiper-slide{
  display:block;
}
.reward-popup-inner .reward-popup-content .title1{
  width:317px;
  margin:0 auto;
}
.reward-popup-inner .reward-popup-content .title2{
  width:281px;
  margin:0 auto;
}
.reward-popup-inner .reward-popup-content .title3{
  width:284px;
  margin:0 auto;
}
.reward-popup-inner .reward-popup-content .title4{
  width:320px;
  margin:0 auto;
}
.reward-popup-inner .reward-popup-content .title5{
  width:234px;
  margin:0 auto;
}
.reward-popup-inner .reward-popup-content .title6{
  width: 349px;
  margin:0 auto;
}
.reward-popup-inner .reward-popup-content .title1 img, 
.reward-popup-inner .reward-popup-content .title2 img, 
.reward-popup-inner .reward-popup-content .title3 img,
.reward-popup-inner .reward-popup-content .title4 img,
.reward-popup-inner .reward-popup-content .title5 img,
.reward-popup-inner .reward-popup-content .title6 img{
  width:100%;
  pointer-events: none; /* 2504 비주얼검색 비활성화 */
}
.reward-popup-inner .reward-popup-content .title span{
  color:#b71256;
}
.reward-popup-inner .reward-popup-content .reward-con{
  margin:24px auto 0;
  background:#fff;  
}
.reward-popup-inner .reward-popup-content .reward-con .img-box{
  width:432px;
  margin:0 auto;
}
.reward-popup-inner .reward-popup-content .reward-con .img-box img{
  width:100%; /* 250528 수정 */
  pointer-events: none; /* 2504 비주얼검색 비활성화 */
}
/* [s] 250528 추가 */
.reward-popup-inner.evt-lg{
  max-height: 551px;
}
/* [s] 250528 삭제 */
/* .reward-popup-inner.evt-lg .reward-popup-content .reward-con{
  margin: 0 auto;
  padding-top: 24px;
}
.reward-popup-inner.evt-lg .reward-popup-content .reward-con .txt-box{
  margin-top: 0;
  padding-top: 24px;
} */
/* .reward-popup-inner .reward-popup-content .reward-con .img-box.w-barcode{
  width: 200px;
  height: 120px;
}
.reward-popup-inner .reward-popup-content .reward-con .barcode-box{
  width: 200px;
  margin: 0 auto;
  padding-top: 20px;
}
.reward-popup-inner .reward-popup-content .reward-con .barcode-box img{
  width: 100%;
  pointer-events: none;
} */
/* [e] 250528 삭제 */
/* [e] 250528 추가 */
.reward-popup-inner .reward-popup-content .reward-con .txt-box{
  margin-top:24px;
}
.reward-popup-inner .reward-popup-content .reward-con .txt-box p{
  font-size:16px;
  font-weight:500;
  color:#333;
  line-height:27px;
  text-align:center;
}
/* kjy 추가 250513 start */
.reward-popup-inner .reward-popup-content .txt-box{
  margin-top:24px;
}
.reward-popup-inner .reward-popup-content .txt-box p{
  font-size:16px;
  font-weight:500;
  color:#333;
  line-height:27px;
  text-align:center;
}
/* kjy 추가 250513 end */
.reward-popup-inner .reward-popup-content .reward-con .txt-box .free-desc{
  font-weight: 400;
  color: #666;
}
.reward-popup-inner .modal-footer{
  margin: 0;
}
.form-control.v2{
  border: 1px solid #eee;
  border-radius: 8px;
}
.reward-popup-inner .form-control.v2{
  max-width: 320px;
  margin: 12px auto 20px;
}
.form-control.v2.show .form-button button.delete-button{
  background-image: url(../images/ico_delete_input_gray.svg);
  background-size: 90%;
}
.form-control.v2 .validation-msg{
  font-size: 0.75rem;
}
/* [e] 250508 LG생건 이벤트 */
.roulette-modal .coupang-cps .receipt-list {
  padding: 8px 0 20px;
}
.roulette-modal .coupang-cps .receipt-list dl{
  font-size: 14px;
}
.roulette-modal .coupang-cps .receipt-list dl dt{
  flex:20; /* 250212 추가 */
  overflow: unset;
  max-width: unset;
  line-height: 25px; /* 250212 추가 */
  text-overflow: inherit;
  white-space: inherit;
}
.roulette-modal .coupang-cps .receipt-list dl dd{
  flex:25.6; /* 250212 추가 */
  overflow: hidden;
  max-width: 256px; /* 250206 수정 */
  color: #333; /* 250212 수정 */
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: nowrap;
}
/* [s] 250212 삭제 */
/* .roulette-modal .coupang-cps .receipt-list .winning dt .badge{
  margin-left: 14px;
  padding: 2px 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}
.badge.cancel{
  background: #11111114;
  color: #666;
}
.badge.complete{
  background: #B71256;
  color:#fff;
}
.badge.expected{
  background: #FFF0F5;
  color: #B71256;
}
.roulette-modal .coupang-cps .receipt-list .winning dd{
  margin-left:0;
  color: #B71256;
  line-height: 25px;
} */
/* [e] 250212 삭제 */
/* [e] 250116 추가 */
/* [s] 250212 추가 */
.roulette-modal .coupang-cps .receipt-list dl dd:last-child{
  flex:18.26;
  overflow: unset;
  color:#666;
}
.roulette-modal .coupang-cps .receipt-list dd .cancel-badge{
  padding: 2px 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px; 
}
.roulette-modal .coupang-cps .receipt-list .cancel-badge.done{
  background: #eee;
}
.roulette-modal .coupang-cps .receipt-list dd{
  margin-left:0;
  color: #333;
  line-height: 25px;
}
.roulette-modal .coupang-cps .type-gray{
  padding: 0.75rem;
  background: #777;
  font-size: 1rem;
  color:#fff;
}
.roulette-modal .coupang-cps .type-gray:hover{
  background: #666;
}
/* [e] 250212 추가 */
.disc-list {
  list-style: disc;
  padding-left: 1.5rem;
  margin-top: 1rem;
}

.disc-list li h4 {
  margin-bottom: 0.5rem;
}

.disc-list li span {
  font-size: 0.875rem;
  color: #777;
}

.post-header {
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 0 0 2rem;
}

/* 220330 */
.post-header.con-header {
  padding: 0 0 1.25rem;
}
.post-header.con-header span {
  display: inline-block;
  padding-bottom: 0.8rem;
}
.post-header.con-header .is-point-color {
  line-height: 1.563rem;
}
/* //220330 */

.post-header span.is-point-color {
  margin-right: 0.7rem;
}

.post-header .btn_share {
  position: absolute;
  top: 0;
  right: 0;
  width: 1rem;
  height: 1rem;
  background-color: transparent;
  background-image: url(../images/ico_share.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin-top: 0;
}

.post-header .flex-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.post-header .flex-container .badge {
  -webkit-transform: translatey(0.25rem);
  transform: translatey(0.25rem);
}

.post-header h3 {
  font-size: 1.375rem;
  margin-bottom: 1rem;
  line-height: 1.563rem; /* 220330 추가 */
}

.post-header h3 sub {
  color: #b71256;
  vertical-align: baseline;
  margin-left: 0.25rem;
}

.post-header p {
  font-size: 0.875rem;
  color: #666;
}

.post-header p + p {
  margin-top: 0.375rem;
}

/* 220330 추가 */
.post-header .affiliate-tit {
  display: block;
  padding: 10px 0;
  color: #b71256;
}
/* //220330 */

.post-content {
  padding: 2rem 1rem;
  font-size: 0.875rem;
  line-height: 1.6;
}
/* 20.11.05 */
.post-content {
  padding: 2rem 0;
}
.post-reply {
  background: #fafafa;
  font-size: 0.875rem;
  padding: 2rem 1.5rem;
  margin-bottom: 1rem;
}

.post-reply h4 {
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

.post-reply h4 sub {
  vertical-align: baseline;
  margin-left: 0.25rem;
}

.post-reply article p {
  word-break: break-word;
}

.post-reply article + article {
  margin-top: 2.5rem;
}

.post-reply .post-author {
  color: #666;
  padding: 0 0 0.5rem 0;
}

.post-reply .post-author span {
  display: inline-block;
}

.post-reply .post-author hr {
  display: inline-block;
  width: 1px;
  height: 0.75rem;
  border: none;
  background: #888;
  vertical-align: middle;
  margin: 0 0.375rem;
}

.post-index {
  border-color: #eee;
  border-style: solid;
  border-width: 1px 0;
  padding: 1rem 0;
  margin-bottom: 1rem;
}

.post-index > div {
  padding: 0.5rem 0;
  color: #777;
}
/* [s] 240216 추가 */
.post-index > div .txt-box {
  position: relative;
  padding-left: 72px;
}
.post-index > div .txt-box::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
  margin-top: -0.35rem;
  margin-right: 1rem;
  opacity: 0.5;
  background-image: url("../images/arrow_down.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0.75rem;
}
.post-index > div .txt-box span {
  position: absolute;
  top: 0;
  left: 28px;
}
.post-index > div .txt-box a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  margin-left: 32px;
}

/* [e] 240216 추가 */
/* [s] 240216 삭제 */
/* .post-index > div:before {
  content: '';
  display: inline-block;
  width: .75rem;
  height: .75rem;
  margin-right: 1rem;
  opacity: .5;
  background-image: url("../images/arrow_down.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: .75rem;
} */
/* [e] 240216 삭제 */

.post-index > div:first-child:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* [s] 240219 추가 */
.post-index > div:first-child .txt-box:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* [e] 240219 추가 */

.post-index > div.is-disabled a {
  color: #777; /* 210728 */
  pointer-events: none;
}

.post-index > div a {
  color: #111;
  margin-left: 1.75rem;
}

/* 220413 */
.container.event .coupon-tit {
  font-size: 18px;
  line-height: 25px;
  color: #1e1e1e;
  font-weight: 700;
  text-align: center;
}
.container.event .coupon-date {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 25px;
  color: #b71256;
  text-align: center;
}
.container.event .coupon-date strong {
  margin-right: 6px;
  color: #1e1e1e;
}
.container.event .form-control .coupon-inp {
  border-radius: 6px;
}

.is-collapse .collapse-header {
  display: block;
  position: relative;
  font-size: 1.125rem; /* 24.05.09*/ /* 240527 수정 */
  color: #111;
  /* padding: .75rem 3rem .75rem 1rem; */
  padding: 0.75rem 3rem 0.75rem 0; /*20.11.05*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.is-collapse .collapse-header:before {
  content: "Q.";
  display: inline-block;
  margin-right: 0.5rem;
}

.is-collapse .collapse-header:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("../images/arrow_down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.modal-checklist .is-collapse .collapse-header:after {
  /* 220412 추가 */
  width: 24px;
  height: 24px;
  background-image: url("../images/btn_arw_down.png");
}

/* 20.11.05 */
.faqList-area .is-collapse .collapse-header:after {
  right: 0;
}

.is-collapse .collapse-header.show:after {
  -webkit-transform: translateY(-50%) rotateX(180deg);
  transform: translateY(-50%) rotateX(180deg);
}

.is-collapse .collapse-header.show.full-title {
  width: 100%;
  text-overflow: unset;
  white-space: normal;
}

/* .is-collapse .collapse-header.show.full-title:after {
	top:18px;
	-webkit-transform: translateY(0);
          transform: translateY(0);
} 230302 삭제 */

.is-collapse .collapse-content {
  display: none;
  background: #f9f9f9; /* 210727 */
  color: #666;
  font-size: 0.875rem;
  padding: 1.5rem 2rem 1.5rem 1.5rem;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  word-break: break-all; /* 210805 */
  overflow-wrap: break-word;
  white-space: normal;
}

/* 210805 */
.is-collapse .collapse-content #editor {
  word-break: break-all;
}

/* 21110402 */
.is-collapse .collapse-content p:not(.validation-msg) {
  position: relative;
  padding-left: 1.5rem;
}

.is-collapse .collapse-content p:before {
  position: absolute;
  top: 0;
  left: -0.625rem;
  content: "└ A.";
}

/* [s] 230904 */
.notice-box {
  padding-top: 40px;
}
.notice-box .collapse-header {
  height: 40px;
  margin: 8px 0;
  padding: 10px 30px 10px 0;
  border-bottom: 1px solid #e2e2e2;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  line-height: 20px;
}
.notice-box .is-collapse:first-child .collapse-header {
  margin-top: 0;
}
.notice-box .is-collapse:last-child .collapse-header {
  border-bottom: 0;
}
.notice-box .collapse-header::before {
  display: none;
}
.notice-box .collapse-header::after {
  right: 0;
  width: 20px;
  height: 20px;
  background: url(../images/arrow_down_gray.svg) no-repeat 50%/ 20px;
}
.notice-box .collapse-header.show {
  border-color: transparent;
}
.notice-box .collapse-content {
  margin-bottom: 0;
  padding: 20px;
}
.notice-box .collapse-content ul li {
  position: relative;
  margin-top: 0;
  padding-left: 20px;
  font-size: 13px;
  line-height: 19px;
}
.notice-box .collapse-content ul li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 8px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #333;
}
/* [e] 230904 */

/* 220413 */
.modal.modal-checklist .is-collapse .collapse-content p:before {
  display: none;
}

.tooltip {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.tooltip button:not(.close-button) {
  /* 210203 */
  color: #333;
  font-size: 1rem;
  background: transparent;
  border: none;
  padding: 0;
  height: auto;
  padding: 0.25rem 1.625rem 0.25rem 0;
  cursor: help;
  background-image: url("../images/ico_noti.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.25rem;
}

.tooltip .tooltip-panel {
  display: none;
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  background: #ddd;
  border-radius: 0.25rem;
  color: #666;
  font-size: 0.8rem;
  padding: 1rem 1.5rem; /* 210419 */
  z-index: 2;
}

.tooltip .tooltip-panel:before {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: 1.5rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #ddd;
}

/* [s] 210203 */
.tooltip.show .tooltip-panel,
.tooltip.type2.show .tooltip-panel {
  display: block;
}

.tooltip.type2 button:not(.close-button) {
  padding: 0.8rem;
  vertical-align: middle;
  background-position: center;
}
.tooltip.type2 .tooltip-panel {
  bottom: 8.2rem;
  left: 0;
  background: #f5f5f5;
  width: 100%;
  max-width: 22rem;
  padding: 1rem 2rem 1rem 1.25rem;
  border: 1px solid #ccc;
  line-height: 1.45;
}
.tooltip.type2 .tooltip-panel:before {
  top: inherit;
  bottom: -1rem;
  left: 5.7rem;
  -webkit-transform: none;
  transform: none;
  border: none;
  width: 2rem;
  background: url(../images/bg_tootip.png) no-repeat center;
  background-size: contain;
  height: 1rem;
}
.tooltip.type2 .tooltip-panel .close-button {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
}
/* [e] 210203 */

.badge {
  display: inline-block;
  background: #95afc0;
  color: white;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.25rem 1rem;
  border-radius: 9999px;
}

.badge.vvip {
  background: #4834d4;
}

.badge.vip,
.badge.is-primary {
  background: #be2edd;
}

.badge.diamond {
  background: #22a6b3;
}

.badge.gold,
.badge.is-progressed {
  background: #f9ca24;
  color: #000; /* 210728 */
}

.policy {
  font-size: 0.875rem;
  letter-spacing: 0;
}

.policy section {
  margin-left: -12rem !important;
  margin-right: -12rem !important;
  padding: 1rem 0;
}

/* [s]210428 */
.policy.type2 {
  padding-top: 1rem;
  height: 170px;
}
.policy.type2 article {
  padding: 0.5rem 0;
}
.policy.type2 article:first-child {
  padding-top: 0;
}

.policy.type2 article + article {
  margin-top: 0;

  border-top: 1px solid #eee;
}
/* [e]210428 */

/* 20201005 kjh 추가 */
.container.tws-container .wrapper {
  width: 100%;
  max-width: 60rem;
}

.container.tws-container .wrapper .policy section {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* end 20201005 kjh 추가 */

.policy section .page-title {
  padding-top: 2rem !important;
}

.policy .clear-fix {
  margin-bottom: -1rem;
}

.policy .clear-fix .is-pulled-right {
  float: left !important; /* 230127 추가 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.policy .clear-fix span {
  display: inline-block;
  font-size: 0.75rem;
  margin: 0 0.5rem 0.25rem 0;
}

.policy .clear-fix select {
  height: inherit;
  font-size: 0.875rem !important; /* 230127 수정 */
  line-height: normal; /* 230127 추가 */
  border: 1px solid #bbb;
  padding: 0.25rem 2.25rem 0.25rem 0.5rem;
}

.policy .clear-fix button {
  font-size: 0.875rem;
  background: #333;
  border-color: transparent;
  border-radius: 0;
  color: white;
  height: initial;
  padding: 0.25rem 0.75rem;
  margin-left: 0.25rem;
}

.policy article + article {
  margin-top: 1rem;
}

.policy h4,
.policy h5,
.policy p {
  margin: 0.5rem 0;
}

.policy p + p {
  margin-top: 1rem;
}

.policy h4,
.policy h5 {
  font-size: 1.25em;
  font-weight: 500;
  padding: 1.25rem 0 0.5rem;
}

.policy h5 {
  font-size: 1em;
}

.policy ol ol,
.policy ol ul {
  color: #707070;
  padding: 0.5rem 0 0.75rem 1.125rem;
}

.policy ol li,
.policy ul li {
  margin: 0 0 0.5rem 0;
  color: #333; /* 210428 */
}

.policy p,
.policy li,
.policy blockquote {
  line-height: 1.6;
  /* tws */
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  /* //tws */
}

.policy p:last-child,
.policy li:last-child,
.policy blockquote:last-child {
  margin-bottom: 0;
}

.policy blockquote {
  margin: 0;
  background: #f2f2f2;
  color: #666;
  padding: 1rem 1.5rem;
  margin: 0.5rem 0;
}

.policy small {
  display: block;
  font-size: 0.75rem;
  margin: 0.5rem 0;
}

.policy sub {
  display: block;
}

.policy mark {
  display: block;
  text-align: center;
  font-weight: 500;
  padding: 2rem 0;
  background: none;
}

.policy table {
  border-collapse: 0;
  font-size: 0.75rem;
}

.policy table + table {
  margin-top: 1rem;
}

.policy table caption {
  /* text-align: left;
  font-weight: 500;
  padding: .5rem 0; 220614 삭제 */
  /* [s] 220614 */
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  /* [e] 220614 */
}

.policy table th {
  border-bottom: 1px solid white;
}

.policy table tbody tr th {
  border-right: 1px solid white;
}

.policy table tbody tr:last-child th {
  border-bottom: none;
}

.policy table td {
  color: #707070;
}

.policy aside {
  display: inline-block;
  border: 1px solid #e2e2e2;
  font-size: 0.75rem;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
}

.policy a {
  color: #b71256;
}

.policy a:hover {
  text-decoration: underline;
}

body.main {
  background: #f7f7f7;
}

body.main header {
  background: transparent;
  border: none;
}

body.main .container .wrapper {
  width: 100%;
  padding: 0 2rem;
}

body.main .container .wrapper > .flex-container {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

body.main .container .wrapper > .flex-container > div {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  padding: 1rem;
}

body.main .container .wrapper > .flex-container > div:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 29.5rem;
  flex: 0 0 29.5rem;
}

body.main .container .wrapper > .flex-container > div section {
  height: 100%;
  padding: 0.5rem 0;
}

body.main .container .wrapper > .flex-container .box {
  background: white;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 2.5rem;
  height: 100%;
}

body.main .container .wrapper > .flex-container .box > .is-half {
  margin: 0 -1rem;
}

body.main .container .wrapper > .flex-container .box > .is-half > div {
  padding: 0 1rem;
}

body.main .container .wrapper > .flex-container .box .say-hello {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.25rem;
}

body.main .container .wrapper > .flex-container .box .say-hello span {
  position: relative;
  z-index: 2;
}

body.main .container .wrapper > .flex-container .box .say-hello span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: calc(100% + 2.5rem);
  background: #b71256;
  opacity: 0.1;
  height: 1.25rem;
  z-index: 1;
}

body.main .container .wrapper > .flex-container .box .say-hello + a {
  color: #777;
  font-size: 0.875rem;
}

body.main .container .wrapper > .flex-container .box .say-hello + a svg {
  display: block;
  width: 3.25rem;
  height: 3.25rem;
  margin: 0 auto 0.25rem;
}

body.main .container .wrapper > .flex-container .box .personal-info {
  margin-top: 2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.main .container .wrapper > .flex-container .box .personal-info h4 + p {
  font-size: 1.125rem;
  font-weight: 500;
  color: #666;
  margin-top: 0.25rem;
}

body.main .container .wrapper > .flex-container .box .personal-info button {
  height: auto;
  font-size: 0.75rem;
  color: #111;
  border-color: #eee;
  border-radius: 0.25rem;
  padding: 0.375rem 0.625rem;
}

body.main .container .wrapper > .flex-container .box .personal-info a {
  font-size: 0.875rem;
}

body.main .container .wrapper > .flex-container .box .box-title {
  font-size: 1.375rem;
}

body.main .container .wrapper > .flex-container .box .box-title + p {
  font-size: 0.875rem;
  color: #aaa;
  margin-bottom: 2rem;
}

body.main .container .wrapper > .flex-container .box h4 + a {
  font-size: 0.875rem;
  color: #111;
}

body.main .container .wrapper > .flex-container .box .image-area {
  position: relative;
  text-align: center;
  padding: 2rem 0;
}

body.main .container .wrapper > .flex-container .box .image-area > span {
  position: absolute;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.25rem 1rem;
  border-radius: 9999px;
  background: #f5f5f5;
  color: #ccc;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .image-area
  > span:first-child {
  top: 1.5rem;
  left: 2rem;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .image-area
  > span:nth-child(2) {
  top: 4.5rem;
  left: 0;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .image-area
  > span:nth-child(3) {
  bottom: 4.5rem;
  right: 0;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .image-area
  > span:nth-child(4) {
  bottom: 1.5rem;
  right: 2rem;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .image-area
  > span.is-active {
  color: #b71256;
  background: #facee0;
}

body.main .container .wrapper > .flex-container .box .image-area + a {
  display: block;
  text-align: center;
  font-size: 0.875rem;
  color: #aaa;
  margin: 1rem auto 0;
}

body.main .container .wrapper > .flex-container .box .image-area div {
  display: inline-block;
  border-radius: 50%;
}

body.main .container .wrapper > .flex-container .box .image-area > div {
  background: #fbe7ec;
  border: 1rem solid #fdf3f5;
  padding: 0.75rem;
}

body.main .container .wrapper > .flex-container .box .image-area > div > div {
  background: white;
  border: 0.5rem solid #f9d9e1;
}

body.main .container .wrapper > .flex-container .box .image-area img {
  width: 3.75rem;
  height: 3.75rem;
}

body.main .container .wrapper > .flex-container .box .lg-time {
  border: 1px solid #eee;
  border-radius: 0.25rem;
  padding: 1rem;
  margin: 1rem 0 2rem;
}

body.main .container .wrapper > .flex-container .box .lg-time .is-half {
  text-align: center;
  color: #777;
}

body.main .container .wrapper > .flex-container .box .lg-time .is-half .days {
  color: #111;
}

body.main .container .wrapper > .flex-container .box .lg-time .is-half .days p {
  color: #aaa;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .lg-time
  .is-half
  .days
  span {
  font-size: 2.25rem;
  color: #b71256;
  font-weight: 500;
  margin-right: 0.25rem;
}

body.main .container .wrapper > .flex-container .box .lg-time p {
  font-size: 0.75rem;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .purchase-history
  ul
  .flex-container {
  margin-top: 0.625rem;
  font-size: 0.75rem;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .purchase-history
  ul
  .flex-container
  span {
  color: #666;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .purchase-history
  ul
  .flex-container
  span:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .purchase-history
  ul
  .flex-container
  span:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 60%;
  flex: 1 0 60%;
  padding: 0 1rem;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .purchase-history
  ul
  .flex-container
  span:last-child {
  color: #aaa;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  text-align: right;
}

body.main .container .wrapper > .flex-container .box .membership-status ul {
  margin-top: 1rem;
}

body.main .container .wrapper > .flex-container .box .membership-status li {
  padding: 1.125rem 0;
  margin: 0;
  border-top: 1px solid #eee;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .membership-status
  li:first-child {
  border-top: none;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .membership-status
  .flex-container
  + .flex-container {
  margin-top: 0.5rem;
}

body.main .container .wrapper > .flex-container .box .membership-status h5 {
  font-size: 0.875rem;
  font-weight: 400;
}

body.main .container .wrapper > .flex-container .box .membership-status .badge {
  font-size: 0.75rem;
  padding: 0.25rem 1rem;
}

body.main .container .wrapper > .flex-container .box .membership-status p {
  font-size: 0.75rem;
  color: #aaa;
}

body.main
  .container
  .wrapper
  > .flex-container
  .box
  .membership-status
  p
  + span {
  color: #666;
}

.underage {
  padding: 1rem 0 1rem 1.25rem;
}

.underage .note {
  margin-left: -1.25rem;
  margin-bottom: 0.25rem;
}

.button-approval {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background: #f2f2f2;
  font-size: 0.875rem;
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.button-approval:hover .title {
  color: #333;
}

.button-approval:before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-image: url("../images/chk_s_on.svg");
  background-position: center;
  background-size: 0;
  background-repeat: no-repeat;
  background-color: white;
  margin-right: 1rem;
}

.button-approval .complete {
  position: absolute;
  top: 50%;
  right: 1rem;
  color: #00c66b;
  font-size: 0.75rem;
  -webkit-transform: translateY(-1.5rem);
  transform: translateY(-1.5rem);
  opacity: 0;
  -webkit-transition: 0.4s ease-in;
  transition: 0.4s ease-in;
}

.button-approval .title {
  position: relative;
  color: #666;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.button-approval .title:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -0.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  opacity: 0;
  height: 1px;
  background: #666;
}

.button-approval.approve:before {
  -webkit-animation: approve-before 0.55s forwards;
  animation: approve-before 0.55s forwards;
}

.button-approval.approve .complete {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
}

.button-approval.approve .title {
  color: #bbb;
}

.button-approval.approve .title:before {
  -webkit-animation: approve-after 0.3s forwards;
  animation: approve-after 0.3s forwards;
}

/* 211116 */
.qr-box {
  text-align: center;
}
.qr-box .qr-img {
  width: 50%;
  max-width: 220px;
}
.qr-box .flex-container {
  max-width: 220px;
  margin: 0 auto;
  padding: 0 !important;
  width: 50%;
  min-width: 175px;
}
.qr-box .time {
  font-size: 0.875rem;
  line-height: 32px;
}
.qr-step {
  padding-bottom: 2rem;
}
.qr-step li {
  padding-bottom: 135px;
  padding-left: 25px;
  position: relative;
  margin-bottom: 2rem;
  background: url("../images/img-qr1.jpg") no-repeat center bottom / 100px auto;
}
.qr-step .num {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  font-size: 0.825rem;
  color: #fff;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 10px;
  background: #777;
}
.qr-step .qr-step2 {
  background-image: url("../images/img-qr2.jpg");
}
.qr-step .qr-step3 {
  background-image: url("../images/img-qr3.jpg");
}
.or {
  padding: 1rem 0;
  text-align: center;
  background: url("../images/bg-dot.jpg") repeat-x center;
}
.or span {
  display: inline-block;
  padding: 0 1rem;
  background: #fff;
}
.ico_qr {
  display: inline-block;
  margin: 0 2px 0 5px;
  width: 1rem;
  height: 1rem;
  vertical-align: -2px;
  background: url("../images/ico_qr.jpg") no-repeat center / 100% auto;
}

/* 21112202 */
.container.event .wrapper .page-title {
  display: none;
}
.container.event .wrapper .page-title.show {
  display: block;
} /* 230608 추가 */
/* .banner-box{margin-bottom:24px;} */ /* 220721 삭제 */
.event img {
  width: 100%;
  vertical-align: top;
}
.img-event {
  display: block;
  margin-bottom: 1rem;
}

/* 220117 */
.share-content .sns-list {
  text-align: center;
}
.share-content .sns-list a {
  margin: 0 0.625rem;
}
.share-content .sns-list img {
  width: 3.75rem;
  height: 3.75rem;
}
.share-content .copy-url {
  position: relative;
  margin: 1rem 0 0; /* 240312 수정 */
}
.share-content .copy-url input {
  height: 3.25rem !important;
  border: 1px solid #eee !important;
  border-radius: 0.25rem;
}
.share-content .copy-url .btn-copy {
  position: absolute;
  top: 0;
  right: 0;
  background: #333;
  border: none;
  color: #fff;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  vertical-align: top;
}

/* 220211*/
.bnft-content .img-event {
  position: relative;
  margin-bottom: 0;
}
.bnft-content .img-event:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    #1e1e1e 1.75%,
    rgba(21, 21, 21, 0.51) 44.22%,
    rgba(35, 35, 35, 0) 69.3%
  );
}
.bnft-content .img-event .txt-area {
  position: absolute;
  bottom: 1.25rem;
  left: 0;
  width: 100%;
  padding: 0 1.25rem;
  font-family: "noto";
}
.bnft-content .img-event .tit {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  word-break: break-all;
  margin-bottom: 0.5rem; /* font-size:18px; 220607 삭제 */
  font-size: 20px;
  font-weight: 700;
  color: #f0f0f0; /* white-space: nowrap; 220607삭제 */
} /* 220715 font-size수정 및 말줄임 추가 */
.bnft-content .img-event .sub-txt {
  /* font-size:12px; 220607 삭제 */
  font-size: 14px;
  color: #f0f0f0;
  line-height: 18px;
  word-break: break-all;
}
.bnft-content .img-event .mem-badge {
  position: absolute;
  top: 0;
  left: 0;
  background: #b71256;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  padding: 0.5rem 1rem;
}
.bnft-content .link-box {
  position: relative;
  height: 3.125rem;
  padding: 0 1.25rem !important;
  margin-bottom: 1rem;
  line-height: 3.125rem;
  background: #b71256;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  font-family: "noto";
} /* 220325 padding값 !important 추가 */
.bnft-content .link-box:after {
  content: "";
  position: absolute;
  right: 1.25rem;
  top: 1rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url("../images/ico_link.png") no-repeat 0 / 1.25rem;
}

/* 220330 */
.bnft-content .link-none-box:after {
  display: none;
}
/* //220330 */

/* 220325 */
.bnft-content ul.has-border li {
  padding: 2.4rem 0;
}
.bnft-content ul.has-border li:first-child {
  padding: 0 0 2.4rem;
} /* 220817 추가 */
.bnft-content ul.has-border li a {
  padding: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .button-approval.approve:before {
    background-image: url("../images/chk_s_on.svg");
    background-position: center;
    background-size: 1rem;
    background-repeat: no-repeat;
    background-color: white;
  }
}

@-webkit-keyframes approve-before {
  0% {
    background-size: 0rem;
  }
  60% {
    background-size: 1.25rem;
  }
  80% {
    background-size: 1.25rem;
  }
  100% {
    background-size: 1rem;
  }
}

@keyframes approve-before {
  0% {
    background-size: 0rem;
  }
  60% {
    background-size: 1.25rem;
  }
  80% {
    background-size: 1.25rem;
  }
  100% {
    background-size: 1rem;
  }
}

@-webkit-keyframes approve-after {
  0% {
    width: 0;
  }
  100% {
    width: 105%;
    opacity: 1;
  }
}

@keyframes approve-after {
  0% {
    width: 0;
  }
  100% {
    width: 105%;
    opacity: 1;
  }
}

.result-number-bar {
  font-size: 0.875rem;
  color: #666;
  border-bottom: 1px solid #eee;
  padding: 1rem 0;
  margin: 0.5rem 0; /* 240527 수정 */
}

.container .wrapper.introduce-wrap {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;

  /* 21063005 */
  padding: 0 !important;

  /* 21070202 
  padding:0 0 constant(safe-area-inset-bottom) 0 !important;
  padding:0 0 env(safe-area-inset-bottom) 0 !important;
  */
}
.container .wrapper.introduce-wrap .content-area {
  padding-bottom: 0;
}
.container .wrapper.introduce-wrap .content-area > div {
  margin: 0;
  padding: 0;
}
.container .wrapper.introduce-wrap .content-area > div + div {
  margin-top: 0;
}
.introduce-wrap .content-area {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans KR";
}

.introduce-cont {
  display: block;
  position: relative;
  width: 100%;

  /* 210601 수정 */
  min-height: 410px;
  height: 410px;

  margin: 0;
  padding: 0;
}
.introduce-cont .flex-container {
  height: 100%;
}

.intro-inner {
  display: block;
  position: relative;

  /* 210601 수정  */
  width: 100%;
  max-width: 528px;
  height: 100%;
  margin: 0 auto;
  padding: 50px 30px;
}

/* 210601 수정  */
.introduce-cont .img-txt {
  display: block;
  width: 170px;
  margin: 5px auto 0;
}

.introduce-cont .img-txt img {
  display: block;
  width: 100%;
}
.introduce-cont.int-section07 .img-txt {
  display: block;
  margin: 0 auto 10px; /* 210601 수정  */
}
/* [s] 220609 */
.introduce-cont.int-section07 .affiliates-area {
  justify-content: flex-start;
}
/* [e] 220609 */
.introduce-cont .text-box {
  display: block;
  position: relative;
  color: #202020;
  font-weight: 400;
  letter-spacing: -1.2px;
}

/* [s]210601 수정  */
.introduce-cont .text-box .mo-hidden {
  display: none;
}

.introduce-cont .text-box p {
  color: #4f4f4f;
  font-size: 28px;
  text-align: center;
}

.introduce-cont .text-box p .fnt-bold {
  color: #000;
}

.introduce-cont.int-section05 .text-box p .fnt-bold {
  display: block;
}

.introduce-cont .feature-area {
  /* display: flex;*/
  position: relative;
  /* justify-content: center;*/
  width: 100%;
}

/* 210601 삭제 
.introduce-cont .feature-area li.feature-box {
  margin-top: 0rem;
}*/

.introduce-cont .feature-area .feature-box {
  display: block;
  position: relative;
  /*flex-direction: column;
  justify-content: center;
  align-items: center;*/
}

/* 210601 삭제 
.introduce-cont .feature-area .feature-box + .feature-box {
  margin-left:170px;
} */

/* [e]210601 수정  */

.feature-box .feature-desc {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}

/* [s]210601 수정  */
.introduce-cont .affiliates-area {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  /* margin-top:50px; 220609 삭제 */
  margin-top: 30px; /* 220609 수정 */
}
.introduce-cont .affiliates-area .affiliates-list {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  width: 33%;
  /* margin:0 0 40px; 220609 삭제 */
  margin: 0 0 20px; /* 220609 수정 */
}
.introduce-cont .affiliates-area .affiliates-list .bg-image {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  background-color: transparent;
  /* border-radius: 20px; 220609 삭제 */
  /* box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.08); 220609 삭제 */
}

/* .introduce-cont .affiliates-area .affiliates-list:nth-child(10),
.introduce-cont .affiliates-area .affiliates-list:nth-child(11),
.introduce-cont .affiliates-area .affiliates-list:nth-child(12){
	margin-bottom:0
} 220609 삭제 */

/* [e]210601 수정  */

/* 210826 
.introduce-cont .affiliates-area .affiliates-list:nth-child(9) .bg-image {
  border-radius: 35px;
}

*/

.introduce-cont .affiliates-area .affiliates-list:nth-child(7) {
  margin-left: 0;
}
.introduce-cont .affiliates-area .affiliates-list .affiliates {
  padding-top: 10px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #333;
}

/* [s] 210601 수정 */
.introduce-cont .bgImage-box {
  display: block;
  position: relative;
  width: 100%;
  max-width: 375px;
  height: 100%;
  margin: 0 auto;
}
/* [e] 210601 수정 */

.introduce-cont .bgImage-box .bg-image {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

/* [s] 210601 수정 */
.introduce-cont .bgImage-box.img-col02 {
  width: 350px;
  height: 360px;
  margin-top: 10px;
}
.introduce-cont .bgImage-box.img-col02 .bg-image {
  height: 170px;
  margin-top: 20px;
}
/* [e] 210601 수정 */

.bgImage-box .bg-image.youtube-thumb {
  /* 220222 추가 */
  background: url("../images/youtube-thumb.png") no-repeat center center / 100%;
}
.bgImage-box .bg-image.intro01-img {
  background: url("../images/img_intro01_mo.png") no-repeat center 0 / 250px
    auto; /* 210628 */
}
.bgImage-box .bg-image.termsGif-img {
  background: url("../images/img_terms.gif") no-repeat center center / 120%; /* 210601 수정  */
}
.bgImage-box .bg-image.tokenGif-img {
  background: url("../images/img_token_click.gif") no-repeat center -30px / 110%; /* 210601 수정  */
}
.bgImage-box .bg-image.intro02-1-img {
  background: url("../images/img_intro02-1.png") no-repeat center center / 100%;
}
.bgImage-box .bg-image.intro02-2-img {
  background: url("../images/img_intro02-2.png") no-repeat center center / 100%;
}
.bgImage-box .bg-image.intro02-3-img {
  background: url("../images/img_intro02-3.png") no-repeat center center / 100%;
}
.bgImage-box .bg-image.intro03-img {
  background: url("../images/img_intro03.png") no-repeat center center / 130%
    auto; /* 210601 수정  */
}
.bgImage-box .bg-image.intro06-pc {
  box-shadow: 5px 20px 25px 0 rgba(0, 0, 0, 0.08);
  background: url("../images/img_intro06-1.png") no-repeat center -10px / 100%;
}
.bgImage-box .bg-image.intro06-mobile {
  box-shadow: 5px 20px 25px 0 rgba(0, 0, 0, 0.08);
  background: url("../images/img_intro06-2.png") no-repeat -33px -25px / 120%
    auto;
}
/* [s] 220609 */
.affiliates-list .bg-image.uPlus-homepage {
  background: url("../images/img_intro08-1.png") no-repeat center center / 100%;
}
/* [e] 220609 */
.affiliates-list .bg-image.uPlus-callcenter {
  background: url("../images/img_intro08-2.png") no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-data {
  background: url("../images/img_intro08-5.png") no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-members {
  background: url("../images/img_intro08-3.png") no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-mobile {
  background: url("../images/img_intro08-4.png") no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-smart {
  background: url("../images/img_intro08-6.png") no-repeat center center / 100%;
}
/* .affiliates-list .bg-image.uPlus-idol {
  background: url('../images/img_intro07-15.png') no-repeat center center / 100%; 
} 210826 220609 삭제 */
.affiliates-list .bg-image.uPlus-myhome {
  background: url("../images/img_intro08-7.png") no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-element {
  background: url("../images/img_intro08-8.png") no-repeat center center / 100%;
}
/* [s] 220609 */
.affiliates-list .bg-image.uPlus-spam {
  background: url("../images/img_intro08-9.png") no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-lost {
  background: url("../images/img_intro08-10.png") no-repeat center center / 100%;
}
.affiliates-list .bg-image.hello-mobile {
  background: url("../images/img_intro08-11.png") no-repeat center center / 100%;
}
.affiliates-list .bg-image.hello-vision {
  background: url("../images/img_intro08-12.png") no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-pineapple {
  background: url("../images/img_intro08-13.png") no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-twins {
  background: url("../images/img_intro08-14.png") no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-resort {
  background: url("../images/img_intro08-15.png") no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-liftcare {
  background: url("../images/img_intro08-16.png") no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-artcenter {
  background: url("../images/img_intro08-17.png") no-repeat center center / 100%;
}
/* [e] 220609 */
/* .affiliates-list .bg-image.uPlus-thinq {
  background: url('../images/img_intro07-17.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-mall {
  background: url('../images/img_intro07-16.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-client {
  background: url('../images/img_intro07-13.png') no-repeat center center / 100%;
}
.affiliates-list .bg-image.uPlus-dotmall {
  background: url('../images/img_intro07-14.png') no-repeat center center / 100%;
} 210826 220609 삭제  */

/* 210628  */
.introduce-cont.int-section01 {
  height: 780px;
}

/* 210628  */
.introduce-cont.int-section01 .bgImage-box {
  /* 220222 수정 */
  /* height:72% ; */
  height: 211px;
  margin: 60px 0;
}

.introduce-cont.int-section01 .text-box h3 {
  font-weight: 400;
  font-size: 36px;
  padding: 0 0 30px;
}
/* [e]210601 수정  */

.introduce-cont.int-section01 .text-box h3 .is-point-color {
  font-weight: 500;
}
.introduce-cont.int-section01 .subText-box {
  display: block;
  position: relative;
  margin-left: 20px;
}
.introduce-cont.int-section01 .subText-box p {
  display: block;
  position: relative;
  font-size: 16px; /* 210601 수정  */
}
.introduce-cont.int-section01 .subText-box p span {
  display: inline-block;
  position: relative;
}
.introduce-cont.int-section01 .subText-box p span::before {
  display: block;
  position: absolute;
  top: 5px;
  left: -15px;
  color: #b71256;
  content: "*";
}
.introduce-cont.int-section01 .subText-box .define {
  font-size: 20px; /* 210601 수정  */
  font-weight: 500;
}
.introduce-cont.int-section01 .subText-box .define .is-point-color {
  font-weight: 500;
}
/* [s]220222 */
.introduce-cont.int-section01 .btn-play {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  background: url("../images/btn-play.png") no-repeat;
  background-size: 60px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border: none;
  color: transparent;
}
.introduce-cont.int-section01 .video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.introduce-cont.int-section01 .video-wrap video {
  width: 100%;
  height: 100%;
}
/* [e]220222 */

.introduce-cont.int-section02 {
  height: 670px; /* 210601 수정  */
}
.introduce-cont.int-section02 .feature-desc strong {
  font-size: 22px;
}
.introduce-cont.int-section02 .feature-desc span {
  font-size: 18px;
  color: #777;
}

/* [s]210601 수정  */
.introduce-cont.int-section02 .bgImage-box {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.introduce-cont.int-section03 {
  height: 600px;
}
.introduce-cont.int-section03 .intro-inner {
  padding-bottom: 0;
}
.introduce-cont.int-section03 .bgImage-box {
  height: 450px;
}

.introduce-cont.int-section04 {
  height: 700px;
}

.introduce-cont.int-section04 .bgImage-box {
  height: 515px;
}

/* 
.introduce-cont.int-section01 .bgImage-box::before {
  content:"";
  display: block;
  position: absolute;
  bottom:0;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  z-index: 2;
}
*/
/* [e]210601 수정  */

.introduce-cont.int-section04 .bgImage-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -10px;
  width: 100px;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
  z-index: 1; /* 210601 수정  */
}
.introduce-cont.int-section04 .bgImage-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -10px;
  width: 100px;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
  z-index: 1; /* 210601 수정  */
}
.introduce-cont.int-section04 .bgImage-box .bg-image::before {
  content: "";
  display: block;
  position: absolute;
  top: 20px; /* 210601 수정  */
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(to top, rgba(255, 255, 255, 0), #fff);
  z-index: 1; /* 210601 수정  */
}
.introduce-cont.int-section04 .bgImage-box .bg-image::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 25px; /* 210601 수정  */
  left: 0;
  width: 100%;
  height: 26px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  z-index: 1; /* 210601 수정  */
}

/* [s]210601 수정  */
.introduce-cont.int-section05 {
  height: 550px;
}

.introduce-cont.int-section05 .bgImage-box {
  height: 365px;
}
/* [e]210601 수정  */

.introduce-cont.int-section05 .bgImage-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -5px;
  width: 50px;
  height: 100%;
  background: linear-gradient(to left, rgba(245, 245, 245, 0), #f5f5f5);
  z-index: 1; /* 210601 수정  */
}
.introduce-cont.int-section05 .bgImage-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -5px;
  width: 50px;
  height: 100%;
  background: linear-gradient(to right, rgba(245, 245, 245, 0), #f5f5f5);
  z-index: 1; /* 210601 수정  */
}

/* [s]210601 수정  */
.introduce-cont.int-section05 .bgImage-box .bg-image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(to top, rgba(245, 245, 245, 0), #f5f5f5);
  z-index: 1;
}
.introduce-cont.int-section05 .bgImage-box .bg-image::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(to bottom, rgba(245, 245, 245, 0), #f5f5f5);
  z-index: 1;
}

/* [s] 240704 */
.main-cont06{
  position:relative;
  padding:1rem 0 4.375rem;
}
.main-cont06 .info-wrap{
  position:relative;
  z-index:10;
  max-width:43rem;
  margin:0 auto;
  padding:0 2%;
}
.main-cont06 .txt-area{
  top:50px;
  padding:0;
  text-align:left;
  opacity:0;
}
.main-cont06.play .txt-area{
  -webkit-animation:tit-action-06 1.2s ease-in-out normal forwards running;
  animation:tit-action-06 1.2s ease-in-out normal forwards running;
}
.main-cont06 .txt-area h2 span{
  display:block;
}
.main-cont06 .service-list{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -moz-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:start;
  -moz-box-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-lines:multiple;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  position:relative;
  max-width:56.875rem;
  margin-left:-3.125rem;
}
.main-cont06 .service-list li{
  position:relative;
  width:5rem;
  margin-top:0;
  margin-left:3.125rem;  
  padding-bottom:6.312rem;
  text-align:center;
}
.main-cont06 .service-list li .bg-image{
  position:relative;
  width:5rem;
  height:5rem;
  margin:0 auto;
  border-radius:0.875rem;
  -webkit-box-shadow:0.25rem 0.5rem 0.875rem #f8e9ef;
  box-shadow:0.25rem 0.5rem 0.875rem #f8e9ef;
}
.main-cont06.play .service-list li .bg-image{
  -webkit-animation:service-img-action-06 1s ease-in-out 1s normal forwards running;
  animation:service-img-action-06 1s ease-in-out 1s normal forwards running;
}
.main-cont06 .service-list li .bg-image.uPlus-homepage{
  background:url(../images/service_01_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-callcenter{
  background:url(../images/service_02_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-members{
  background:url(../images/service_03_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-lost{
  background:url(../images/service_04_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-mobile{
  background:url(../images/service_05_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-data{
  background:url(../images/service_06_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-smart{
  background:url(../images/service_07_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-pineapple{
  background:url(../images/service_08_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-twins{
  background:url(../images/service_09_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-resort{
  background:url(../images/service_10_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.hello-mobile{
  background:url(../images/service_11_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.hello-vision{
  background:url(../images/service_12_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-myhome{
  background:url(../images/service_13_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-element{
  background:url(../images/service_14_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-spam{
  background:url(../images/service_15_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-liftcare{
  background:url(../images/service_16_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-artcenter{
  background:url(../images/service_17_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.uPlus-mycar{
  background:url(../images/service_18_v2.png)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.l-care-members{
  background:url(../images/service_19_v2.svg)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.lg-pral{
  background:url(../images/service_lg_pral_v2.svg)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.lg-market{
  background:url(../images/logo_seasonal_market2.svg)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li .bg-image.lg-connect{
  background:url(../images/logo_connect2.svg)no-repeat 50% / 5rem;
}
.main-cont06 .service-list li span{
  display:block;
  position:absolute;
  top:5.625rem;
  left:50%;
  -moz-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  font-size:0.875rem;
  line-height:1.312rem;
  letter-spacing:-0.05rem;
  white-space:nowrap;
}
.main-cont06 .service-list li .bg-image.l-care-members + span{
  line-height:18px;
}

@media only screen and (max-width:900px){
.main-cont06 .service-list{
  padding-left:42px;
}
}
@media only screen and (max-width:810px){
.main-cont06 .service-list{
  margin-left: -2.312rem;
}
.main-cont06 .service-list li{
  margin-top:0;
  margin-left: 2.312rem;
  padding-bottom: 4.375rem;
}
}
@media only screen and (max-width:742px){
.main-cont06 .service-list{
  padding-left:72px;
}
}
@media only screen and (max-width:650px){
.main-cont06 .service-list{
  padding-left:80px;
}
}
@media only screen and (max-width:560px){
.introduce-cont.int-section07.height_unset{
  height:unset;
}
.main-cont06 .service-list{
  padding-left:40px;
}
.main-cont06 .service-list li{
  width: 33.333%;
  margin-left: 0;
}
}
@media only screen and (max-width:320px){
.main-cont06 .service-list li{
  width: 50%;
}
/* [s] 241126 쿠팡 csp */
/* 메인페이지 */
.coupang-cps .coupang-main{
  margin:0 -1.5rem;
  background-size:cover;
}
.coupang-cps .coupang-prd-search .tab-filter-wrap{
  margin-right:-1.5rem !important;
}
.coupang-cps .coupang-prd-search .col-list-wrap{
  margin-right:-1.5rem;
}
.coupang-cps .coupang-prd-search .col-list-wrap .swiper-container .swiper-button-next,
.coupang-cps .coupang-prd-search .col-list-wrap .swiper-container .swiper-button-prev{
  display:none;
}
/* [e] 241126 쿠팡 csp */
}
/* [e] 240704 */

.introduce-cont.int-section06 {
  height: 650px;
}

.introduce-cont.int-section07 {
  /* height: 900px; 220609 삭제 */
  height: 1100px; /* 220609 추가 */
}

.introduce-cont.int-section07 .intro-inner {
  padding-top: 0;
}
/* [e]210601 수정  */

.introduce-cont.int-section07 .text-box p {
  font-weight: 400;
}

.layer {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 10;
  padding: 1.25rem;
}
.layer-wrap {
  width: 30rem;
  margin: 0 auto;
  position: relative;
}
.layer .close {
  position: absolute;
  top: -3rem;
  right: 0;
  background: transparent;
  border: none;
  padding: 1rem;
  text-indent: -9999px;
  background-image: url(../images/ico_delete.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem;
}

.modal.intro .title {
  margin: 20px 0;
  text-align: center;
  font-size: 1.875rem;
}
.modal.intro .title img {
  width: 9.5rem;
  display: block;
  margin: 3px auto 0;
}
.modal.intro .layer-wrap div {
  padding: 25px 5px;
  border-bottom: 1px solid #ccc;
  line-height: 1.4;
}
.modal.intro div.last {
  border-bottom: 0;
}
.modal.intro div em {
  color: #b81356;
  font-style: normal;
  display: block;
  margin-bottom: 5px;
}
.modal.intro div p {
  font-size: 0.825rem;
  color: #000;
}
.modal.intro .noti {
  margin-top: 1rem;
  padding: 15px 75px;
  text-align: center;
  background: #f5f5f5;
  border: 1px solid #ccc;
  font-size: 0.75rem;
  color: #666;
}
.layer.access .title {
  margin: 20px 0;
  text-align: center;
  font-size: 1.2rem;
}
.layer.access p {
  padding: 0 5px;
}
.layer.access .desc {
  margin-bottom: 1rem;
}
.layer.access .desc:before {
  display: none;
}
.layer.access .layer-wrap div {
  padding: 20px 5px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  line-height: 1.4;
  margin-bottom: 1rem;
}
.layer.access div em {
  font-style: normal;
  display: block;
  margin-bottom: 5px;
}
.layer.access div p {
  font-size: 0.825rem;
  color: #000;
  padding: 0 10px;
}
.layer.access div .bg {
  padding: 10px 0 10px 65px;
  min-height: 60px;
  background: url("../images/ico_phone2.svg") no-repeat 10px center / 45px auto;
}

.layer.access .noti {
  margin-top: 10px;
  padding: 0 15px 0 20px;
  font-size: 0.75rem;
  color: #666;
  position: relative;
}
.layer.access .noti:before {
  position: absolute;
  top: 9px;
  left: 12px;
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  background: #666;
}
/* [e]210310 */

/* [s]210309 */
.progress-wrap {
  text-align: center;
  min-width: 18rem;
}
.progress-wrap .pie_progress {
  width: 150px;
  margin: 0 auto;
}
/* [e]210309 */

.container .wrapper.event-wrap {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0 0 50px;
}

.container .wrapper.event-wrap .content-area {
  padding-bottom: 0;
}

/* [s]210419 */
.container .wrapper .content-area div.info-box {
  margin: 0 0 1rem;
  padding: 20px;
  border: 1px solid #e3e3e3;
  font-size: 0.875rem;
}
.container .wrapper .content-area div.info-box.gray {
  background-color: #f8f8f8;
}
.info-box div {
  margin-top: 0.5rem;
}
.info-box div:first-child {
  margin-top: 0;
}
.info-box li {
  margin-top: 0;
}
/* [e]210419 */

.event-cont {
  display: block;
  position: relative;
  width: 100%;
  margin: 30px 0 0 0;
  padding: 0;
}

.event-inner {
  display: block;
  position: relative;
  width: 30rem;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0;
  color: #000;
}

/* [s]210910 */
.new.event-cont {
  margin-top: 0;
}
.new .event-inner {
  width: 900px;
}
.new .event-inner .btn-link {
  position: absolute;
  bottom: 3%;
  left: 26%;
  width: 48%;
  height: 3%;
}
/* [e]210910 */

.event-inner .text-top {
  font-size: 1.4rem;
  font-weight: normal;
}

.event-cont .img-txt {
  display: inline-block;
  width: 6rem;
  margin-left: 10px;
}

.event-inner h1 {
  margin: 0.5rem 0;
  font-size: 1.625rem;
}

.event-inner .txt01 {
  font-size: 0.875rem;
}
.event-inner .txt02 {
  margin-top: 1rem;
  margin-bottom: 0.2rem;
}
.event-inner .txt02:before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 3px;
  margin-right: 5px;
  vertical-align: super;
  background-color: #000;
}
.event-inner .noti {
  font-size: 0.75rem;
  color: #777;
}
.section02 .event-inner {
  padding: 20px 20px 10px;
}
.section02 .tit {
  font-size: 1.375rem;
  margin-bottom: 0.2rem;
}
.gift-box {
  position: relative;
  width: 360px;
  height: 218px;
  margin: 20px auto 10px;
}
.gift-box div {
  position: absolute;
  width: 170px;
  height: 100px;
  border: 1px solid #ccc;
  border-radius: 1rem;
  background-color: #fff;
}
.gift-box .gift01 {
  top: 0;
  left: 0;
  height: 220px;
}
.gift-box .gift01:before {
  display: inline-block;
  content: "";
  width: 100px;
  height: 90px;
  margin: 40px 0 15px;
  background: url("../images/img-event1.jpg") no-repeat center center / contain;
}
.gift-box .gift02 {
  top: 0;
  right: 0;
}
.gift-box .gift02:before {
  display: inline-block;
  content: "";
  width: 35px;
  height: 48px;
  margin: 10px 0 0;
  background: url("../images/img-event2.jpg") no-repeat center center / contain;
}
.gift-box .gift03 {
  bottom: 0;
  right: 0;
}
.gift-box span {
  display: block;
  font-size: 0.625rem;
  line-height: 0.8rem;
}
.gift-box .gift03:before {
  display: inline-block;
  content: "";
  width: 55px;
  height: 45px;
  margin: 10px 0 3px;
  background: url("../images/img-event3.jpg") no-repeat center center / contain;
}
.gift-box span:first-child {
  color: #b81357;
  font-size: 0.875rem;
  line-height: 1rem;
}
.gift-box .gift01 span:first-child {
  font-size: 1.375rem;
  line-height: 1.5rem;
}
.event-inner button.is-primary {
  margin-top: 20px;
}

.intro .title {
  padding: 3rem 0 2rem;
  text-align: center;
  font-size: 1.875rem;
}
.intro .title img {
  width: 9.5rem;
  display: block;
  margin: 3px auto 0;
}
.intro > div {
  padding: 1rem 5px;
  border-bottom: 1px solid #ccc;
  line-height: 1.4;
}
.intro div em {
  color: #b81356;
  font-style: normal;
  display: block;
  margin-bottom: 0.5rem;
}
.intro div p {
  font-size: 0.875rem;
  color: #000;
}
.intro .last {
  border-bottom: 0;
}

.datepicker-dropdown {
  z-index: 5 !important;
}

.checklist.is-collapse {
  margin: 2rem 0;
  padding: 1rem;
  background: #f9f9f9;
} /* 210906 */
.checklist.is-collapse .collapse-header {
  float: right;
  margin-top: -26px;
  margin-right: -11px;
  color: transparent;
  font-size: 0;
  line-height: 0;
} /* 210906 */ /* 220120 color, font-size, line-height 추가 */
.collapse-header .txt {
  color: transparent;
} /* 220124 접근성 추가 */
.checklist.is-collapse .collapse-header:before {
  display: none;
}
.checklist.is-collapse .collapse-content {
  padding: 0;
}
/* 220413 */
.modal.modal-checklist .is-bigger {
  padding: 1rem;
}
.modal.modal-checklist .modal-content {
  padding: 30px 12px 88px;
}
.modal.modal-checklist .modal-content .sub-tit {
  padding-bottom: 30px;
  font-size: 14px;
  color: #333;
}
.modal.modal-checklist .checklist.is-collapse {
  position: relative;
  padding: 0;
  margin: 0;
  background: #fff;
  border: 1px solid #f2f2f2;
}
.modal.modal-checklist .checklist.is-collapse.all {
  background: #f9f9f9;
  border: 1px solid #f9f9f9;
}
.modal.modal-checklist .checklist.is-collapse + .checklist.is-collapse {
  margin-top: 1rem;
}
.modal.modal-checklist .checklist.is-collapse .collapse-header {
  overflow: visible;
  position: absolute;
  top: 16px;
  right: 0;
  margin-top: 0;
  margin-right: 0;
}
.modal.modal-checklist .checklist.is-collapse .collapse-content {
  padding: 1rem;
  margin-bottom: 0;
  border-top: 1px solid #f2f2f2;
}
.modal.modal-checklist .checklist.is-collapse .collapse-content.channel {
  padding: 4px 16px;
}
.modal.modal-checklist .is-collapse .collapse-content p:not(.validation-msg) {
  padding: 0;
  font-size: 14px;
  color: #333;
}
.modal.modal-checklist .is-collapse .collapse-content .policy p:first-child {
  margin: 0;
}
.modal.modal-checklist .is-collapse .collapse-content .policy p + p {
  margin: 1rem 0 0;
}
.modal.modal-checklist input[type="checkbox"] + label:before {
  width: 24px;
  height: 24px;
  margin-top: -13px;
  background: url(../images/btn_chkS_off.png) no-repeat 0 0 / 24px;
  border: 0;
  transform: none;
} /* 220808 margin-top, background 이미지 수정 */
.modal.modal-checklist input[type="checkbox"]:checked + label:before {
  background: url(../images/btn_chkS_on.png) no-repeat 0 0 / 24px;
} /* 220808 background 이미지 수정 */

/* [s] 220808 */
.modal.modal-checklist .is-bigger input[type="checkbox"] + label:before {
  width: 28px;
  height: 28px;
  padding-left: 2.25rem;
  background: url(../images/btn_chkL_off.png) no-repeat 0 0 / 28px;
}
.modal.modal-checklist
  .is-bigger
  input[type="checkbox"]:checked
  + label:before {
  background: url(../images/btn_chkL_on.png) no-repeat 0 0 / 28px;
}
.modal.modal-checklist .form-control input[type="checkbox"] + label:before {
  width: 24px;
  height: 24px;
  background: url(../images/btn_chkS_off.png) no-repeat 0 0 / 24px;
}
.modal.modal-checklist
  .form-control
  input[type="checkbox"]:checked
  + label:before {
  background: url(../images/btn_chkS_on.png) no-repeat 0 0 / 24px;
}
/* [e] 220808 */

/* 220808 삭제 .modal.modal-checklist .form-control input[type=checkbox] + label:before, */
.modal.modal-checklist .form-control input[type="radio"] + label:before {
  width: 12px;
  height: 8px;
  margin-top: -7px;
  background: none;
  border-bottom: 3px solid #c9c9c9;
  border-left: 3px solid #c9c9c9;
  transform: rotate(-45deg);
}
/* 220808 삭제 .modal.modal-checklist .form-control input[type=checkbox]:checked + label:before, */
.modal.modal-checklist
  .form-control
  input[type="radio"]:checked
  + label:before {
  border-bottom: 3px solid #b71256;
  border-left: 3px solid #b71256;
}
.modal.modal-checklist input[type="checkbox"] + label,
.modal.modal-checklist input[type="radio"] + label {
  padding-left: 30px;
  line-height: 24px;
}

/* 211217 */
.checklist.is-collapse .collapse-content.border {
  border-top: 1px solid #ddd;
  padding: 1rem 0;
  margin-top: 1rem;
  color: #333;
}

.btn-list {
  margin: 2rem 0;
}
.btn-list div {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
}
.btn-list button {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33%;
  margin-bottom: 5px;
}
.pass-noti {
  font-size: 0.875rem;
  padding-top: 175px;
  background: url(../images/ico_pass.png) no-repeat center 30px/ 250px auto;
}

/* 나의 프로필 수정 211022 */
.container.profile .wrapper {
  min-height: auto;
}
.container.profile .footer-bottom {
  overflow-x: hidden;
  min-height: calc(100% - 5rem);
} /* 221031 추가 */
.profile .footer-bottom .content-area > div > .is-sub-text {
  padding-bottom: 1.9375rem;
} /* 221116 추가 */
.container.profile .content-area > div {
  width: 30rem;
  margin: 0 auto;
}
.profile .block {
  margin: 0 auto;
  padding: 1.5rem 0;
  border-bottom: 1px solid #ccc;
}
.profile .block:last-child {
  border-bottom: 0;
}
.profile .items .flex-container > div:first-child {
  flex-basis: 5rem;
}
.profile .items .flex-container > p {
  text-align: right;
  flex-grow: 1;
  word-break: break-all;
}
.profile .items .flex-container > div:nth-child(3) {
  flex-basis: 5rem;
  text-align: right;
}
.profile .top {
  width: 100% !important;
  background: #f5f5f5;
}
.profile .top .block {
  width: 30rem;
  margin: 0 auto;
  padding: 1.5rem 0;
  border-bottom: 0;
  background: #f5f5f5;
}
.profile .top button.text-button {
  background: #d7d7d7;
  color: #555;
} /* 240220 color 값추가 */
/* .profile .top button.text-button:hover{ background: #555;} */ /* 240220 삭제 */
.profile .top button.text-button:active {
  background: #444;
  color: #fff;
} /* 240220 추가 */

/* [s] 221026 */
.profile .block .social-naver {
  position: relative;
  padding-left: 45px;
}
.profile .block .social-naver:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  background: url(../images/ico_naver_round.png) no-repeat 50% / 35px;
}
.profile .block .social-kakao {
  position: relative;
  padding-left: 45px;
}
.profile .block .social-kakao:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  background: url(../images/ico_kakao_round.png) no-repeat 50% / 35px;
}
.profile .block .flex-container p span.is-sub-text {
  position: relative;
  top: -1px;
  padding-left: 5px;
  font-size: 12px;
  color: #999 !important;
  line-height: 17px;
}
/* [e] 221026 */
/* [s] 250317 마이프로필 리뉴얼 ver2 */
.container.v2 .wrapper .content-area > .block.border-bottom{
  margin: 0;
  padding: 0 1.5rem;
}
.container.v2 .wrapper .content-area > .block.border-bottom:first-child{
  padding: 1.5rem;
}
.container.v2 .block + .block{
  border-top: none;
}
.v2 .block.border-bottom{
  border-bottom:8px solid #eee;
}
.v2 .block.border-bottom.flex-container{
  justify-content: space-between;
  gap: 24px;
}
.v2 .block.border-bottom.flex-container a{
  flex:1;
  padding: 1.5rem 0;
  font-size: 0.875rem;
  line-height: 20px;
  color: #666;
  text-align: center;
}
.v2 .block.border-bottom.flex-container a:last-child{
  position: relative;
}
.v2 .block.border-bottom.flex-container a:last-child::after{
  content: '';
  position: absolute;
  left: -8%;
  top:40%;
  width: 1px;
  height: 12px;
  background: #eee;
}
.v2 .block h3{
  font-weight: 700;
  font-size: 1.125rem;
}
.v2 .block .tit_desc{
  padding-top: 0.25rem;
  font-size: 0.75rem;
  color: #808080;
}
.v2 .block .tit_desc + .flex-container{
  padding: 1.5rem 0 0 0;
  border-top: none;
}
.v2 .flex-container{
  padding: 1.5rem 0;
  border-top: 1px solid #eee;
}
.v2 .block > .flex-container h4{
  margin-bottom: 0;
}

.v2 .flex-container + p {
  padding: 0.5rem 0 1.5rem;
  font-size: 0.875rem;
  color: #666;
  line-height: 100%;
}
.v2 .block > .flex-container + .flex-container{
  margin-top: 0;
  padding-bottom: 0;
}
.v2 .is-single-line.profile li{
  padding: 0;
}
.v2 .is-single-line.profile li:first-child a{
  padding: 1.5rem 0 0.5rem 2.375rem;
}
.v2 .is-single-line.profile li a.user::before{
  top: 66%;
  background: url(../images/ico-user.svg) no-repeat 50% 50% / 1.5rem;
}
.v2 .is-single-line.profile li a.user::after{
  top: 66%;
}
.v2 .is-single-line.profile li a span{
  font-weight: 500;
}
.v2 .is-single-line.profile li:last-child a::after{
  content:'';
}
.v2 .is-single-line.profile li .info{
  color: #666;
  line-height: 14px;
}
/* [e] 250317 마이프로필 리뉴얼 ver2 */

/* [s] 250512 마이프로필 리뉴얼 ver3 */
.container.v3.profile-setting{
  background: #F9F9F9;
}
.container.v3.profile-setting h3{
  padding-top: 1.5rem;
  font-family: 'Noto Sans KR';
  font-weight: 700;
  font-size: 0.875rem;
}
.container.v3.profile-setting .wrapper{
  position: relative;
  background: #F9F9F9;
  font-family: 'Noto Sans KR';
}
.container.v3.profile-setting .wrapper .content-area{
  background: #F9F9F9;
}
.container.v3.profile-setting .wrapper .content-area > h3 + div{
  padding-top: 0.5rem;
}
.container.v3.profile-setting .wrapper .content-area > .btn-wrap.flex-container{
  justify-content: space-between;
  gap: 24px;
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
}
.v3.profile-setting .btn-wrap.flex-container a{
  flex:1;
  padding: 1.5rem 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #666;
  text-align: center;
}
.v3.profile-setting .btn-wrap.flex-container .btn-logout{
  position: relative;
}
.v3.profile-setting .btn-wrap.flex-container .btn-account::after{
  content: '';
  position: absolute;
  left:50%;
  top:42%;
  width: 1px;
  height: 12px;
  background: #bbb;
}
.v3.profile-setting .flex-container{
  padding: 1.5rem 0;
}
.v3.profile-setting .is-single-line.profile{
  border-radius: 24px;
}
.v3.profile-setting .is-single-line.profile li{
  padding: 0;
  border-bottom: none;
  background: #fff;
}
.v3.profile-setting .is-single-line.profile li a{
  padding: 1.5rem 3.5rem 0 3.75rem;
}
.v3.profile-setting .is-single-line.profile li:first-child{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.v3.profile-setting .is-single-line.profile li:first-child a{
  padding-top: 1.25rem;
}
.v3.profile-setting .is-single-line.profile li:last-child{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.v3.profile-setting .is-single-line.profile li:last-child a{
  padding-bottom: 1.25rem;
}
.v3.profile-setting .is-single-line.has-switch li:before{
  display: none;
}
.v3.profile-setting .is-single-line.has-switch li.deactivate{
  position: relative;
}
.v3.profile-setting .is-single-line.has-switch li.deactivate::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.6);
}
.v3.profile-setting .is-single-line.has-switch li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.25rem 0 3.75rem;
}
.v3.profile-setting .is-single-line.profile li .user{
  display: flex;
  justify-content: space-between;
}
.is-single-line.has-switch li a::after{
  display: none;
}
.v3.profile-setting .is-single-line.profile li a::after{
  top: 74%;
  right: 6.1%;
  background-size: 20px;
}
.v3.profile-setting .is-single-line.profile li a::before{
  width: 1.5rem;
  height: 1.5rem;
  left: 6.1%;
  top: unset;
  bottom: 0;
}
.v3.profile-setting .is-single-line.profile li a.auto-login::before{
  top: 66%;
  background: url(../images/ico-shield.svg) no-repeat 50% 50% / 1.5rem;
}
.v3.profile-setting .is-single-line.profile li a.pin::before{
  background: url(../images/ico-pin.svg) no-repeat 50% 50% / 1.5rem;
}
.v3.profile-setting .is-single-line.profile li a.biometrics::before{
  top: 50%;
  background: url(../images/ico-face.svg) no-repeat 50% 50% / 1.5rem;
}
.v3.profile-setting .is-single-line.profile li a.user::before{
  top: 75%;
  background: url(../images/ico-user-v2.svg) no-repeat 50% 50% / 1.5rem;
}
.v3.profile-setting .is-single-line.profile li a.terms::before{
  margin-top: 0;  
  top: 56%;
  background: url(../images/ico-terms-v2.svg) no-repeat 50% 50% / 1.5rem;
}
.v3.profile-setting .is-single-line.profile li a.security::before{
  margin-top: 0;  
  top: 56%;
  background: url(../images/ico-security-v2.svg) no-repeat 50% 50% / 1.5rem;
}
.v3.profile-setting .is-single-line.profile li a.system::before{
  top: 50%;
  background: url(../images/ico-system-v2.svg) no-repeat 50% 50% / 1.5rem;
}
.v3.profile-setting .is-single-line.profile li a span{
  font-weight: 500;
  font-size: 1rem;
}
.v3.profile-setting .is-single-line.profile li:last-child a::after{
  content:'';
  top:50%;
}
.v3.profile-setting .is-single-line.profile li .info{
  padding:0 0 0 1.75rem;
  color: #666;
  line-height: 14px;
}
.v3.profile-setting .is-single-line.profile li .info p{
  font-size: 0.75rem;
  color: #808080;
}
/* [e] 250512 마이프로필 리뉴얼 ver3 */
/* [e] 250514 마이프로필 클래스 추가 */

/* 비밀번호 힌트 추가 211104 */
.hint.is-collapse {
  margin-top: 2.5rem;
  padding: 1rem;
  background: #f4f4f4;
}
.hint.is-collapse .collapse-header {
  padding: 0 3rem 0 0;
}
.hint.is-collapse .collapse-header .form-title {
  font-weight: 400;
}
.hint.is-collapse .collapse-header:before {
  display: none;
}
.hint.is-collapse .collapse-content {
  padding: 0;
  background: none;
}
.hint.is-collapse .collapse-content p:before {
  display: none;
}
.hint.is-collapse
  input[type]:not([type="checkbox"]):not([type="radio"]):not([type="button"]) {
  font-size: 14px !important;
}
.hint.is-collapse input::-webkit-input-placeholder {
  font-size: 14px;
}
.hint.is-collapse input:-ms-input-placeholder {
  font-size: 14px;
}
.hint.is-collapse input::-ms-input-placeholder {
  font-size: 14px;
}
.hint.is-collapse input::placeholder {
  font-size: 14px;
}
.hint.is-collapse textarea {
  font-size: 14px !important;
  width: 100%;
  padding: 1rem 2.5rem 1rem 0.5rem;
  background: transparent;
  border: 0;
  height: 3rem;
  overflow: hidden;
}
.hint.is-collapse textarea::placeholder {
  font-size: 14px;
}

/* [s]로그인 페이지 배너 추가 211227 */
.bannerSec {
  margin-top: 2rem;
  padding: 0 !important;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.swiperBanner {
  height: 60px;
  position: relative;
  overflow: hidden;
}
.bannerSec .swiper-wrapper {
  text-align: center;
}
.bannerSec img {
  width: 100%;
  max-width: 360px;
}
.bannerSec .swiper-button-next,
.bannerSec .swiper-button-prev {
  top: 0;
  width: 60px;
  height: 60px;
  margin-top: 0;
  background: #ffe1df;
  text-align: center;
}
.bannerSec .swiper-button-prev {
  left: 0;
  background-image: none !important;
}
.bannerSec .swiper-button-next {
  right: 0;
  background-image: none !important;
}
.bannerSec .swiper-button-next:after,
.bannerSec .swiper-button-prev:after {
  content: "";
  background: url(../images/btn_slider_next.png) no-repeat center;
  width: 50px;
  height: 60px;
  display: inline-block;
}
.bannerSec .swiper-button-prev:after {
  transform: rotateY(180deg);
}
/* [e]로그인 페이지 배너 추가 211227 */

/* [s] 220817 */
/* [s] 230607 */
.container .wrapper .content-area > .tab-filter-wrap {
  margin: 1.375rem 0 !important; /* 230608 수정 */
}
.container .wrapper .content-area .tab-filter-wrap.margin-bottom-none {
  margin-bottom: 0 !important;
}
/* [e] 230607 */
.tab-filter-wrap {
  margin: 1.25rem 0 !important; /* 230607 수정 */
  padding: 0.5rem 0rem 0.5rem 0 !important; /* 230425 수정 */ /* 230607 수정 */
}
.tab-filter-wrap .scroll-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tab-filter-wrap .scroll-hide::-webkit-scrollbar {
  display: none;
}
.tab-filter-wrap .filter-list {
  overflow-x: auto;
  white-space: nowrap;
  font-size: 0;
}
.tab-filter-wrap .filter-list li {
  display: inline-block;
  margin: 0 0.5rem 0 0;
}

/* [s] 240320 추가 */
.tab-filter-wrap.tag-box .filter-list {
  overflow-x: initial;
}
.tab-filter-wrap.tag-box .filter-list li {
  width: auto;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  display: none;
}
.tab-filter-wrap .swiper-button-next,
.tab-filter-wrap .swiper-button-prev {
  background-image: none;
}
.tab-filter-wrap .swiper-button-next {
  right: 0;
}
.tab-filter-wrap .swiper-button-prev {
  left: 0;
}
.tab-filter-wrap .swiper-button-next::before {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  z-index: 10;
  margin: -14.5px -11px;
  width: 28px;
  height: 28px;
  background: url(../images/btn_next.png) no-repeat 50% / 28px 28px;
  text-indent: -9999px;
  color: transparent;
}
.tab-filter-wrap .swiper-button-prev::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  z-index: 10;
  margin: -14.5px -11px;
  width: 28px;
  height: 28px;
  background: url(../images/btn_prev.png) no-repeat 50% / 28px 28px;
  text-indent: -9999px;
  color: transparent;
}
.tab-filter-wrap .swiper-button-next::after {
  content: "";
  position: absolute;
  right: -25px;
  width: 90px;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgb(255, 255, 255) 50%
  );
}
.tab-filter-wrap .swiper-button-prev::after {
  content: "";
  position: absolute;
  left: -20px;
  width: 90px;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgb(255, 255, 255) 50%
  );
}
/* [e] 240320 추가 */

/* [s] 230607 */
.tab-filter-wrap .filter-list li:last-child {
  margin-right: 1.5rem;
}
/* [e] 230607 */
.tab-filter-wrap .filter-list li .btn-tab {
  height: 34px; /* 230425 추가 */
  padding: 0.4rem 0.75rem 0.46rem;
  border-color: #ddd;
  font-size: 0.875rem;
  color: #555;
}
.tab-filter-wrap .filter-list li .btn-tab.on {
  border-color: #b71256;
  font-weight: 700;
  color: #b71256;
}
/* [e] 220817 */

/* [s] 221026 */
.btn-naver {
  background-color: #00bf18;
  border-color: #00bf18;
  color: #fff;
}
.btn-naver:hover {
  border-color: #00bf18;
  color: #fff;
}
.btn-naver:active {
  background-color: #00bf18;
}
.btn-naver span {
  position: relative;
  padding-left: 22px;
}
.btn-naver span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 17px;
  height: 15.21px;
  background: url(../images/ico_login_naver.png) no-repeat 50% / 17px 15.21px;
}
.btn-kakao {
  background-color: #ffe617;
  border-color: #ffe617;
  color: #47292b;
}
.btn-kakao:hover {
  border-color: #ffe617;
  color: #47292b;
}
.btn-kakao:active {
  background-color: #ffe617;
}
.btn-kakao span {
  position: relative;
  padding-left: 23px;
}
.btn-kakao span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(../images/ico_login_kakao.png) no-repeat 50% / 20px;
}
/* [e] 221026 */

/* [s] 221109 */
.btn-naver-link {
  display: block;
  padding: 1rem;
  border-radius: 50px;
  background-color: #00bf18;
  text-align: center;
}
.btn-naver-link span {
  position: relative;
  padding-left: 22px;
  font-size: 1.125rem;
  color: #fff;
}
.btn-naver-link span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 17px;
  height: 15.21px;
  background: url(../images/ico_login_naver.png) no-repeat 50% / 17px 15.21px;
}
.btn-kakao-link {
  display: block;
  padding: 1rem;
  border-radius: 50px;
  background-color: #ffe617;
  text-align: center;
}
.btn-kakao-link span {
  position: relative;
  padding-left: 23px;
  font-size: 1.125rem;
  color: #47292b;
}
.btn-kakao-link span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(../images/ico_login_kakao.png) no-repeat 50% / 20px;
}
/* [e] 221109 */

/* [s] 230425 */
.container.gram-town .wrapper .content-area > div:not(.tab-content) {
  padding-bottom: 0;
}
.container.gram-town .tab-content .introduce-wrap {
  padding-top: 25px;
}
.container.gram-town .tab-content .introduce-wrap .visual-img-box img {
  overflow: hidden;
  width: 100%;
  border-radius: 15px;
}
.container.gram-town .tab-content .introduce-wrap .txt-box {
  padding-top: 30px;
}
.container.gram-town .tab-content .introduce-wrap .txt-box .tit {
  font-size: 35px;
  color: #1e1e1e;
  line-height: 51px;
  letter-spacing: -0.025em;
}
.container.gram-town .tab-content .introduce-wrap .txt-box .txt {
  padding-top: 20px;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.025em;
  word-wrap: break-word; /* 230427 추가 */
}
.container.gram-town .tab-content .meditation-wrap .tab-filter-wrap {
  margin: 1.06rem 0 1.06rem 0;
  padding-left: 0;
}
.container.gram-town .tab-content .meditation-wrap .tab-filter-wrap .btn-tab {
  padding: 6.5px 19px 7.5px;
}

.container.gram-town .tab-content .meditation-wrap .meditation-list > li {
  margin-top: 10px;
  border: 1px solid #eeef;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .meditation-list
  > li:first-child {
  margin-top: 0;
}
.container.gram-town .tab-content .meditation-wrap .meditation-list > li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 123px;
  padding: 27px 20px 27px 120px;
}
.container.gram-town .tab-content .meditation-wrap .meditation-list .img-box {
  position: absolute;
  top: 21px;
  left: 20px;
  width: 80px;
  height: 80px;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .meditation-list
  .img-box
  img {
  overflow: hidden;
  width: 100%;
  border-radius: 30px;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .meditation-list
  .txt-box
  .tit {
  font-size: 16px;
  font-weight: 500;
  color: #1e1e1e;
  line-height: 23px;
  letter-spacing: -0.025em;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .meditation-list
  .txt-box
  .tag-list {
  padding-top: 5px;
  font-size: 12px;
  color: #767676;
  line-height: 14px;
  letter-spacing: -0.025em;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .meditation-list
  .txt-box
  .tag-list::after {
  content: "";
  display: block;
  clear: both;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .meditation-list
  .txt-box
  .tag-list
  li {
  float: left;
  margin-top: 0;
  padding-left: 3px;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .meditation-list
  .txt-box
  .tag-list
  li:first-child {
  padding-left: 0;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .meditation-list
  .has-app-service
  .tag-list {
  padding-right: 40px;
}
.container.gram-town .tab-content .meditation-wrap .meditation-list .only {
  position: absolute;
  right: 20px;
  bottom: 27px;
  margin: 0;
}
.container.gram-town .tab-content .meditation-wrap .app-download-wrap {
  padding-top: 80px;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .app-download-wrap
  .info-txt {
  font-size: 16px;
  font-weight: 300;
  color: #666;
  line-height: 26px;
  letter-spacing: -0.05em;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .app-download-wrap
  .download-box {
  position: relative;
  padding-top: 40px;
  font-size: 0;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .app-download-wrap
  .download-box
  a {
  display: inline-block;
  width: calc(50% - 5px);
  height: 70px;
  margin-left: 10px;
  padding: 23px 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  text-align: center;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .app-download-wrap
  .download-box
  a:first-child {
  margin-left: 0;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .app-download-wrap
  .download-box
  a
  span {
  position: relative;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 500;
  color: #666;
  line-height: 23px;
  letter-spacing: -0.02rem;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .app-download-wrap
  .download-box
  a.btn-google-down
  span {
  padding-left: 32px;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .app-download-wrap
  .download-box
  a.btn-appstore-down
  span {
  padding-left: 34px;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .app-download-wrap
  .download-box
  a
  span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .app-download-wrap
  .download-box
  a.btn-google-down
  span:before {
  width: 24px;
  height: 24px;
  background: url(../images/ico_google_play_v2.png) no-repeat 50% / 100%;
}
.container.gram-town
  .tab-content
  .meditation-wrap
  .app-download-wrap
  .download-box
  a.btn-appstore-down
  span:before {
  width: 26px;
  height: 24px;
  background: url(../images/ico_app_store_v2.png) no-repeat 50% / 100%;
}

.btn-top {
  overflow: hidden;
  position: fixed;
  right: 30px;
  bottom: 40px;
  width: 42px;
  height: 42px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: url(../images/btn_top.png) no-repeat 50%/42px;
  color: transparent;
}
.btn-top:hover {
  color: transparent;
  border-color: none;
}

/* [s] 230427 */
#meditatePopup {
  max-width: 510px;
  height: 665px;
  padding-bottom: 65px !important;
}
/* [e] 230427 */
#meditatePopup .modal-content {
  padding: 2rem 0.25rem 1rem 0.25rem; /* 230509 수정 */
}
#meditatePopup .meditate-audio-wrap .tit-wrap .tit {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -0.025em;
}
#meditatePopup .meditate-audio-wrap .tit-wrap .tag-list {
  padding-top: 8px;
}
#meditatePopup .meditate-audio-wrap .tit-wrap .tag-list::after {
  content: "";
  display: block;
  clear: both;
}
#meditatePopup .meditate-audio-wrap .tit-wrap .tag-list li {
  float: left;
  margin-top: 0;
  padding-left: 3px;
  font-size: 12px;
  color: #767676;
  line-height: 14px;
  letter-spacing: -0.025em;
}
#meditatePopup .meditate-audio-wrap .tit-wrap .tag-list li:first-child {
  padding-left: 0;
}
#meditatePopup .meditate-audio-wrap .cont-wrap {
  padding-top: 20px; /* 230509 수정 */
}
#meditatePopup .meditate-audio-wrap .cont-wrap .img-box {
  padding: 0 18px;
  text-align: center;
}
#meditatePopup .meditate-audio-wrap .cont-wrap .img-box img {
  overflow: hidden;
  width: 100%;
  max-width: 260px;
  border-radius: 60px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
/* [s] 230427 */
#meditatePopup .meditate-audio-wrap .cont-wrap .txt-box {
  overflow-y: auto;
  max-height: 135px; /* 230509 수정 */
  margin-top: 20px; /* 230509 수정 */
  /* padding-top:50px; 230427 삭제 */
}
/* [e] 230427 */
#meditatePopup .meditate-audio-wrap .cont-wrap .txt-box .txt {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  word-wrap: break-word; /* 230427 추가 */
}
/* [s] 230427 */
#meditatePopup .audio-box {
  /* 230427 .meditate-audio-wrap .cont-wrap 삭제 */
  position: absolute;
  bottom: 20px;
  right: 1.25rem;
  left: 1.25rem;
  /* padding-top:51px; 230427 삭제 */
}
/* [e] 230427 */
#meditatePopup .audio-box audio {
  /* 230427 .meditate-audio-wrap .cont-wrap 삭제 */
  width: 100%;
  height: 50px; /* 230427 추가 */
}
/* [s] 230427 */
#meditatePopup .jp-audio {
  width: 100%;
  height: 50px;
  padding: 0;
  background: #f5f5f5;
  border: none;
  border-radius: 10px;
}
#meditatePopup .jp-type-single {
  height: 100%;
}
#meditatePopup .jp-interface {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 10px 20px;
  border-radius: 10px;
  background: #f5f5f5;
}
#meditatePopup .jp-audio .jp-volume-controls,
.jp-audio-stream .jp-volume-controls {
  display: block;
  height: 22px;
}
#meditatePopup .jp-audio .jp-volume-controls::after {
  content: "";
  display: block;
}
#meditatePopup .jp-audio .jp-volume-controls .jp-mute {
  float: left;
  position: static;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background: url(../images/ico_volume.png) no-repeat 50%/22px;
}
#meditatePopup .jp-state-muted .jp-volume-controls .jp-mute:focus {
  background: url(../images/ico_volume_off.png) no-repeat 50%/22px;
}
#meditatePopup .volume-wrap {
  display: none;
  float: left;
  padding: 9.5px 0;
}
#meditatePopup .jp-volume-bar {
  display: none !important;
  overflow: unset;
  position: relative;
  width: 53px;
  height: 3px;
  padding: 0;
  border-radius: 50px;
  background: #888;
}
#meditatePopup .jp-audio .jp-interface .jp-volume-bar,
.jp-audio-stream .jp-interface .jp-volume-bar {
  top: 0;
}
#meditatePopup .jp-audio .jp-volume-controls:hover .volume-wrap {
  display: block;
}
#meditatePopup .jp-audio .jp-volume-controls:hover .jp-volume-bar {
  display: block !important;
  -webkit-animation: hoveVolume 0.2s linear normal;
  animation: hoveVolume 0.2s linear normal;
}
@-webkit-keyframes hoveVolume {
  0% {
    left: -12px;
    opacity: 0;
    width: 0;
  }
  50% {
    left: 0;
    opacity: 1;
  }
  100% {
    width: 53px;
  }
}
@keyframes hoveVolume {
  0% {
    left: -12px;
    opacity: 0;
    width: 0;
  }
  50% {
    left: 0;
    opacity: 1;
  }
  100% {
    width: 53px;
  }
}
#meditatePopup .jp-volume-bar-value {
  position: relative;
  height: 3px;
  border-radius: 50px;
  background: #1e1e1e;
}
#meditatePopup .jp-volume-bar-value::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 15px;
  height: 15px;
  margin: -7.5px -7.5px 0 0;
  border-radius: 50%;
  background: #1e1e1e;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#meditatePopup
  .jp-audio
  .jp-volume-controls
  .volume-wrap:hover
  .jp-volume-bar-value::after {
  opacity: 1;
}
#meditatePopup .jp-audio .jp-controls-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex-grow: 1;
  height: 30px;
}
#meditatePopup
  .jp-audio
  .jp-volume-controls:hover
  + .jp-controls-holder
  .time-wrap {
  display: none;
}
#meditatePopup .jp-audio .jp-controls-holder .time-wrap::after {
  content: "";
  display: block;
  clear: both;
}
#meditatePopup .jp-current-time {
  float: left;
  width: auto !important;
  font-family: "Noto Sans KR";
  font-size: 12px;
  color: #888;
  line-height: 17px;
  letter-spacing: -0.025em;
}
#meditatePopup .jp-duration {
  float: left;
  position: relative;
  width: auto !important;
  font-family: "Noto Sans KR";
  font-size: 12px;
  color: #888;
  line-height: 17px;
  letter-spacing: -0.025em;
}
#meditatePopup .jp-duration::before {
  content: "/";
  display: inline-block;
  padding: 0 2px;
  font-family: "Noto Sans KR";
  font-size: 12px;
  color: #888;
  line-height: 17px;
  letter-spacing: -0.025em;
}
#meditatePopup .jp-progress {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex-grow: 1;
  overflow: unset;
  width: auto;
  padding: 11px 0;
  margin: 0 0 0 13px;
  background: transparent;
}
#meditatePopup .jp-seek-bar {
  overflow: unset;
  height: 3px;
  margin-top: -1px;
  border-radius: 50px;
  background: #888;
}
#meditatePopup .jp-controls {
  width: auto;
  height: 30px;
  padding: 0;
  background: none;
}
#meditatePopup .jp-audio .jp-controls,
.jp-audio-stream .jp-controls {
  margin-left: 8px;
}
#meditatePopup .jp-controls button {
  margin: 0;
}
#meditatePopup .jp-type-single .jp-controls button {
  width: 30px;
}
#meditatePopup .jp-type-single .jp-play {
  width: 30px;
  height: 30px;
  background: url(../images/ico_play.png) no-repeat 50%/30px;
}
#meditatePopup .jp-type-single .jp-play:focus {
  background: url(../images/ico_play.png) no-repeat 50%/30px;
}
#meditatePopup .jp-state-playing .jp-type-single .jp-play {
  background: url(../images/ico_stop.png) no-repeat 50%/30px;
}
#meditatePopup .jp-state-playing .jp-type-single .jp-play:focus {
  background: url(../images/ico_stop.png) no-repeat 50%/30px;
}
#meditatePopup .jp-play-bar {
  overflow: unset !important;
  position: relative;
  border-radius: 50px;
  background: #1e1e1e;
}
#meditatePopup .jp-ball {
  position: absolute;
  top: 50%;
  right: 0;
  width: 15px;
  height: 15px;
  margin: -7.5px -7.5px 0 0;
  border-radius: 50%;
  background: #1e1e1e;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#meditatePopup .jp-progress:hover .jp-ball {
  opacity: 1;
}
#meditatePopup div.jp-seeking-bg {
  background: #888;
}
#meditatePopup .jp-toggles {
  overflow: unset;
  margin-left: 10px;
  width: 25px;
  height: 25px;
}
#meditatePopup .jp-toggles button {
  height: auto;
  text-indent: 0;
}
#meditatePopup .jp-toggles .handler {
  position: relative;
  width: 100%;
  height: 100%;
}
#meditatePopup .jp-toggles .handler .btn-playback {
  overflow: hidden;
  width: 25px;
  height: 25px;
  padding: 0;
  border-radius: 0;
  background: url(../images/ico_more.png) no-repeat 50%/25px;
  color: transparent;
}
#meditatePopup .jp-toggles .handler .playback-wrap {
  position: absolute;
  right: -20px;
  bottom: 63px;
}
#meditatePopup .jp-toggles .handler .playback-wrap .btn-option {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 210px;
  padding: 14px 36px 14px 115px;
  border-radius: 10px;
  background: rgba(221, 221, 221, 0.8);
  font-size: 12px;
  color: #1e1e1e;
  line-height: 17px;
  text-align: right;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
#meditatePopup .jp-toggles .handler .playback-wrap .btn-option.is-active {
  display: block;
  -webkit-animation: optionActive 0.2s linear normal;
  animation: optionActive 0.2s linear normal;
}
@-webkit-keyframes optionActive {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes optionActive {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#meditatePopup .jp-toggles .handler .playback-wrap .btn-option.is-hide {
  opacity: 0;
}
#meditatePopup .jp-toggles .handler .playback-wrap .btn-option::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(../images/ico_arrow_right.png) no-repeat 50%/16px;
}
#meditatePopup .jp-toggles .handler .playback-wrap .btn-option strong {
  position: absolute;
  top: 50%;
  left: 20px;
  padding-left: 32px;
  font-size: 14px;
  line-height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#meditatePopup .jp-toggles .handler .playback-wrap .btn-option strong::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url(../images/ico_play_circle.png) no-repeat 50%/24px;
}
#meditatePopup .jp-toggles .handler .playback-wrap .speed-list {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 210px;
  border-radius: 10px;
  background: rgba(221, 221, 221, 0.8);
}
#meditatePopup .jp-toggles .handler .playback-wrap .speed-list.is-active {
  display: block;
}
#meditatePopup .jp-toggles .handler .playback-wrap .speed-list .inner {
  overflow-y: auto;
  max-height: 130px;
  margin: 3.5px 5px 3.5px 0;
}
#meditatePopup
  .jp-toggles
  .handler
  .playback-wrap
  .speed-list
  .inner::-webkit-scrollbar {
  width: 4px;
}
#meditatePopup
  .jp-toggles
  .handler
  .playback-wrap
  .speed-list
  .inner::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: none;
}
#meditatePopup
  .jp-toggles
  .handler
  .playback-wrap
  .speed-list
  .inner:hover::-webkit-scrollbar-thumb {
  background: #888;
}
#meditatePopup
  .jp-toggles
  .handler
  .playback-wrap
  .speed-list
  .inner::-webkit-scrollbar-track {
  background: none;
}
#meditatePopup .jp-toggles .handler .playback-wrap .speed-list button {
  width: 100%;
  border-radius: 0;
  background: none;
  text-align: left;
}
#meditatePopup .jp-toggles .handler .playback-wrap .speed-list .btn-before {
  position: relative;
  height: 55px;
  padding: 14px 20px 14px 52px;
  font-size: 14px;
  color: #1e1e1e;
  line-height: 20px;
}
#meditatePopup
  .jp-toggles
  .handler
  .playback-wrap
  .speed-list
  .btn-before::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url(../images/ico_arrow_left.png) no-repeat 50%/24px;
}
#meditatePopup .jp-toggles .handler .playback-wrap .speed-list ul li {
  margin-top: 0;
}
#meditatePopup .jp-toggles .handler .playback-wrap .speed-list ul button {
  position: relative;
  width: 100% !important;
  height: 41px;
  padding: 12px 20px 12px 40px;
  font-size: 12px;
  color: #1e1e1e;
  line-height: 17px;
}
#meditatePopup
  .jp-toggles
  .handler
  .playback-wrap
  .speed-list
  ul
  button.is-active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(../images/ico_check_black.png) no-repeat 50%/16px;
}
/* [e] 230427 */

#installAppPopup {
  width: 335px;
}
#installAppPopup .modal-content {
  padding: 2rem 0.85rem 5.63rem;
}
#installAppPopup .install-wrap {
  padding-top: 42px;
}
#installAppPopup .install-wrap .info-txt {
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: -0.05em;
}
#installAppPopup .install-wrap .cont-wrap {
  padding-top: 30px;
}
#installAppPopup .install-wrap .cont-wrap .qr-box {
  width: 120px;
  margin: 0 auto;
  text-align: center;
}
#installAppPopup .install-wrap .cont-wrap .qr-box p {
  margin-top: -5px;
  font-size: 12px;
  font-weight: 300;
  color: #666;
  line-height: 17px;
  letter-spacing: -0.05em;
}
#installAppPopup .install-wrap .cont-wrap .qr-box a:hover p {
  color: #b31657;
}
#installAppPopup .install-wrap .cont-wrap .qr-box img {
  width: 100%;
  -webkit-filter: grayscale(100%) brightness(0);
  filter: grayscale(100%) brightness(0);
}
/* #installAppPopup .install-wrap .cont-wrap .qr-box a:hover img{
  -webkit-filter:grayscale(0%) brightness(1);
  filter:grayscale(0%) brightness(1);
} 230511 삭제 */
/* [s] 230522 */
#installAppPopup .install-wrap .cont-wrap .download-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 30px;
}
/* [e] 230522 */
#installAppPopup .install-wrap .cont-wrap .download-box a {
  display: inline-block;
  position: relative;
  width: calc(50% - 5px);
  height: 60px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-weight: 500;
  color: #666;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-align: center;
}
#installAppPopup .install-wrap .cont-wrap .download-box a::before {
  position: absolute;
  top: 50%;
  margin-top: -10px;
}
#installAppPopup .install-wrap .cont-wrap .download-box .btn-google-down {
  padding: 19px 15px 20px 40px;
}
#installAppPopup
  .install-wrap
  .cont-wrap
  .download-box
  .btn-google-down::before {
  content: "";
  left: 16px;
  width: 21px;
  height: 20px;
  margin-top: -9px;
  background: url(../images/ico_google_play.png) no-repeat 50%/21px 20px;
}
#installAppPopup .install-wrap .cont-wrap .download-box .btn-appstore-down {
  padding: 19px 15px 20px 48px;
}
#installAppPopup
  .install-wrap
  .cont-wrap
  .download-box
  .btn-appstore-down::before {
  content: "";
  left: 23px;
  width: 21px;
  height: 20px;
  margin-top: -11px;
  background: url(../images/ico_app_store.png) no-repeat 50%/21px 20px;
}
/* [e] 230425 */

/* [s] 230522 */
.modal.app-service {
  width: 355px;
  padding: 0 1rem 0 !important;
}
.modal.app-service .modal-content {
  padding: 4.63rem 0.88rem 3.38rem; /* 230523 수정 */
}
.modal.app-service .app-img-box {
  padding-top: 40px; /* 230523 수정 */
  text-align: center;
}
.modal.app-service .app-img-box img {
  width: 80px;
}
.modal.app-service .app-img-box .txt {
  padding-top: 20px;
  font-size: 13px;
  color: #000;
  line-height: 19px;
  letter-spacing: -0.05em;
}
.modal.app-service .info-txt {
  padding-top: 40px; /* 230523 수정 */
  font-size: 16px;
  color: #000;
  line-height: 24px;
  text-align: center;
}
.modal.app-service .download-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 15px;
}
.modal.app-service .download-box a {
  display: inline-block;
  position: relative;
  width: calc(50% - 5px);
  height: 60px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-weight: 500;
  color: #666;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-align: center;
}
/* [s] 230523 */
.modal.app-service .download-box a span {
  position: relative;
}
.modal.app-service .download-box a span::before {
  content: "";
  position: absolute;
  top: 50%;
}
.modal.app-service .download-box .btn-google-down span::before {
  content: "";
  left: -25px;
  width: 21px;
  height: 20px;
  margin-top: -9px;
  background: url(../images/ico_google_play.png) no-repeat 50%/21px 20px;
}
.modal.app-service .download-box .btn-appstore-down span::before {
  content: "";
  left: -25px;
  width: 21px;
  height: 20px;
  margin-top: -11px;
  background: url(../images/ico_app_store.png) no-repeat 50%/21px 20px;
}
/* [e] 230523 */
/* .modal.app-service .download-box a::before{
  position:absolute;
  top:50%;
  margin-top:-10px;
} 230523 삭제 */
.modal.app-service .download-box .btn-google-down {
  padding: 19px 15px 20px 45px; /* 230523 수정 */
}
/* .modal.app-service .download-box .btn-google-down::before{
  content:'';
  left:16px;
  width:21px;
  height:20px;
  margin-top:-9px;
  background:url(../images/ico_google_play.png)no-repeat 50%/21px 20px;
} 230523 삭제 */
.modal.app-service .download-box .btn-appstore-down {
  padding: 19px 15px 20px 35px; /* 230523 수정 */
}
/* .modal.app-service .download-box .btn-appstore-down::before{
  content:'';
  left:23px;
  width:21px;
  height:20px;
  margin-top:-11px;
  background:url(../images/ico_app_store.png)no-repeat 50%/21px 20px;
} 230523 삭제 */
.modal.app-service .modal-footer {
  margin: 0 -1rem;
}

#appPopup {
  max-width: 335px !important;
  padding: 0 1rem 0 !important;
}
/* [s] 230523 */
#appPopup .download-box {
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#appPopup .download-box a {
  width: 100%;
  margin-top: 10px;
}
#appPopup .download-box a:first-child {
  margin-top: 0;
}
/* [e] 230523 */

/* [s] 240412 */

/* 리워드 안내 */
.reward-guide{
  position:relative;
  z-index:10;
  overflow:hidden;
}
.reward-guide .reward-guide-inner{
  position:relative;
  padding:42px 40px;
  background:#fff0f0;
}
.reward-guide .reward-guide-inner::before{
  content:'';
  position:absolute;
  top:180px;
  left:0;
  width:62px;
  height:68px;
  background:url(../images/img_balloon.png) no-repeat 50% 50% / 62px 68px;
}
.reward-guide .reward-guide-inner::after{
  content:'';
  position:absolute;
  z-index:20;
  top:22px;
  right:-3px;
  width:104px;
  height:115px;
  background:url(../images/img_balloon2.png) no-repeat 50% 50% / 104px 115px;
}
.reward-guide .reward-box{
  position:relative;
  z-index:20;
  padding:24px;
  text-align:center;
  border-radius:16px;
  background-color:#fff;
}
.reward-guide .reward-box::before{
  content:'';
  position:absolute;
  top:-23px;
  left:12px;
  width:64px;
  height:44px;
}
.reward-guide .reward-box h3{
  font-size:18px;
  font-weight:700;
  line-height:26.06px;
}
.reward-guide .reward-box .txt{
  margin-top:6px;
  font-size:14px;
}
.reward-guide .reward-box.save-box{
  padding:20px 15px 24px 15px; /* 240621 수정 */
}
.reward-guide .reward-box.save-box::before{
  background:url(../images/guide_step1.png) no-repeat 50% 50% / 64px 44px;
}
.reward-guide .reward-box.save-box .info-list{
  display:flex;
  justify-content:center;
  margin-top:20px;
}
.reward-guide .reward-box.save-box .info-list li{
  margin-top:0;
}
.reward-guide .reward-box.save-box .info-list li .img-box img{
  width:100%;
}
/* [s] 240508 */
.reward-guide .reward-box.save-box .info-list li .img-box img.pc-img{
  display:block;
}
.reward-guide .reward-box.save-box .info-list li .img-box img.mo-img{
  display:none;
}
/* [e] 240508 */
.reward-guide .reward-box.use-box{
  margin-top:42px;
}
.reward-guide .reward-box.use-box::before{
  background:url(../images/guide_step2.png) no-repeat 50% 50% / 64px 44px;
}
.reward-guide .reward-box.use-box .use-list{
  margin-top:20px;
}
.reward-guide .reward-box.use-box .use-list li.evt-apply{
  margin-top:20px;
}
.reward-guide .reward-box.use-box .use-list li{
  position:relative;
  min-height:112px;
  border-radius:10px;
  background-color:#f9f9f9;
  text-align:left;
  box-shadow: 3px 4px 10px 1px rgba(242, 236, 238, 1);
}
.reward-guide .reward-box.use-box .use-list li a{
  position:relative;
  display:flex;
  align-items:center;
  padding:20px 48px 20px 12px;
}
.reward-guide .reward-box.use-box .use-list li a .thumbs-img{
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  overflow:hidden;
  position:relative;
  width:96px;
  height:96px;
  padding-left:24%;
}
.reward-guide .reward-box.use-box .use-list li a .thumbs-img img{
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  max-height:100%;
  max-width:100%;
  min-height:100%;
  min-width:100%;
  width:0;
  height:0;
}
.reward-guide .reward-box.use-box .use-list li a .txt-box{
  margin-left:12px;
}
.reward-guide .reward-box.use-box .use-list li a .txt-box .tit{
  font-size:16px;
  font-weight:500;
  color:#333;
}
.reward-guide .reward-box.use-box .use-list li a .txt-box .txt{
  font-size:14px;
  color:#333;
}
.reward-guide .reward-box.use-box .use-list li a::after{
  content:'';
  position:absolute;
  top:50%;
  right:16px;
  width:20px;
  height:20px;
  margin-top:-10px;
  background:url(../images/ico_next.png) no-repeat 50% 50% / 20px 20px;
}
/* // 리워드 안내 */

/* 런칭 이벤트 페이지 */
.reward-event .item-cont .img-box.pc{
  display:block;
}
.reward-event .item-cont .img-box.mo{
  display:none;
}
.reward-event .item-cont .btn-wrap{
  margin:0 24px;
}
/* [s] 240513 */
.reward-event .item-cont .notice{
  margin-top:30px;
  padding:0 24px 0px;
}
.reward-event .item-cont .notice dd{
  position:relative;
  margin:12px 0 0 0;
  font-size:14px;
  font-weight:500;
  line-height:19.6px;
  color:#555;
}
/* [e] 240513 */
.reward-event .item-cont .reward-service{
  position:relative;
  background-color:#fff6fa;
  margin-top:60px;
}
.reward-event .item-cont .reward-service::before{
  content:'';
  position:absolute;
  bottom:292px;
  left:0;
  width:22px;
  height:41px;
  background:url(../images/img_reward_coin1.png) no-repeat 50% 50% / 22px 41px;
}
.reward-event .item-cont .reward-service .reward-point.opacity{
  position:relative; /* 240503 추가 */
  opacity:0.4;
}
/* [s] 240503 추가 */
.reward-event .item-cont .reward-service .reward-point.opacity::after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
/* [e] 240503 추가 */
.reward-event .item-cont .reward-service .reward-point{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0 15px;
  
}
.reward-event .item-cont .reward-service .reward-point li{
  width:128px;
  margin-top:0;
}
.reward-event .item-cont .reward-service .reward-point li.completed a{
  display:none;
}
.reward-event .item-cont .reward-service .reward-point li a + img{
  display:none;
}
.reward-event .item-cont .reward-service .reward-point li.completed a + img{
  display:block;
}
/* [s] 240508 */
.reward-event .item-cont .reward-service .reward-point .pc-img{
  display:block;
}
.reward-event .item-cont .reward-service .reward-point .mo-img{
  display:none;
}
/* [e] 240508 */
.reward-event .item-cont .reward-service .notice{
  margin-top:40px;
  padding:0 24px 80px;
}
.reward-event .item-cont .reward-service .notice dd{
  position:relative;
  margin:12px 0 0 0;
  font-size:14px;
  font-weight:500;
  line-height:19.6px;
  color:#555;
}
.reward-event .item-cont .date-info::before{
  content:'';
  display:inline-block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:32px;
  background:rgba(246, 246, 246, 0.7);
  z-index:10;
  backdrop-filter:blur(3px);
}
.reward-event .item-cont .date-info{
  position:relative;
  margin:28px 24px 0;
  padding:24px 0 24px 24px;
}
.reward-event .item-cont .date-info dl{
  position:relative;
  margin-top:32px;
  padding-left:104px;
  z-index:10;
}
.reward-event .item-cont .date-info dl:first-child{
  margin-top:0;
}
.reward-event .item-cont .date-info dl dt{
  position:absolute;
  top:0;
  left:0;
  padding-left:24px;
  font-size:16px;
  font-weight:700;
  color:#2e3436;
  line-height:22.4px;
  letter-spacing: -.2px;
}
.reward-event .item-cont .date-info dl dt::before{
  content:'';
  position:absolute;
  top:50%;
  left:0;
  width:18px;
  height:18px;
  margin-top:-9px;
  background:url(../images/ico_star.png) no-repeat 50% 50% / 18px 18px;
}
.reward-event .item-cont .date-info dl dd{
  margin-left:0;
  font-size:16px;
  color:#555;
  line-height:22.4px;
  letter-spacing:-.2px;
}
.reward-event .item-cont .date-info dl dd strong{
  font-weight:700;
}
.reward-event .item-cont .date-info::after{
  content:'';
  position:absolute;
  top:-50px;
  right:0;
  width:88px;
  height:82px;
  background:url(../images/img_reward_coin2.png) no-repeat 50% 50% / 88px 82px;
}
.reward-event .item-cont .app-download{
  margin-top:40px;
  text-align:center;
}
.reward-event .item-cont .app-download p{
  font-size:16px;
  color:#2e3436;
  line-height:22.4px;
  letter-spacing:-.2px;
}
.reward-event .item-cont .app-download strong{
  display:inline-block;
  position:relative;
  font-size:16px;
  font-weight:700;
  color:#b71256;
}
.reward-event .item-cont .app-download strong::before{
  content:'';
  position:absolute;
  width:103%;
  height:11px;
  left:-2px;
  bottom:0;
  border-radius:40px;
  background-color:#c02c69;
  opacity:0.12;
}
.reward-event .item-cont .app-download .download-list{
  position:relative;
  margin:32px 24px 0;
}
.reward-event .item-cont .app-download .download-list a:first-child{
  margin-left:0;
}
.reward-event .item-cont .app-download .download-list a{
  display:inline-block;
  width:calc(50% - 14px);
  height:88px;
  line-height:88px;
  margin-left:12px;
  box-sizing:border-box;
  border: 1px solid #808080;
  border-radius:62px;
  background:#fff;
  text-align:center;
}
.reward-event .item-cont .app-download .download-list a span{
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color:#555;
  line-height:26px;
  letter-spacing: -.2px;
}
.reward-event .item-cont .app-download .download-list a.btn-google-down span{
  padding-left:38px;
}
.reward-event .item-cont .app-download .download-list a.btn-appstore-down span{
  padding-left:42px;
}
.reward-event .item-cont .app-download .download-list a span::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.reward-event .item-cont .app-download .download-list a.btn-google-down span::before{
  width:30px;
  height:30px;
  background:url(../images/ico_google.png) no-repeat 50% / 30px 30px;
}
.reward-event .item-cont .app-download .download-list a.btn-appstore-down span::before{
  width:34px;
  height:32px;
  background:url(../images/ico_store.png) no-repeat 50% / 34px 32px;
}
.reward-event .item-cont .info-list{
  position:relative;
  margin-top:40px;
  padding:36px 24px 44px;
  background-color:#f9f9f9;
}
.reward-event .item-cont .info-list::after{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:106px;
  height:99px;
  background:url(../images/img-reward-coin3.png) no-repeat 50% 50% / 106px 99px;
}
.reward-event .item-cont .info-list p{
  font-weight:700;
  color:#2e3436;
}
.reward-event .item-cont .info-list ol{
  position:relative;
  z-index:10;
}
.reward-event .item-cont .info-list ol li{
  margin-top:12px;
  font-size:14px;
  color:#555;
  line-height:19.6px;
  letter-spacing:-.2px;
}
/* // 런칭 이벤트 페이지 */
/* [e] 240412 */

/* [s] 241028 리워드 치킨 이벤트 */
.container.event .evt-launch .img-box{
  margin-top:32px;
}
.container.event .evt-launch .img-box:first-child{
  margin-top:0;
}
.container.event .evt-launch .info-list{
  margin-top:44px;
  padding:48px 32px;
  color:#fff;
  background:#292725;
}
.container.event .evt-launch .info-list p{
  font-size:20px;
}
.container.event .evt-launch .info-list ol{
  padding-top:24px;
}
.container.event .evt-launch .info-list ol li{
  padding-top:16px;
  font-size:18px;
}
.container.event .evt-launch .info-list ol li:first-child{
  padding-top:0;
}
/* [e] 241028 리워드 치킨 이벤트 */

/* [s] 240806 리워드 안내 ver2 */
.reward-guide .reward-service-inner{
  padding: 0;
}
.reward-guide .reward-service-inner .img-box{
  background:#fff3f4;
}
.reward-guide .reward-service-inner img{
  width:100%;
}
.reward-guide .reward-service-inner .reward-info{
  position:relative;
  background:#fff5f5;
}
.reward-guide .reward-service-inner .reward-info p{
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  font-size:18px;
  font-weight:500;
  line-height:24px;
  text-align:center;
}
.reward-guide .reward-service-inner .service-box{
  position:relative;
  z-index:10;
  background:#fff5f5;
}
.reward-guide .reward-service-inner .service-box::after{
  content:'';
  position:absolute;
  top:90px;
  right:26px;
  width:42px;
  height:56px;
  background:url(../images/img-star.png) no-repeat 50% 50% / 42px 56px;
}
.reward-guide .reward-service-inner .service-box .title{
  margin:0 94px;
}
.reward-guide .reward-service-inner .service-box .sub-title{
  margin:26px 80px 0;
}
.reward-guide .reward-service-inner .service-box .coupon-list{
  position:relative;
  padding:32px 40px 30px;
}
.reward-guide .reward-service-inner .service-box .coupon-list::before{
  content:'';
  position:absolute;
  left:50%;
  bottom:0;
  z-index:-10;
  width:100%;
  height:95%;
  background:url(../images/bg-service-box.png) no-repeat 50% 50% / 100% 100%;
  transform:translateX(-50%);
}
.reward-guide .reward-service-inner .service-box .coupon-list::after{
  content:'';
  position:absolute;
  top:78px;
  left:10px;
  z-index:-10;
  width:62px;
  height:68px;
  background:url(../images/img-balloon.png) no-repeat 50% 50% / 62px 68px;
}
.reward-guide .reward-service-inner .service-box .coupon-list a{
  display:block;
}
.reward-guide .reward-service-inner .service-box .coupon-list .img-done{
  display:none;
}
.reward-guide .reward-service-inner .service-box .coupon-list .done .img-coupon{
  display:none;
}
.reward-guide .reward-service-inner .service-box .coupon-list .done .img-done{
  display:block;
  cursor:default;
}
.reward-guide .reward-service-inner .service-box.use-box{
  padding:38px 40px 60px;
}
.reward-guide .reward-service-inner .service-box.use-box::after{
  content:none;
}
.reward-guide .reward-service-inner .service-box.use-box .sub-title{
  margin:0 40px;
}
.reward-guide .reward-service-inner .service-box.use-box .use-list{
  margin-top:26px;
}
.reward-guide .reward-service-inner .service-box.use-box .use-list li{
  position:relative;
  min-height:132px;
  border-radius:16px;
  background-color:#fff;
  text-align: left;
  box-shadow: 3px 4px 10px 1px rgba(242, 236, 238, 1);
}
.reward-guide .reward-service-inner .service-box.use-box .use-list li + li{
  margin-top:12px;
}
.reward-guide .reward-service-inner .service-box.use-box .use-list li a{
  position: relative;
  display: flex;
  align-items: center;
  padding: 18px 75px 18px 24px;
}
.reward-guide .reward-service-inner .service-box.use-box .use-list li a::after{
  content:'';
  position:absolute;
  top:50%;
  right:26px;
  width:28px;
  height:28px;
  background:url(../images/ico-next.png) no-repeat 50% 50% / 28px;
  transform:translateY(-50%);
}
.reward-guide .reward-service-inner .service-box.use-box .use-list li a .thumbs-img{
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  width: 96px;
  height: 96px;
  padding-left: 24%;
}
.reward-guide .reward-service-inner .service-box.use-box .use-list li a .thumbs-img img{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 0;
  height: 0;
}
.reward-guide .reward-service-inner .service-box.use-box .use-list li a .txt-box .img-box{
  width:103px;
  background:transparent;
}
.reward-guide .reward-service-inner .service-box.use-box .use-list li a .txt-box{
  margin-left:21px;
}
.reward-guide .reward-service-inner .service-box.use-box .use-list li a .txt-box .txt{
  margin-top:6px;
  font-size:14px;
  line-height:24px;
  color: #333;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap{
  margin-top:12px;
  padding:32px 24px;
  border-radius:16px;
  background:#fff;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .tit{
  font-size:18px;
  font-weight:900;
  line-height:24px;
  text-align:center;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .tit span{
  position:relative;
  color:#b71256;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .tit span::after{
  content:'';
  position:absolute;
  bottom:0;
  left:50%;
  width:137px;
  height:11px;
  border-radius:40px;
  background:#b71256;
  opacity:.12;
  transform:translateX(-50%);
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .download-info{
  margin-top:16px;
  text-align:center;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .download-info p{
  font-size:18px;
  font-weight:500;
  line-height:24px;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .download-info span{
  display:inline-block;
  margin-top:4px;
  font-size:14px;
  line-height:24px;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top:32px;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a{
  display:inline-block;
  width:100%;
  height:80px;
  line-height:80px;
  border:2px solid #333;
  border-radius:100px;
  background: #fff;
  text-align: center;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a + a{
  margin-top:12px;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a span{
  position:relative;
  font-size:18px;
  font-weight:500;
  line-height:26px;
  color:#333;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a span::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a.btn-google span{
  padding-left:38px;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a.btn-google span::before{
  width: 30px;
  height: 30px;
  background: url(../images/ico_google.png) no-repeat 50% / 30px 30px;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a.btn-appstore span{
  padding-left:42px;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a.btn-appstore span::before{
  width: 34px;
  height: 32px;
  background: url(../images/ico_store.png) no-repeat 50% / 34px 32px;
}
.reward-guide .notice{
  padding:48px 40px 0; 
}
.reward-guide .notice .title{
  font-size:18px;
  font-weight:700;
  line-height:24px;
}
.reward-guide .notice dl{
  margin-top: 20px;
}
.reward-guide .notice dd{
  margin-top: 12px;
    margin-left: 0;
}
/* [e] 240806 리워드 안내 ver2 */

/* [s] 250109 리워드 안내 ver4 */
.reward-guide.ver4 .reward-service-inner .reward-info{
  background: #fff2f3;
}
.reward-guide.ver4 .reward-service-inner .service-box.use-box{
  margin-top: -8px;
  padding: 7.125rem 2.5rem 3.125rem;
  background: #fff2f3 url(../images/bg-reward-info3.png) no-repeat 50% 0 /100% 100%;
}
/* .reward-guide.ver4 .reward-service-inner .service-box.use-box .use-list{
  margin-top: 0;
} */
.reward-guide.ver4 .reward-service-inner .service-box.use-box .agree-wrap{
  position: relative;
  box-shadow: 0px 12px 20px 1px #a8188d0d;
}
.reward-guide.ver4 .reward-service-inner .service-box.use-box .agree-wrap .link{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 26%;
  font-size: 0;
  color: transparent;
}
.reward-guide.ver4 .reward-service-inner .service-box.use-box .download-wrap{
  position: relative;
  margin-top: 18px;
  padding: 40px 24px;
  border: 2px solid #ffdbea;
  box-shadow: 0px 12px 20px 1px #a8188d0d;
}
.reward-guide.ver4 .reward-service-inner .service-box.use-box .download-wrap::before{
  content: '';
  position: absolute;
  bottom: -83px;
  left: -44px;
  z-index:10;
  width: 125px;
  height: 141px;
  background: url(../images/img-present-box.png) no-repeat 50% 50% / 125px 141px;
}
.reward-guide.ver4 .reward-service-inner .service-box.use-box .download-wrap .tit{
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.02em;
}
.reward-guide .reward-service-inner .service-box.use-box .download-wrap .download-info{
  margin-top: 24px;
}
.reward-guide.ver4 .reward-service-inner .service-box.use-box .download-wrap p{
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.reward-guide.ver4 .reward-service-inner .service-box.use-box .download-wrap .download-info span{
  margin-top: 8px;
  font-size: 18px;
}
.reward-guide.ver4 .reward-service-inner .service-box.use-box .download-wrap .app-list{
margin-top: 40px;
}
/* [e] 250109 리워드 안내 ver4 */

/* [s] 240809 마이프로필 리뉴얼 */
/* 설정 */
.is-single-line.profile li{
  border-bottom:1px solid #eee;
}
.is-single-line.profile li a{
  position:relative;
  padding:1.5rem 0 1.5rem 2.375rem;
  
}
.is-single-line.profile li a span{
  font-weight:700;
  color:#333;
}
.is-single-line.profile li a:hover{
  background:transparent;
}
.is-single-line.profile li:last-child a{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.is-single-line.profile li:last-child a::after{
  content:none;
}
.is-single-line.profile li a::before{
  content:'';
  display:block;
  position:absolute;
  top:50%;
  left:0;
  width:1.375rem;
  height:1.375rem;
  margin-top:-0.6875rem;
}
.is-single-line.profile li a::after{
  content:'';
  position:absolute;
  top:50%;
  right:0;
  width:22px;
  height:22px;
  margin-top:-11px;
  background:url(../images/ico-more-arrow.png) no-repeat 50% 50% / 22px;
}
.is-single-line.profile li .info{
  display:flex;
  justify-content:space-between;
  padding:0 0 24px 38px;
  font-size:14px;
  line-height:20px;
}
.is-single-line.profile li a.user::before{
  background:url(../images/ico-user.svg) no-repeat 50% 50% / 1.375rem;
}
.is-single-line.profile li a.terms::before{
  background:url(../images/ico-terms.svg) no-repeat 50% 50% / 1.375rem;
}
.is-single-line.profile li a.security::before{
  background:url(../images/ico-security.svg) no-repeat 50% 50% / 1.375rem;
}
.is-single-line.profile li a.system::before{
  background:url(../images/ico-system.svg) no-repeat 50% 50% / 1.375rem;
}
.is-single-line.profile li a.auto-login::before{
  background:url(../images/ico-login.svg) no-repeat 50% 50% / 1.375rem;
}

/* 약관 및 이용동의 */
.profile .chk-terms-box{
  padding:1.5rem 0;
  border-bottom:1px solid #eee;
}
.profile .chk-terms-box .txt{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.profile .chk-terms-box .txt p{
  font-weight:500;
}
.profile .chk-terms-box .txt .btn-cancel{
  margin-top:0;
  padding:0;
  font-size:14px;
  line-height:20px;
  color:#666;
  border:0;
  text-decoration:underline;
}
.profile .chk-terms-box ul li.flex-container > div{
  position:relative;
}
.profile .chk-terms-box ul li.flex-container{
  margin-top:1.5rem;
}
.profile .chk-terms-box ul li.flex-container a{
  width:18px;
  height:20px;
  background:url(../images/ico-more-arrow.png) no-repeat 50% 50% / 18px 20px;
  text-decoration:none;
}
.profile .chk-terms-box .marketing .term-box{
  margin-top:0.75rem;
}
.profile .chk-terms-box .marketing .term-box ul{
  justify-content:space-between;
  padding:16px 48px;
  background:#f9f9f9;
}
.profile .chk-terms-box .marketing .term-box ul li > div{
  position:relative;
}
.profile .chk-terms-box .marketing.disable label{
  color:#808080;
}
.profile .chk-terms-box .marketing input[type="checkbox"]:disabled + label:before{
  background:#f5f5f5 url(../images/btn_chkS_off.png) no-repeat 0 0 / 24px;
}
.profile .chk-terms-box .marketing.disable a{
  cursor:default;
}
.profile .is-collapse.terms-list{
  margin-bottom: 5rem;
}
.profile .is-collapse.terms-list ul li.flex-container a{
  width:18px;
  height:20px;
  background:url(../images/ico-more-arrow.png) no-repeat 50% 50% / 18px 20px;
  text-decoration:none;
}
.profile .is-collapse.terms-list .collapse-header{
  padding:1.5rem 0 0.25rem;
}
.profile .is-collapse.terms-list .collapse-header:before{
  content:none;
}
.profile .is-collapse.terms-list .collapse-header:after{
  right:0;
  transform:translateY(0);
}
.profile .is-collapse.terms-list .collapse-header.show:after{
  transform:rotate(180deg);
}
.profile .is-collapse.terms-list .collapse-content{
  padding:0;
  background:transparent;
}
.profile .is-collapse.terms-list .collapse-content p:before{
  content:none;
}
.profile .is-collapse.terms-list .collapse-content p:not(.validation-msg){
  padding-left:0;
}
/* [e] 240809 마이프로필 리뉴얼 */
/* [s] 241028 noti-section 영역 */
.container .noti-section .txt-area{
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.container .noti-section .txt-area h3{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04rem;
}
.container .noti-section .txt-area h3 strong{
  font-weight:700;
}
.container .noti-section .txt-area img{
  width: 138px;
  height: 110px;
}
.container .reward-service-detail{
  margin-top: 24px;
  padding-bottom: 32px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  text-align: right;
  border-bottom: 1px solid #eee;
} 
.container .reward-service-detail a{
  color:#666;
}
/* [e] 241028 noti-section 영역 */
/* [s] 240814 리워드 적립 */
.container.reward-earn h3{
  font-size:18px;
  font-weight:700;
  line-height:26px;
}
.container.reward-earn img{
  width:100%;
}
.container.reward-earn .user-point{
  margin-top:24px; /* 241028 추가 */
  /* border:1px solid #eee; */ /* 240905 추가 */ /* 241028 삭제 */
  border-radius:10px; /* 240905 추가 */
  /* box-shadow: 0 4px 10px 0 rgba(242, 236, 238, 5); */ /* 240905 추가 */ /* 241028 삭제 */
  /* background:#fff6fa; */ /* 240905 삭제 */
  background:#fff2f8 url(../images/bg-reward-noti.png) no-repeat 0 0 / 50% 100%;
}
.container.reward-earn .user-point a{
  /* display:flex;
  align-items:center;
  justify-content:space-between; */ /* 240905 삭제 */
  display:block; /* 240905 추가 */
  position:relative; /* 240905 추가 */
  padding:24px 28px; /* 240905 수정 */ /* 241028 수정 */
}
/* [s] 240905 추가 */
.container.reward-earn .user-point a .txt-box .point::after{ /*241031 수정 */
  content:'';
  position:absolute;
  top:50%;
  right:0; /* 241028 수정 */ /*241031 수정 */
  width:18px; 
  height:20px; 
  margin-top:-9px; 
  background:url(../images/ico-more-arrow2.png) no-repeat 50% 50% / 18px 20px; 
}
.container.reward-earn .user-point a .txt-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
/* [e] 240905 추가 */
.container.reward-earn .user-point a .txt-box p{
  font-size:18px; /* 240905 수정 */ /* 241028 수정 */
  font-weight:500;
  line-height:26px; /* 240905 수정 */ /* 241028 수정 */
  color:#111;
}
.container.reward-earn .user-point a .txt-box p em{
  position:relative;
  z-index:10;
  font-weight:700;
}
/* .container.reward-earn .user-point a .txt-box p em::before{
  content:'';
  position:absolute;
  bottom:1px;
  left:50%;
  z-index:-10;
  width:75px;
  height:10px;
  border-radius:10px;
  background:#ffdde9;
  transform:translateX(-50%);
} */ /* 240905 삭제 */
.container.reward-earn .user-point a .txt-box .point{
  display:inline-block;
  position:relative;
  /* margin-top:18px; */ /* 240905 삭제 */
  padding:0 23px 0 36px; /* 240905 수정 */ /* 241028 수정 */
  /* padding-right:42px; */ /* 240905 삭제 */
  font-size:28px; /* 240905 수정 */ /* 241028 수정 */
  font-weight:700;
  line-height:32px; /* 240905 수정 */ /* 241028 수정 */
  color:#111;
  /* border:1px solid #b71256;
    border-radius:100px; */ /* 241028 삭제 */
}
.container.reward-earn .user-point a .txt-box .point::before{
  content:'';
  position:absolute;
  top:50%;
  left:0; /* 240905 수정 */ /* 241028 수정 */
  width:28px; /* 240905 수정 */ /* 241028 수정 */
  height:28px; /* 240905 수정 */ /* 241028 수정 */
  margin-top:-14px; /* 240905 수정 */ /* 241028 수정 */
  background:url(../images/ico-reward.png) no-repeat 50% 50% / 28px; /* 240905 수정 */ /* 241028 수정 */
}
/* .container.reward-earn .user-point a .txt-box .point::after{
  content:'';
  position:absolute;
  top:50%;
  right:0;
  width:24px;
  height:26px;
  margin-top:-12px;
  background:url(../images/ico-more-arrow2.png) no-repeat 50% 50% / 24px 26px;
} */ /* 240905 삭제 */
.container.reward-earn .user-point a .img-box{
  width:140px;
  height:116px;
}
.container.reward-earn .reward-collect{
  padding-top:2.5rem;
}
.container.reward-earn .reward-collect .collect-list{
  margin-top:16px;
}
.container.reward-earn .reward-collect .collect-list li{
  border:1px solid #eee;
  border-radius:10px;
  box-shadow:0 4px 10px 0 rgba(242, 236, 238, 5);
}
.container.reward-earn .reward-collect .collect-list li + li{
  margin-top:12px;
}
.container.reward-earn .reward-collect .collect-list li a{
  position:relative;
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px;
}
.container.reward-earn .reward-collect .collect-list li a::after{
  content:'';
  position:absolute;
  top:50%;
  right:20px;
  width:18px;
  height:20px;
  margin-top:-9px;
  background:url(../images/ico_arrow_more3.png) no-repeat 50% 50% / 18px 20px;
}
/* [s] 241016 관심사등록하기 완료 */ /* [s] 241030 삭제 */
/* .container.reward-earn .reward-collect .collect-list li.interest-comp{
  position:relative;
}
.container.reward-earn .reward-collect .collect-list li.interest-comp::after{
  content: '완료';
  display:inline-block;
  position:absolute;
  top:50%;
  right:44px;
  width: 60px;
  height: 24px;
  margin-top:-12px;
  padding-left: 26px;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  color: #b71256;
  border-radius: 82px;
  background: rgba(183, 18, 86, 0.05) url(../images/ico-check.png) no-repeat 20% 50% / 12px 10px;
}
.container.reward-earn .reward-collect .collect-list li.interest-comp .txt-box .sub-tit{
  display: -webkit-box;
  padding-right:80px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: normal;
  overflow: hidden;
}  */
/* [e] 241016 관심사등록하기 완료 */ /* [e] 241030 삭제 */

/* [s] 240902 리워드 완료케이스 */
.container.reward-earn .reward-collect .collect-list li a.complete{
  cursor:auto;
}
.container.reward-earn .reward-collect .collect-list li a.complete::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:10px;
  opacity:.5;
  background:#f9f9f9;
}
.container.reward-earn .reward-collect .collect-list li a.complete::after{
  content:'완료';
  width:60px;
  height:24px;
  padding-left:26px;
  font-size:14px;
  font-weight:700;
  line-height:26px;
  color:#b71256;
  border-radius:82px;
  background:rgba(183, 18, 86, 0.05) url(../images/ico-check.png) no-repeat 20% 50% / 12px 10px;
}
/* [e] 240902 */
/* [s]241031 추가 */
.container.reward-earn .reward-collect .collect-list li a.clickable{
  cursor:pointer;
}
.container.reward-earn .reward-collect .collect-list li a.clickable::before {
  display:none;
}
/* [e]241031 추가 */
/* [s] 241028 리워드 비대상케이스 */
.container.reward-earn .reward-collect .collect-list li a.affect-none{
  cursor:auto;
}
.container.reward-earn .reward-collect .collect-list li a.affect-none::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:10px;
  opacity:.5;
  background:#f9f9f9;
}
.container.reward-earn .reward-collect .collect-list li a.affect-none::after{
  content:'비대상';
  width:74px;
  height:24px;
  padding-left:27px;
  font-size:14px;
  font-weight:700;
  line-height:26px;
  color:#666;
  border-radius:82px;
  background:rgba(17, 17, 17, 0.08) url(../images/ico-affect-none.png) no-repeat 15% 50% / 13px 14px;
}
/* [e] 241028 리워드 비대상케이스 */
.container.reward-earn .reward-collect .collect-list li a .img-box{
  width:44px;
  height:44px;
}
.container.reward-earn .reward-collect .collect-list li a .txt-box{
  color:#333;
}
.container.reward-earn .reward-collect .collect-list li a .txt-box .tit{
  font-family: 'Noto Sans KR'; /* 241202 추가 */
  font-weight:700;
}
.container.reward-earn .reward-collect .collect-list li a .txt-box .sub-tit{
  margin-top:8px;
  font-family: 'Noto Sans KR'; /* 241202 추가 */
  font-size:14px;
  line-height:20px;
  color:#666;
}
.container.reward-earn .reward-banner{
  padding-top:2.5rem;
}
.container.reward-earn .reward-banner .mo-ver{
  display:none;
}
.container.reward-earn .col-list-wrap{
  margin:0 !important;
  padding:2.5rem 0 0 0 !important;
}
.container.reward-earn .col-list-wrap .tit-wrap{
  position: relative;
  padding-right: 80px;
}
.container.reward-earn .col-list-wrap .tit-wrap .btn-more{
  position: absolute;
  top: 50%;
  right: 0;
  padding-right:24px;
  font-size: 12px;
  color:#767676;
  line-height:21px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-decoration:underline;
}
.container.reward-earn .col-list-wrap .tit-wrap .btn-more::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url(../images/ico_more_arrow.svg) no-repeat 50%/20px;
}
.container.reward-earn .col-list-wrap .swiper-container{
  padding-top:16px;
}
.container.reward-earn .col-list-wrap .swiper-slide a{
  display:block;
}
.container.reward-earn .col-list-wrap .swiper-slide .img-box{
  position: relative;
  z-index: 10;
  padding-top:100%; 
}
.container.reward-earn .col-list-wrap.favor .swiper-slide .img-box{
  padding-top:76%;
}
.container.reward-earn .col-list-wrap .swiper-slide .img-box img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 0;
  height: 0;
  margin: auto;
  object-fit: cover;
  object-position: 0 0;
  border:1px solid #eee; /* 240905 추가 */
  border-radius: 10px;
}
.container.reward-earn .col-list-wrap .swiper-slide .cate-box .category{
  display:inline-block;
  font-size:11px;
  line-height:16px;
  color:#808080;
}
.container.reward-earn .col-list-wrap .swiper-slide .txt-box{
  padding-top: 4px;
}
.container.reward-earn .col-list-wrap .swiper-slide .txt-box .tit{  
  display:inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
  max-width:121px;
  font-size:14px;
  color:#333;
  line-height:20px;
}
.container.reward-earn .col-list-wrap .swiper-slide .txt-box .price{
  padding-top:4px;
  font-size:14px;
  font-weight:700;
  color:#111; /* 241213 수정 */
  line-height: 14px;
}
.container.reward-earn .col-list-wrap .swiper-slide .cate-box{
  padding-top:8px;
}
.container.reward-earn .col-list-wrap.favor .swiper-slide .txt-box{
  padding-top:8px;
}
.container.reward-earn .col-list-wrap.favor .swiper-slide .txt-box .tit{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: inherit;
  height:38px;  /* 20241206 40->38 */
}
.container.reward-earn .col-list-wrap .swiper-container .swiper-button-prev{
  top:32%;
  width:30px;
  height:30px;
  margin-top:0;
  border-radius:50%;
  background:url(../images/ico_prev_round.svg) no-repeat 50%/30px;
  color:transparent;
}
.container.reward-earn .col-list-wrap .swiper-container .swiper-button-next{
  top:32%;
  width:30px;
  height:30px;
  margin-top:0;
  border-radius:50%;
  background:url(../images/ico_next_round.svg) no-repeat 50%/30px;
  color:transparent;
}
/* [e] 240814 리워드 적립 */

/* [s] 241021 리워드로 응모하기 */
.container.reward-earn .col-list-wrap .evt-container{
  padding-top:16px;
}
/* [e] 241021 리워드로 응모하기 */

/* [s] 240927 리워드 빅 이벤트 */
.reward-bigevt-wrap .evt-banner{
  position:relative;
}
.reward-bigevt-wrap .evt-banner img{
  width:100%;
}
/* [s] 241007 수정 */
.reward-bigevt-wrap .evt-banner a{
  position:absolute;  
  bottom:8%;
  left:50%;
  width:77%;
  height:6%;
  transform:translateX(-50%);
  background:url(../images/img-reward-bigevt1.png) no-repeat 50% 50% / 100%;
}
.reward-bigevt-wrap a.btn-attend{
  background:url(../images/img-reward-bigevt2.png) no-repeat 50% 50% / 100%;
  cursor:unset;
}
.reward-bigevt-wrap a.btn-ending{
  background:url(../images/img-reward-bigevt3.png) no-repeat 50% 50% / 100%;
  cursor:unset;
}
/* [e] 241007 수정 */
.reward-bigevt-wrap .evt-list{
  margin:48px 12px;
}
.reward-bigevt-wrap .evt-list .img-box:first-child{
  margin-top:0;
}
.reward-bigevt-wrap .evt-list .img-box{
  margin-top:30px;
}
.reward-bigevt-wrap .evt-list .img-box .complete{
  cursor:unset;
}
.reward-bigevt-wrap .evt-list .img-box img{
  width:100%;
}
.reward-bigevt-wrap .notice{
  padding: 48px 40px;
  background:#f6f5f8;
}
/* [s] 241007 추가 */
.reward-bigevt-wrap .evt-list .evt-attend{
  margin-top:12px; /* 241007 수정 */
}
.reward-bigevt-wrap .evt-list .evt-attend .info{
  font-weight:500;
  color:#5f5f5f;
  text-align:center;
}
.reward-bigevt-wrap .evt-list .evt-attend .info span{
  font-weight:700;
}
.reward-bigevt-wrap .evt-list .evt-attend .winner-box{
  display:flex;
  align-items:center;
  gap:17px; /* 241007 수정 */
  height:70px;
  margin-top:8px;
  background:url(../images/winner-bg.png) no-repeat 50% 50% / 100% 70px;
}
.reward-bigevt-wrap .evt-list .evt-attend .winner-box .winner{
  width:134px; /* 241007 수정 */
  height:22px;
  margin-left:12px; /* 241007 수정 */
  line-height:34px; /* 241007 추가 */
}
.reward-bigevt-wrap .evt-list .evt-attend .winner-box .winner img{
  width:100%;
  height:22px; /* 241007 추가 */
}
.reward-bigevt-wrap .evt-list .evt-attend .winner-box .rolling_area {
  position:relative;
  overflow:hidden;
  width:100%;
  height:22px;
}
.reward-bigevt-wrap .evt-list .evt-attend .winner-box .rolling_area .rolling_wrap {
  display:flex;
  position:relative;
}
.reward-bigevt-wrap .evt-list .evt-attend .winner-box .rolling_area .rolling_wrap li{
  flex:0 0 100%;
  margin-top:0;
}
.reward-bigevt-wrap .evt-list .evt-attend .winner-box .rolling_area .rolling_wrap li span:first-child{
  margin-left:0;
}
.reward-bigevt-wrap .evt-list .evt-attend .winner-box .rolling_area .rolling_wrap li span{
  display:inline-block;
  margin-left:24px;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
}
/* [e] 241007 추가 */
/* [e] 240927 리워드 빅 이벤트 */

/* [s] 240927 관심사 등록하기 */
.container .wrapper .interest-wrap .page-desc .txt{
  font-size:16px;
  line-height:23px;
  color:#666;
}
.interest-wrap ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.interest-wrap ul li{
  width:calc((100% - 71px) / 4);
  box-sizing:border-box;
  margin-top:0;
}
.interest-wrap ul li button{
  font-size:unset;
  border:0;
  border-radius:unset;
  color:#333;
}
.interest-wrap ul li .item{
  display:block;
  position:relative;
  width:100%;
  height:100%;
  padding-top:92px;
}
.interest-wrap ul li .item .img{
  position:absolute;
  top:0;
  left:50%;
  width:84px;
  height:84px;
  margin-left:-42px;
  border:1px solid #eee;
  border-radius:50%;
  text-align:center;
  box-sizing:border-box
}
.interest-wrap ul li .item .img{
  background:url(../images/ico-list1.svg) no-repeat 50% 50% / 84px; /* 241008 아이콘변경 */
}
.interest-wrap ul li .item .txt{
  display:inline-block;
  font-size:14px;
  line-height:20px;
  text-indent: unset;
}
/* item-on */
.interest-wrap ul li .item.on::after{
  content:'';
  position:absolute;
  top:0;
  left:50%; /* 241008 수정 */
  width:84px; /* 241008 수정 */
  height:84px; /* 241008 수정 */
  background:url(../images/ico-chk.svg) no-repeat 50% 50% / 84px; /* 241008 아이콘변경 */
  transform:translateX(-50%); /* 241008 추가 */
}
/* [e] 240927 관심사 등록하기 */

@media only screen and (max-width: 370px) {
  #appPopup .modal-content {
    padding: 3rem 0.88rem 2.38rem; /* 230523 수정 */
  }
  /* #appPopup .download-box a{
    padding:0;
  }
  #appPopup .download-box a span{
    display:none;
  }
  #appPopup .download-box a::before{
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
  } 230523 삭제 */
}
/* [s] 230523 */
@media only screen and (max-width: 324px) {
  #appPopup .modal-content {
    padding: 3rem 0 2.38rem;
  }
  #appPopup .modal-content .tit-main {
    font-size: 14px;
  }
  #appPopup .info-txt span {
    display: inline-block;
    width: 100%;
  }
}
/* [e] 230523 */

#appPopup2 {
  width: 510px;
  padding: 0 30px 0 !important; /* 230523 수정 */
}
#appPopup2 .modal-content {
  padding: 75px 0 61px;
}
#appPopup2 .app-img-box {
  padding-top: 50px; /* 230523 수정 */
}
/* [s] 230523 */
#appPopup2 .download-box {
  padding-top: 50px;
}
#appPopup2 .info-txt {
  padding-top: 15px;
}
#appPopup2 .modal-footer {
  margin: 0 -30px;
}
/* [e] 230523 */

/* #LoginPopup{
  width:335px;
  padding:0 1rem 0 !important;
}
#LoginPopup .modal-content{
  padding:90px 14px 70px;
}
#LoginPopup .qr-img-box{
  padding-top:30px;
  text-align:center;
}
#LoginPopup .qr-img-box a{
  display:inline-block;
  font-size:0;
}
#LoginPopup .qr-img-box img{
  width:120px;
}
#LoginPopup .qr-img-box .txt{
  font-size:13px;
  color:#000;
  line-height:19px;
  letter-spacing:-0.05em;
}
#LoginPopup .modal-footer{
  margin:0 -1rem;
} 230523 삭제 */
/* [e] 230522 */

/* [s] 241203 스플래쉬 */
.splash-wrap{
  height:100%;
  background: url(../images/splash-bg.png) no-repeat 100% 100% / cover;
}
.splash-wrap .container{
  height:100%;
  padding-top:0;
}
.splash-wrap .splash-box{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:100%;
}
.splash-wrap .splash-box img{
  height:32px;
}
.splash-wrap .splash-box p{
  margin-top:24px;
  font-size:18px;
  line-height:25px;
  color:#fff;
  text-align:center;
}
.splash-wrap .splash-box img.lgcns-logo{
  position:absolute;
  bottom:24px;
  height:12px;
}
/* [e] 241203 스플래쉬 */

/* [s] 250324 스플래쉬 ver2 추가 */
.splash-wrap.v2{
  background: url(../images/splash-bg-v2.png) no-repeat 100% 100% / cover;
}
/* [e] 250324 스플래쉬 ver2 추가 */

/* [s] 221219 */
@media only screen and (max-width: 1600px) {
  header:not(.lightpick__month-title-bar) .menu-button {
    right: 69px;
  }

  header .top-contents .inner {
    padding-right: 6.125rem;
  }
  /* [s] 230213 */
  header .drop-contents {
    height: 399px !important;
  }
  /* [e] 230213 */
  header .drop-contents .inner {
    padding-right: 6.125rem;
  }
  /* [s] 230608 */
  header .nav .gnb-wrap {
    padding-right: 2.813rem;
  }
  header .nav .gnb-wrap ul {
    float: none;
    width: 100%;
  }
  header .nav .gnb-wrap ul + ul {
    padding: 0;
  }
  /* [e] 230608 */
  /*header .nav .my-lg{
    padding-right:4.875rem;
  }
  header .nav .my-lg ul{
    float:none;
    width:100%;
  }
  header .nav .my-lg ul + ul{
    padding:0;
  } 230608 삭제 */
  header .nav .nav-right {
    -webkit-box-pack: start;
    -moz-box-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /* width:auto; 230208 삭제 */
  }
}

@media only screen and (max-width: 1350px) {
  /* 230213 max-width:1280px 에서 1350px로 변경 */
  header .drop-contents {
    height: 603px !important; /* 230213 수정 */
  }
  /* header .drop-contents .inner{
    height:569px;
  } 230213 삭제 */
  header .nav .nav-right {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  header .nav .setting-wrap {
    padding-right: 0;
  }
  header .nav .banner-wrap {
    /* padding-top:2.4375rem; 230208 삭제 */
    margin: 1.625rem 0 0 auto; /* 230208 추가 */ /* 230213 수정 */
  }
}
/* [e] 221219 */

@media only screen and (max-width: 1024px) {
  /* 210420 */
  header.intro-header > div:not(.flex-container) {
    width: 100% !important;
  }

  /* [s] 230213 삭제 */
  /* [s] 221219 */
  /* header .top-contents .inner{
    padding-right:5.8125rem;
  }

  header .drop-contents .inner{
    padding:3.125rem 5.8125rem 2.125rem 7.4375rem;
  }
  header .nav .nav-left{
    -webkit-box-orient:vertical;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
  }
  header .nav .my-lg{
    padding-right:0;
  }
  header .nav .gnb-wrap + .gnb-wrap{
    padding-top:3.562rem;
  /* }
  header .nav .nav-right{
    padding-left:2.75rem;
  }
  header .nav .setting-wrap{
    width:100%;
  }
  header .nav .setting-wrap li a{
    width:100%;
  } */
  /* [e] 230213 삭제 */
  /* header .nav .banner-wrap{
    width:100%;
  } 230208 삭제 */
  /* [e] 221219 */

  input,
  label,
  button,
  a,
  select,
  textarea {
    /* outline:none !important;  21062804 */
  }

  /* 210706 */
  label {
    /* outline:none;  */
    -webkit-appearance: none;
    -moz-appearance: none;
  }

  .introduce-wrap .flex-container.space-between {
    justify-content: space-around;
  }

  .introduce-cont.int-section02 .bgImage-box {
    width: 100px;
    height: 100px;
  }
  .introduce-cont.int-section02 .feature-desc strong {
    font-size: 20px;
  }
  .introduce-cont.int-section02 .feature-desc span {
    font-size: 16px;
  }
  .introduce-cont .text-box p {
    font-size: 28px;
  }

  .bgImage-box .bg-image.intro03-img {
    background: url("../images/img_intro03.png") no-repeat center center / 135%;
  }

  /* [s]210910 */

  .new.event-cont {
    padding: 0;
  }
  .new .event-inner {
    width: 100%;
  }
  .new .event-inner img {
    width: 100%;
  }

  /* [e]210910 */

  /* .btnLoginQr{display:none;} 211116 */
}

/* [s] 230213 */
@media only screen and (max-width: 1000px) {
  header .top-contents .inner {
    padding-right: 5.8125rem;
  }

  /* [s] 230608 */
  header .drop-contents {
    height: 680px !important;
  }
  /* [e] 230608 */
  header .drop-contents .inner {
    padding: 3.125rem 5.8125rem 2.125rem 7.4375rem;
  }
  header .nav .nav-left {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  header .nav .my-lg {
    padding-right: 0;
  }
  header .nav .gnb-wrap + .gnb-wrap {
    padding-top: 2.375rem;
  }
  header .nav .nav-right {
    padding-left: 2.75rem;
  }
  header .nav .setting-wrap {
    width: 100%;
  }
  header .nav .setting-wrap li a {
    width: 100%;
  }

  /* [s] 230531 */
  #footer .menu-wrap .link-area {
    -webkit-box-pack: start;
    -moz-box-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  /* [s] 230608 */
  #footer .menu-wrap .link-area > li {
    padding-right: 3.125rem;
  }
  /* [e] 230608 */
  /* #footer .menu-wrap .link-area > li.my-lg{
    padding-right:3.125rem;
  } 230608 삭제 */
  #footer .menu-wrap .link-area > li.inquiry {
    width: 100%;
    padding-top: 2.5rem;
  }
  #footer .menu-wrap .link-area > li .info-txt {
    padding-top: 0.8125rem;
  }
  /* [e] 230531 */
}
/* [e] 230213 */

/* [s] 230126 */
@media only screen and (max-width: 895px) {
  /* #footer .menu-wrap .link-area{
    -webkit-box-pack:start;
    -moz-box-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
  }
  #footer .menu-wrap .link-area > li.my-lg{
    padding-right:3.125rem;
  }
  #footer .menu-wrap .link-area > li.inquiry{
    width:100%;
    padding-top:2.5rem;
  }
  #footer .menu-wrap .link-area > li .info-txt{
    padding-top:0.8125rem;
  } 230531 삭제 */

  /* [s] 230131 */
  .pop-layer-wrap .video-area {
    width: 100vw;
  }
  .pop-layer-wrap .video-area .video-thumb {
    background: url(../images/video_popup_thumb_mobile_v2.png) no-repeat 50% /
      100%;
  }
  .pop-layer-wrap .video-area .btn-close {
    top: unset;
    bottom: -66px;
    left: 50%;
    width: 38px;
    height: 38px;
    margin-left: -19px;
    background: url(../images/btn_close_video_v2_mobile.png) no-repeat 50% /
      38px;
  }
  /* [e] 230131 */
}
/* [e] 230126 */

/* [s] 240220 추가 */
@media only screen and (min-width: 780px) {
  .profile .top button.text-button:hover {
    background: #555;
    color: #fff;
  }
}

/* [e] 240220 추가 */

/* [s] 230213 */
@media only screen and (max-width: 780px) {
  .is-pc {
    display: none;
  }
  .is-mobile {
    display: block;
  }

  .layer-activated {
    overflow: hidden;
  }

  body .side-gnb.is-shown {
    right: 0;
  }
  body .side-gnb.is-shown + .side-gnb-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 102;
    background: rgba(0, 0, 0, 0.7);
  }

  header:not(.lightpick__month-title-bar) {
    height: 4rem;
  }

  header:not(.lightpick__month-title-bar) h2.page-title {
    display: block;
  }
  header:not(.lightpick__month-title-bar) .menu-button {
    right: 0;
    margin-top: -25px;
  }
  /* [s] IT200054A2-5596 [SI] [UserWeb] 마켓 검색 header */
  header.search-header:not(.lightpick__month-title-bar) {
    height: unset;
  }
  header.search-header:not(.lightpick__month-title-bar) .search-button {
    margin-top: -25px;
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 마켓 검색 header */
  header .top-contents .inner {
    padding: 0;
  }
  header h1.main-logo {
    display: none;
  }
  /* [s] 230302 */
  header h1.main-logo.show {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7rem;
    height: 1.12rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  /* [e] 230302 */
  header .login-link {
    display: none;
  }

  header.is-active .drop-contents {
    display: none;
  }

  /* [s] 230911 */
  .container {
    padding-top: 4rem;
  }
  /* [s] 230911 */

  /* [s] 230608 */
  .container .wrapper .page-title {
    display: none;
  }
  .container.event .wrapper .page-title.show {
    display: none;
  }
  /* [s] 230608 */

  .pop-layer-wrap.info-pop .pop-con {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    border-radius: 0;
  }
  .pop-layer-wrap.info-pop .pop-con .tit-box {
    padding: 1.25rem 2.6rem 1.25rem; /* 231214 수정 */
  }
  .pop-layer-wrap.info-pop .pop-con .tit-box p {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
  /* [s] 231214 */
  .pop-layer-wrap.info-pop .pop-con .btn-close {
    top: 22px;
    top: calc(22px + constant(safe-area-inset-top));
    top: calc(22px + env(safe-area-inset-top));
    right: 20px;
  }
  /* [e] 231214 */

  /* [s] 240130 수정 */
  .pop-layer-wrap.info-pop .pop-con .con-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    /* top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    padding:0 1.0625rem; */
    padding: 1rem;
  }
  /* [e] 240130 수정 */

  .pop-layer-wrap.info-pop .pop-con .con-box img {
    width: 100%;
    max-width: 400px; /* 240130 수정 */
  }
  .pop-layer-wrap.info-pop .dim {
    background-color: transparent;
  }

  /* [s] 240130 추가 */
  .pop-layer-wrap.info-pop .pop-con .con-box .is-mobile {
    display: inline;
  }
  /* [e] 240130 추가 */

  /* [s] 230911 */
  .container {
    padding-top: 4rem;
  }
  body.has-top-banner .container {
    padding-top: 246px;
  }
  /* [e] 230911 */

  /* [s] 240320 추가 */
  .swiper-container.tag-box::after {
    content: "";
    position: absolute;
    right: -25px;
    z-index: 10;
    width: 60px;
    height: 100%;
    margin-top: -40px;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgb(255, 255, 255) 50%
    );
  }
  .tab-filter-wrap .swiper-button-next,
  .tab-filter-wrap .swiper-button-prev {
    display: none;
  }
  /* [e] 240320 추가 */

  /* [s] 240326 */
  .modal .modal-content{
        padding:2rem .75rem;
    }
    .modal-policy .clear-fix select{
        width:100%
    }
    .modal-policy .privacy-info{
        margin:2rem 0;
    }
    .modal-policy .privacy-list li{
        width: calc(50% - 6px);
        padding:0 1rem 1rem 1rem;
        padding-top:5.125rem;
    }
    .modal-policy .privacy-list li::after{
        top: 1rem;
        left: 1rem;
    }
  /* [e] 240326 */
  
  /* [s] 240327 */
    .modal.modal-policy .privacy-article img.img-policy-pc{
        display:none;
    }
    .modal.modal-policy .privacy-article img.img-policy-mo{
        display:block;
    }
    .modal.modal-iframe .modal-content {
        padding: 0 .75rem;
    }
    .modal.modal-checklist .modal-content {
        padding:30px 12px 88px;
    }
    /* [e] 240327 */
  
  /* [s] 240513 */
    .modal.modal-terms .tab-list {
      margin:0 -.5rem;
    }
    .modal.modal-terms .tab-list li button {
      font-size:0.875rem;
      background:#f9f9f9;
      padding:0px 10px 0;
    }
    /* [e] 240513 */

  /* [s] 240412 */
  /* 리워드 안내 */
  /* [s] 240508 */
  .reward-guide .reward-box.save-box .info-list li .img-box img.pc-img{
    display:none;
  }
  .reward-guide .reward-box.save-box .info-list li .img-box img.mo-img{
    display:block;
  }
  /* [e] 240508 */
  .reward-guide .reward-box h3{
    font-size:16px;
  }
  .reward-guide .reward-box .txt{
    font-size:14px;
  }
  .reward-guide .reward-box.use-box .use-list li a .txt-box .tit{
    font-size:14px;
  }
  .reward-guide .reward-box.use-box .use-list li a .txt-box .txt{
    font-size:12px;
  }
  /* // 리워드 안내 */

  /* 런칭 이벤트 페이지 */
  .reward-event .item-cont .img-box.pc{
    display:none;
  }
  .reward-event .item-cont .img-box.mo{
    display:block;
  }
  /* [s] 240513 */
  .reward-event .item-cont .notice{
    padding:0 24px 0;
  }
  .reward-event .item-cont .notice dd{
    font-size:12px;
    line-height:16.8px;
  }
  /* [e] 240513 */
  /* [s] 240508 */
  .reward-event .item-cont .reward-service .reward-point .pc-img{
    display:none;
  }
  .reward-event .item-cont .reward-service .reward-point .mo-img{
    display:block;
  }
  /* [e] 240508 */
  .reward-event .item-cont .reward-service .btn-wrap{
    margin:0 25px;
  }
  .reward-event .item-cont .reward-service .notice{
    padding:0 24px 40px;
  }
  .reward-event .item-cont .reward-service .notice dd{
    font-size:12px;
    line-height:16.8px;
  }
  .reward-event .item-cont .reward-service::before{
    bottom:215px;
  }
  .reward-event .item-cont .date-info{
    padding:16px 0;
  }
  .reward-event .item-cont .date-info dl{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-top:16px;
    padding-left:0;
    text-align:center;
  }
  .reward-event .item-cont .date-info dl dt{
    position:inherit;
    font-size:14px;
    line-height:19.6px;
  }
  .reward-event .item-cont .date-info dl dt::before{
    width:16px;
    height:16px;
    margin-top:-8px;
    background:url(../images/ico_star.png) no-repeat 50% 50% / 16px 16px;
  }
  .reward-event .item-cont .date-info dl dd{
    margin-top:4px;
    font-size:14px;
    line-height:19.6px;
  }
  .reward-event .item-cont .date-info dl dd span{
    display:inline-block;
  }
  .reward-event .item-cont .app-download p{
    font-size:14px;
    line-height:19.6px;
  }
  .reward-event .item-cont .app-download p span{
    display:block;
  }
  .reward-event .item-cont .app-download strong{
    font-size:14px;
  }
  .reward-event .item-cont .app-download strong::before{
    bottom:-3px;
  }
  .reward-event .item-cont .app-download .download-list{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .reward-event .item-cont .app-download .download-list a{
    width:100%;
    height:72px;
    line-height:72px;
    margin-top:12px;
    margin-left:0;
  }
  .reward-event .item-cont .app-download .download-list a.btn-google-down span{
    padding-left:34px;
  }
  .reward-event .item-cont .app-download .download-list a.btn-appstore-down span{
    padding-left:37px;
  }
  .reward-event .item-cont .app-download .download-list a span{
    font-size:16px;
    line-height:23px;
  }
  .reward-event .item-cont .app-download .download-list a.btn-google-down span::before{
    width:26px;
    height:26px;
    background:url(../images/ico_google.png) no-repeat 50% / 26px 26px;
  }
  .reward-event .item-cont .app-download .download-list a.btn-appstore-down span::before{
    width:29px;
    height:28px;
    background:url(../images/ico_store.png) no-repeat 50% / 29px 28px;
  }
  .reward-event .item-cont .info-list{
    padding:36px 24px;
  }
  .reward-event .item-cont .info-list ol li{
    font-size:12px;
    line-height:16.8px;
  }
  /* // 런칭 이벤트 페이지 */
  /* [e] 240412 */

 /* [s] 240806 리워드 안내 ver2 */
  .reward-guide .reward-service-inner{
    margin: 0 -1.5rem;
  }
  .reward-guide .reward-service-inner .reward-info p{
    font-size:14px;
    line-height:20px;
  }
  .reward-guide .reward-service-inner .service-box::after{
    top:76px;
    right:17px;
    width:32px;
    height:44px;
    background:url(../images/img-star.png) no-repeat 50% 50% / 32px 44px;
  }
  .reward-guide .reward-service-inner .service-box .title{
    margin:0 73px;
  }
  .reward-guide .reward-service-inner .service-box .sub-title{
    margin:20px 62px 0;
  }
  .reward-guide .reward-service-inner .service-box .coupon-list{
    padding:25px 24px 22px;
  }
  .reward-guide .reward-service-inner .service-box .coupon-list::after{
    top:50px;
    left:0;
    width:48px;
    height:54px;
    background:url(../images/img-balloon.png) no-repeat 50% 50% / 48px 54px;
  }
  .reward-guide .reward-service-inner .service-box.use-box{
    padding:30px 24px 46px; 
  }
  .reward-guide .reward-service-inner .service-box.use-box .sub-title{
    margin:0 38px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .use-list li{
    position:relative;
    min-height:104px;
    border-radius:12px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .use-list li + li{
    margin-top:10px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .use-list li a{
    padding:14px 62px 14px 18px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .use-list li a .thumbs-img{
    width:76px;
    height:76px;
    padding-left:32%;
  }
  .reward-guide .reward-service-inner .service-box.use-box .use-list li a .txt-box{
    margin-left:18px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .use-list li a .txt-box .img-box{
    width:84px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .use-list li a .txt-box .txt{
    margin-top:4px;
    font-size:12px;
    line-height:18px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .use-list li a::after{
    right:20px;
    width:24px;
    height:24px;
    background:url(../images/ico-next.png) no-repeat 50% 50% / 24px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .download-wrap{
    margin-top:10px;
    padding:25px 20px;
    border-radius:12px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .download-wrap .tit{
    font-size:14px;
    line-height:18px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .download-wrap .tit span::after{
    width:111px;
    height:9px;
    border-radius:31px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .download-wrap .download-info{
    margin-top:12px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .download-wrap .download-info p{
    font-size:14px;
    line-height:18px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .download-wrap .download-info span{
    font-size:11px;
    line-height:18px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list{
    margin-top:24px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a{
    height:62px;
    line-height:60px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a span{
    font-size:14px;
    line-height:20px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a.btn-google span{
    padding-left:30px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a.btn-google span::before{
    width:24px;
    height:24px;
    background: url(../images/ico_google.png) no-repeat 50% / 24px 24px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a.btn-appstore span{
    padding-left:32px;
  }
  .reward-guide .reward-service-inner .service-box.use-box .download-wrap .app-list a.btn-appstore span::before{
    width:26px;
    height:26px;
    background: url(../images/ico_store.png) no-repeat 50% / 26px 26px;
  }
  .reward-guide .notice{
    padding:40px 0 0;
  }
  .reward-guide .notice .title{
    font-size:16px;
  }
  .reward-guide .notice dd{
    font-size:14px;
    line-height:24px;
  }
  
  /* [e] 240806 리워드 안내 ver2 */
  
  /* [s] 240809 마이프로필 리뉴얼 */
  /* 설정 */
  .is-single-line.profile{
    margin:0 -1.5rem;
  }
  .is-single-line.profile li{
    padding:0 1.5rem;
  }
  .is-single-line.profile li a{
    font-size:16px;
    line-height:23px;
  }
  /* [s] 250317 마이프로필 리뉴얼 ver2 */
  .container.v2 .wrapper .content-area > .block.border-bottom{
    margin: 0 -1.5rem;
  }
  .v2 .is-single-line.profile li{
    margin: 0 1.5rem;
  }
  /* [e] 250317 마이프로필 리뉴얼 ver2 */
  /* [s] 250512 마이프로필 리뉴얼 ver3 */
  .container.v3.profile-setting .wrapper .content-area > div{
    padding: 1.5rem 1.5rem 0;
  }
  .container.v3.profile-setting .wrapper .content-area > .btn-wrap.flex-container{
    bottom: -1.5rem;
    margin: 0 -1.5rem 0;
    padding: 0 1.5rem;
  }
  .v3.profile-setting .is-single-line.profile li{
    margin: 0 1.5rem;
  }
  .v3.profile-setting .is-single-line.profile li a.user::before{
    top: unset;
  }
  .v3.profile-setting .is-single-line.profile li a.terms::before{
    top: unset;
  }
  .v3.profile-setting .is-single-line.profile li a.security::before{
    top: unset;
  }
  .v3.profile-setting .is-single-line.profile li .info{
    padding: 0 0 0 1.25rem;
  }
  /* [e] 250512 마이프로필 리뉴얼 ver3 */
  /* 약관 및 이용동의 */
  .profile .chk-terms-box .marketing .term-box ul{
    padding:16px 12px;
  }
  .profile .is-collapse.terms-list{
    margin-bottom: 0rem;
  }
  .profile .is-collapse.terms-list .collapse-header{
    padding:1.5rem;
    border-bottom:8px solid #eee;
  }
  .profile .is-collapse.terms-list .collapse-header:after{
    right:24px;
    transform:translateY(-50%);
  }
  .profile .is-collapse.terms-list .collapse-header.show{
    border-bottom:0;
  }
  .profile .is-collapse.terms-list .collapse-header.show:after{   
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg);
  }
  .profile .is-collapse.terms-list .collapse-content{
    padding:0 24px;
  }
  /* [e] 240809 마이프로필 리뉴얼 */
  /* [s] 250313 추가 */
  /* 자동로그인 설정-ios */
  .login .login-auto-setting.ver2 .wrapper{
    height: 100%;
  }
  .login .login-auto-setting.ver2 .wrapper .content-area{
    height: 100%;
  }
  .login .login-auto-setting.ver2 .wrapper .content-area > div{
    padding-top: 2.25rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 0px);
    padding: 4.25rem 1.5rem 1.5rem;
    text-align: center;
  }
  .login .login-auto-setting.ver2 .wrapper .content-area > div img{
    width: 100px;
    height: 100px;
    margin-top: 40px;
  }
  .login .login-auto-setting.ver2 .wrapper .content-area .txt-area .tit{
    font-size: 20px;
    font-weight: 500;
    color: #111;
  }
  .login .login-auto-setting.ver2 .wrapper .content-area .txt-area .emph{
    font-weight: 800;
  }
  .login .login-auto-setting.ver2 .wrapper .content-area .txt-area .txt{
    margin-top: 20px;
  }
  .login .login-auto-setting.ver2 .wrapper .content-area .btn-wrap{
    display: flex;
    gap:8px;
    width: 100%;
  }
  .login .login-auto-setting.ver2 .wrapper button.is-primary{
    margin-top: 0;
  }
  /* [e] 250313 추가 */
  
  /* [s] 241028 noti-section 영역 */
 .container .noti-section{
  padding-top:30px !important;
 }
 .container .noti-section .txt-area h3{
   font-size:20px;
 }
 .container .noti-section .txt-area img{
   width: 98px;
   height: 85px;
 }
 .container.reward-earn .user-point{
    margin-top:20px;
  }
  .container.reward-earn .user-point a .txt-box .point::before{
    width:24px;
    height:24px;
    margin-top:-12px;
    background: url(../images/ico-reward.png) no-repeat 50% 50% / 24px;
  }
  .container .reward-service-detail{
   margin-top:20px;
   padding-bottom:24px;
   font-size:12px;
   line-height:21px;
 }
  /* [e] 241028 noti-section 영역 */
  /* [s] 240814 리워드 적립 */
  /* .container.reward-earn h3{
    font-size:16px;
    line-height:23px;
  } */ /* 241028 삭제 */
  .container.reward-earn .user-point a{
    padding:20px; /* 240905 수정 */ /* 241028 수정 */
  }
  /* [s] 240905 추가 */
  .container.reward-earn .user-point a::after{
	right:20px; /* 241028 수정 */
	margin-top:-10px; /* 241028 추가*/
  }
  /* [e] 240905 추가 */
  .container.reward-earn .user-point a .txt-box p{
	font-size:16px; /* 240905 수정 */ /* 241028 수정 */
	line-height:23px; /* 240905 수정 */ /* 241028 수정 */
  }
  .container.reward-earn .user-point a .txt-box p em::before{
	width:60px;
  }
  .container.reward-earn .user-point a .txt-box .point{
	/* margin-top:12px; */ /* 240905 삭제 */
	padding:0 24px 0 32px; /* 240905 수정 */ /* 241028 수정 */
	/* padding-right:21px; */ /* 240905 삭제 */
	font-size:24px; /* 240905 수정 */ /* 241028 수정 */
	line-height:28px; /* 240905 수정 */ /* 241028 수정 */
  }
  /* .container.reward-earn .user-point a .txt-box .point::after{
    width:20px;
    height:21px;
    margin-top:-10px;
    background: url(../images/ico-more-arrow2.png) no-repeat 50% 50% / 20px 21px;
  }
  .container.reward-earn .user-point a .txt-box .point::before{
    width:24px;
    height:24px;
    margin-top:-12px;
    background:url(../images/ico-reward.png) no-repeat 50% 50% / 24px;
  } */ /* 240905 삭제 */
  .container.reward-earn .user-point a .img-box{
    width:106px;
    height:88px;
  }
  .container.reward-earn .reward-collect{
    padding-top:2rem;
  }
  .container.reward-earn .reward-collect .collect-list{
    margin-top:12px;
  }
  .container.reward-earn .reward-collect .collect-list li + li{
    margin-top:8px;
  }
  .container.reward-earn .reward-collect .collect-list li a .txt-box .tit{
    font-size:14px;
    line-height:20px;
  }
  .container.reward-earn .reward-collect .collect-list li a .txt-box .sub-tit{
    font-size:12px;
    line-height:16px;
  }
  .container.reward-earn .reward-banner{
    padding-top:2rem;
  }
  .container.reward-earn .col-list-wrap{
    padding:2rem 0 0 0 !important;
  }
  .container.reward-earn .col-list-wrap .swiper-container{
    padding-top:12px;
  }
  .container.reward-earn .col-list-wrap .swiper-slide .cate-box{
    padding-top:4px;
  }
  .container.reward-earn .col-list-wrap .swiper-slide .txt-box .tit{
    max-width:90px;
    font-size:12px;
    line-height:18px;
  }
  .container.reward-earn .col-list-wrap .swiper-slide .txt-box .price{
    font-size:12px;
    line-height:14px;
  }
  /* [e] 240814 리워드 적립 */
  /* [s] IT200054A2-5596 [SI] [UserWeb] 마켓 검색 header */
  header.search-header:not(.lightpick__month-title-bar) .search-button {
    display: block;
    padding-top: 0;
    background: transparent;
  }
  header:not(.lightpick__month-title-bar) .back-button svg,
  header.search-header:not(.lightpick__month-title-bar) .search-button svg {
    display: inline;
  }

  header.search-header:not(.lightpick__month-title-bar) .search-button svg {
    width: 1.7rem;
    height: 1.7rem;
    margin-top: 0.2rem;
  }

  header:not(.lightpick__month-title-bar) .flex-container button.menu-button {
    top: calc(50% - 22px);
    background: transparent;
  }

  header.search-header:not(.lightpick__month-title-bar)
    .flex-container
    button.search-button {
    top: calc(50% - 22px);
    background: transparent;
  }
  body.local header.search-header::after {
    top: 33px;
  }
  header.search-header:not(.lightpick__month-title-bar) {
    display: block;
  }
  header.search-header:not(.lightpick__month-title-bar) > .header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: unset;
    width: unset;
    margin: unset;
    height: 4rem;
  }
  header.search-header:not(.lightpick__month-title-bar) > .header-wrap .cont {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 100%;
  }
  header.search-header:not(.lightpick__month-title-bar) > .search-box-area {
    display: block;
    width: unset;
    margin: unset;
    height: unset;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding: 24px 1.5rem;
    background-color: #f9f9f9;
    z-index: 10;
  }
  header.search-header:not(.lightpick__month-title-bar)
    > .search-box-area
    .form-control
    input {
    background-color: #fff !important;
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 마켓 검색 header */
  /* [s] IT200054A2-5596 [SI] [UserWeb] 추가수정 menu */
  .side-gnb.new .gnb-header {
    padding: 2.5rem 1.25rem 0.8rem 1.25rem;
  }
  header .nav .setting-wrap .hello-tit,
  .side-gnb.new .hello-tit {
    font-size: 16px;
    margin-bottom: 16px;
  }
  header .nav .setting-wrap .border-box,
  .side-gnb.new .border-box {
    min-height: unset;
    padding: 8px 0 8px 0;
    border-radius: 10px;
  }
  header .nav .setting-wrap .border-box .items span,
  .side-gnb.new .border-box .items span {
    padding-bottom: 6px;
    font-size: 13px;
    line-height: 1;
  }

  header .nav .setting-wrap .border-box .items + .items::before,
  .side-gnb.new .border-box .items + .items::before {
    height: 90%;
  }
  header .nav .setting-wrap .border-box .items p,
  header .nav .setting-wrap .border-box .items p a,
  .side-gnb.new .border-box .items p,
  .side-gnb.new .border-box .items p a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
  }
  .side-gnb.new .border-box .items .ico-reward::before {
    width: 14px;
    height: 14px;
    margin-top: 0.05rem;
  }
  .side-gnb.new .border-box .items .ico-coupon::before {
    width: 18px;
    height: 14px;
    margin-top: 0.05rem;
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 추가수정 menu */
  
  /* [s] 240527 */
  .inp-search .is-sub-text{
    font-size:0.875rem;
  }
  .is-collapse .collapse-header {
    font-size:1rem;
  }
  .is-collapse .collapse-content p:not(.validation-msg){
    font-size:0.875rem;
  }
  /* [e] 240527 */

  /* [s] 240927 리워드 빅 이벤트 */
  .reward-bigevt-wrap{ 
    margin: 0 -1.5rem;
    padding: 0;
  }
  .reward-bigevt-wrap .notice{
    padding: 48px 40px;
  }
  /* [e] 240927 리워드 빅 이벤트 */
  
   /* [s] 240927 관심사 등록하기 */
  .container .wrapper .interest-wrap .page-desc{
    padding:2rem 0;
  }
  .container .wrapper .interest-wrap .page-desc .txt{
    font-size:14px;
    line-height:20px;
    text-align:center;
  }
  .interest-wrap ul li{
    width:calc((100% - 10px) / 3);
    box-sizing:border-box;
    margin-top:0;
  }
  /* [e] 240927 관심사 등록하기 */
  /* [s] 241101 서비스가입/연결 ver2 */
  .event-wrap .banner-wrap .banner-pc{
    display:none;
  }
  .event-wrap .banner-wrap .banner-tablet{
    display:block;
  }
  /* [e] 241101 서비스가입/연결 ver2 */
  
  /* [s] 241126 크리스마스이벤트 */
  .container.event .evt-chrismas .item-cont{
    margin:0 -1.5rem;
  }
  /* [e] 241126 크리스마스이벤트 */

  /* [s] 250214 3월 이벤트 */
  .container.event .evt-march .item-cont{
    margin:0 -1.5rem;
  }
  .container.event .evt-march .evt-current{
    padding:10px 0 32px 0;
  }
  .container.event .evt-march .evt-current .con-box {
    padding: 0 16px;
  }
  .container.event .evt-march .evt-current .con-box li{
    margin-top: 10px;
  }
  .container.event .evt-march .evt-current .con-box .btn-mission.type2{
    bottom: 33.48%;
  }
  .container.event .evt-march .info-list{
    padding: 32px 30px;
  }
  .container.event .evt-march .info-list p{
    font-size: 18px;
    line-height: 18px;
  }
  .container.event .evt-march .info-list ol{
    margin-top: 18px;
  }
  .container.event .evt-march .info-list ol li{
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
  }
  /* [e] 250214 3월 이벤트 */
  /* [s] 250411 4월 이벤트 */
  .container.event .evt-april .item-cont{
    margin:0 -1.5rem;
  }
  .container.event .evt-april .evt-current{
    padding:12px 10px 26px;
  }
  .container.event .evt-april .evt-current .num-box{
    /* padding: 21px 44px; */ /* 250416 삭제 */
    bottom: 41.4%;
  }
  /* [s] 250416 추가 */
  .container.event .evt-april .evt-current .num-box p{
    font-size: 27px;
  }
  .container.event .evt-april .evt-current .num-box p span{
    font-size: 28px;
  }
  .container.event .evt-april .evt-current .num-box.before-login{
    bottom: 39.6%
  }
  .container.event .evt-april .evt-current .num-box.before-login p{
    font-size: 16px;
    line-height: 1.4;
  }
  /* [e] 250416 추가 */
  /* [s] 250416 삭제 */
  /*.container.event .evt-april .evt-current .num-box.text{
    padding: 13px 28px;
  }
  .container.event .evt-april .evt-current .num-box .num{
    width: 28px;
    height: 28px;
  }*/
  /* [e] 250416 삭제 */
  .container.event .evt-april .evt-current .btn-mission{
    left: 14.4%;
    right: 14.4%;
    bottom: 16.9%;
  }
  .container.event .evt-april .info-list{
    padding: 36px 25px;
  }
  .container.event .evt-april .info-list p{
    font-size: 18px;
    line-height: 18px;
  }
  .container.event .evt-april .info-list ol{
    margin-top: 20px;
  }
  .container.event .evt-april .info-list ol li{
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
  }
  /* [e] 250411 4월 이벤트 */
  
  /* [s] 250508 6만회원돌파 이벤트 */
    .container.event .evt-6million .item-cont{
      margin:0 -1.5rem;
    }
    .container.event .evt-6million .info-list{
      padding: 38px 25px;
    }
    .container.event .evt-6million .info-list p{
      font-size: 18px;
      line-height: 18px;
    }
    .container.event .evt-6million .info-list ol{
      margin-top: 18px;
    }
    .container.event .evt-6million .info-list ol li{
      margin-top: 12px;
      font-size: 14px;
      line-height: 20px;
    }
    /* [e] 250508 6만회원돌파 이벤트 */
  
  /* [s] 250508 LG생건 이벤트 */
  .container.event .evt-lg .item-cont{
    margin:0 -1.5rem;
  }
  .container.event .evt-lg .info-list{
    padding: 38px 25px;
  }
  .container.event .evt-lg .info-list p{
    font-size: 18px;
    line-height: 18px;
  }
  .container.event .evt-lg .info-list ol{
    margin-top: 18px;
  }
  .container.event .evt-lg .info-list ol li{
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
  }
  /* [e] 250508 LG생건 이벤트 */
  
  /* [s] 250526 LG생건 이벤트 -ver2 */
  .container.event .evt-lg.ver2 .evt-current .coupon-box{
    padding: 204px 16px 32px;
  }
  .container.event .evt-lg.ver2 .evt-current .coupon-box.w-button{
    padding: 194px 16px 32px;
  }
  .container.event .evt-lg.ver2 .evt-current .con-box .btn-link{
    max-width: 130px;
  }
  .container.event .evt-lg.ver2 .info-list ol li{
    font-size: 14px;
  }
  .container.event .evt-lg.ver2 .info-list ol li .addition{
    font-size: 13px;
  }
  .container.event .evt-lg.ver2 .info-list ol li dt{
    font-size: 13px;
  }
  .container.event .evt-lg.ver2 .info-list ol li dd{
    font-size: 12px;
  }
  .container.event .evt-lg.ver2 .info-list ol li .sub-list li{
    font-size: 12px;
  }
  /* [e] 250526 LG생건 이벤트 -ver2 */
  
  /* [s] 250619 7월 이벤트 */
  .container.event .evt-july .item-cont{
    margin:0 -1.5rem;
  }
  .container.event .evt-july .info-list{
    padding: 38px 25px;
  }
  .container.event .evt-july .info-list p{
    font-size: 18px;
    line-height: 18px;
  }
  .container.event .evt-july .info-list ol{
    margin-top: 18px;
  }
  .container.event .evt-july .info-list ol li{
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
  }
  /* [e] 250619 7월 이벤트 */
  
  /* [s] 241126 쿠팡 csp */
  /* 쇼핑하기 */
  .coupang-cps .date-list{
    margin-top:12px;
  }
  .coupang-cps .total-wrap .con-box p{
    font-size:12px;
  }
  .coupang-cps .receipt-list dl:last-child{
    border-bottom:0;
  }
  .coupang-cps .receipt-list dl dt{
    font-size:14px;
  }
  .coupang-cps .receipt-list dl dd{
    font-size:14px;
  }
  .coupang-cps .bar{
    margin:0 -1.5rem;
  }
  /* [s] 250212 추가 */
  .coupang-cps .notice{
    margin: 0 -1.5rem;
  }
  .coupang-cps .evt-coupang .notice{
    margin: 0;
  }
  /* [e] 250212 추가 */
  /* 이번 달 결제금액 */
  .coupang-cps .order-notice{
    margin:0 -1.5rem;
  }
  /* 참여하기 */
  .coupang-cps .evt-coupang{
    margin:0 -1.5rem;
  }
  .coupang-cps .order-none .txt{
    font-size:14px;
  }
  /* [e] 241126 쿠팡 csp */
  /* [s] 250116 추가 */
  /* 쿠팡csp 룰렛참여내역 팝업 */
  .roulette-modal .modal-content{
    padding:0;
  }
  .roulette-modal .coupang-cps .date-list{
    margin-top: 0;
  }
  .roulette-modal .coupang-cps .bar {
    margin: 0;
  }
   /* [s] 250213 추가 */
  .roulette-modal .coupang-cps .total-wrap .con-box p{
    font-size:12px;
  }
  /* [e] 250213 추가 */
  /* [e] 250116 추가 */
  /* [s] 250508 LG생건 이벤트 */
  .reward-popup-inner .reward-popup-content .title1{
    width:250px;
  }
  .reward-popup-inner .reward-popup-content .title2{
    width:212px;
  }
  .reward-popup-inner .reward-popup-content .title3{
    width:217px;
  }
  .reward-popup-inner .reward-popup-content .title4{
    width:217px;
  }
  .reward-popup-inner .reward-popup-content .title5{
    width: 212px;
  }
  .reward-popup-inner .reward-popup-content .title6{
    width: 250px;
  }
  .reward-popup-inner .reward-popup-content .reward-con .img-box{
    width:100%; /* 250527 수정 */
  }
  .reward-popup-inner .reward-popup-content .reward-con .txt-box{
    margin-top:24px;
  }
  .reward-popup-inner .form-control.v2{
    max-width: 260px;
  }
  .reward-popup-inner .reward-popup-content .swiper-pagination{
    bottom: 10px;
  }
  /* [e] 250508 LG생건 이벤트 */
}
/* [e] 230213 */

@media only screen and (max-width: 768px) {
  .mo-hidden {
    display: none;
  }

  /* [s] 230213 삭제 */
  /* [s] 230126 */
  /* .is-pc{
    display:none;
  }
  .is-mobile{
      display:block;
  } */
  /* [e] 230126 */

  /* [s] 221219 */
  /* .layer-activated{
    overflow:hidden;
  }

  body .side-gnb.is-shown{
    right:0;
  }
  body .side-gnb.is-shown + .side-gnb-bg{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:102; */ /* 230131 수정 */
  /* background:rgba(0, 0, 0, 0.7);
  } 

  header:not(.lightpick__month-title-bar){
    height:4rem;
  }
  header:not(.lightpick__month-title-bar) h2.page-title {
    display:block;
  }
  header:not(.lightpick__month-title-bar) .menu-button{
    right:0;
    margin-top:-25px;
  }

  header .top-contents .inner{
    padding:0;
  }
  header h1.main-logo{
    display:none;
  }
  header .login-link{
    display:none;
  }

  header.is-active .drop-contents{
    display:none;
  }

  .container{
    padding-top:4rem;
  } */
  /* [e] 221219 */
  /* [e] 230213 삭제 */

  .wrapper.introduce-wrap .flex-container.is-row {
    -webkit-box-orient: vertical !important;
    flex-direction: column !important;
  }
  .wrapper.introduce-wrap .flex-container.is-row.is-reverse {
    flex-direction: column !important;
  }

  .introduce-cont .feature-area {
    flex-direction: column;
  }

  .introduce-cont.int-section03 {
    height: 435px; /* 210601 수정  */
  }

  .introduce-cont .img-txt {
    display: block;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

  .introduce-cont .img-txt img {
    display: block;
    width: 100%;
  }

  /* 210601 수정  */
  .introduce-cont .text-box {
    display: block;
    color: #202020;
    text-align: center;
    letter-spacing: -1px;
  }

  .introduce-cont .text-box p {
    color: #4f4f4f;
    font-size: 18px;
  }
  .introduce-cont .text-box p .fnt-bold {
    color: #000;
  }
  .introduce-cont .feature-area {
    display: flex;
    position: relative;
    justify-content: center;
    width: 100%;
  }

  .introduce-cont .feature-area .feature-box + .feature-box {
    margin-left: 170px;
  }
  .feature-box .feature-desc {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
  }

  .introduce-cont .affiliates-area .affiliates-list .affiliates {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #333;
  }
  .introduce-cont .flex-container {
    position: relative;
    justify-content: center;
  }

  .bgImage-box .bg-image.intro01-img {
    background: url("../images/img_intro01_mo.png") no-repeat center 0 / 200px
      auto; /* 210628  */
  }

  .bgImage-box .bg-image.termsGif-img {
    background: url("../images/img_terms.gif") no-repeat center 85% / 385px auto;
  }

  .bgImage-box .bg-image.tokenGif-img {
    background: url("../images/img_token_click.gif") no-repeat center 70% / 108%;
  }

  .bgImage-box .bg-image.intro03-img {
    background: url("../images/img_intro03.png") no-repeat center 0 / 370px auto; /* 210601 수정  */
  }
  .bgImage-box .bg-image.intro06-pc {
    box-shadow: 5px 20px 25px 0 rgba(0, 0, 0, 0.08);
    background: url("../images/img_intro06-1.png") no-repeat center 8% / 100%;
  }
  .bgImage-box .bg-image.intro06-mobile {
    box-shadow: 5px 20px 25px 0 rgba(0, 0, 0, 0.08);
    background: url("../images/img_intro06-2.png") no-repeat -24px 18% / 120% auto;
  }

  /* 210827 
  .affiliates-list .bg-image.uPlus-callcenter {
    background: url('../images/img_intro07-1.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-data {
    background: url('../images/img_intro07-2.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-members {
    background: url('../images/img_intro07-3.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-mobile {
    background: url('../images/img_intro07-4.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-smart {
    background: url('../images/img_intro07-5.png') no-repeat center center / 100%;
  }
  
  .affiliates-list .bg-image.uPlus-idol {
    background: url('../images/img_intro07-6.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-myhome {
    background: url('../images/img_intro07-7.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-element {
    background: url('../images/img_intro07-8.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-thinq {
    background: url('../images/img_intro07-9.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-mall {
    background: url('../images/img_intro07-10.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-client {
    background: url('../images/img_intro07-11.png') no-repeat center center / 100%;
  }
  .affiliates-list .bg-image.uPlus-dotmall {
    background: url('../images/img_intro07-12.png') no-repeat center center / 100%;
  }
*/
  /* 210601 수정  */
  .introduce-cont.int-section01 {
    height: 610px;
  }

  .introduce-cont.int-section01 .text-box h3 {
    font-size: 30px;
  }

  .introduce-cont.int-section01 .subText-box .define {
    font-size: 16px;
  }

  .introduce-cont.int-section01 .subText-box p {
    font-size: 12px;
  }

  .introduce-cont.int-section02 {
    height: 500px;
  }
  .introduce-cont.int-section02 .bgImage-box {
    width: 76px;
    height: 76px;
  }
  .introduce-cont.int-section02 .feature-area .feature-box + .feature-box {
    margin-top: 25px;
  }
  .introduce-cont.int-section02 .feature-desc {
    color: #4f4f4f;
  }
  .introduce-cont.int-section02 .feature-desc strong {
    font-size: 16px;
  }
  .introduce-cont.int-section02 .feature-desc span {
    font-size: 10px;
  }

  /* [s]210601 수정  */
  .introduce-cont.int-section04,
  .introduce-cont.int-section06 {
    height: 570px;
  }

  .introduce-cont.int-section03 .bgImage-box {
    height: 100%;
  }
  .introduce-cont.int-section04 .bgImage-box {
    height: 400px;
  }
  .introduce-cont.int-section05 {
    height: 450px;
  }
  .introduce-cont.int-section05 .bgImage-box {
    height: 300px;
  }

  .introduce-cont.int-section07 {
    /* height: 780px; 220609 삭제 */
    height: 950px; /* 220609 추가 */
  }

  .introduce-cont.int-section04 .bgImage-box::before {
    width: 50px;
  }
  .introduce-cont.int-section04 .bgImage-box::after {
    width: 50px;
  }

  .introduce-cont.int-section04 .bgImage-box .bg-image::before {
    top: 7px;
  }
  .introduce-cont.int-section04 .bgImage-box .bg-image::after {
    bottom: 0;
  }
  /* [e]210601 수정  */

  .introduce-cont.int-section05 .bgImage-box::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -5px;
    width: 32px;
    height: 100%;
    background: linear-gradient(to left, rgba(245, 245, 245, 0), #f5f5f5);
    z-index: 2;
  }
  .introduce-cont.int-section05 .bgImage-box::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -5px;
    width: 32px;
    height: 100%;
    background: linear-gradient(to right, rgba(245, 245, 245, 0), #f5f5f5);
    z-index: 2;
  }
  .introduce-cont.int-section05 .bgImage-box .bg-image::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to top, rgba(245, 245, 245, 0), #f5f5f5);
    z-index: 2;
  }
  .introduce-cont.int-section05 .bgImage-box .bg-image::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, rgba(245, 245, 245, 0), #f5f5f5);
    z-index: 2;
  }

  .introduce-cont .feature-area .feature-box + .feature-box {
    margin-left: 0;
  }

  .introduce-cont .affiliates-area .affiliates-list .bg-image {
    /* width:70px;  220609 삭제 */
    /* height:70px; 220609 삭제 */
    width: 64px; /* 220609 추가 */
    height: 64px; /* 220609 추가 */
    border-radius: 10px;
  }

  .introduce-cont .affiliates-area .affiliates-list .affiliates {
    padding-top: 10px;
    /* font-size:12px; 220609 삭제 */
    font-size: 14px; /* 220609 추가 */
    font-weight: bold;
    text-align: center;
    color: #333;
  }

  .layer-wrap {
    width: 100%;
  }

  .container .wrapper .content-area > div.is-failure {
    padding: 2rem 1.5rem;
  }

  .container .wrapper .content-area > div.is-failure:before {
    width: 100px;
    height: 75px;
    background: url(../images/ico_failure.svg) no-repeat center top;
    background-size: 100px auto;
  }

  .container .wrapper .content-area > div.is-failure.cs:before {
    height: 88px;
    background-size: 80px auto;
  }

  .container .wrapper .content-area > div.is-failure button {
    margin-top: 1rem;
  }

  /* 비밀번호 힌트 추가 211104 */
  .hint.is-collapse textarea {
    height: 3.5rem;
    padding: 0.5rem 2.5rem 0.5rem 0.5rem;
  }

  /* [s] 230126 */
  #footer {
    padding: 5.625rem 0 3rem; /* 230711 수정 */
  }
  #footer .inner {
    padding: 0 1.875rem;
  }
  #footer .util-wrap {
    display: block;
  }
  #footer .util-wrap .footer-logo {
    width: 7.5rem;
  }
  #footer .util-wrap .link-area {
    padding-top: 1.25rem;
  }
  /* [s] 230711 */
  #footer .util-wrap .link-area li + li {
    padding-left: 1.25rem;
  }
  /* [e] 230711 */
  #footer .util-wrap .link-area li a {
    font-size: 0.875rem;
    line-height: 1.312rem;
  }
  #footer .menu-wrap {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0;
  }
  #footer .menu-wrap .link-area {
    width: auto;
    margin-right: 0; /* 230711 추가 */
    /* padding-right:0; 230711 삭제 */
  }
  #footer .menu-wrap .link-area > li {
    width: 50%;
    /* padding-top:1.875rem; 230608 삭제 */
    padding: 2.063rem 0.625rem 0 0; /* 230608 추가 */ /* 230711 수정 */
  }
  /* #footer .menu-wrap .link-area > li.my-lg{
      padding-right:0.625rem;
  } 230608 삭제 */
  #footer .menu-wrap .link-area > li + li {
    padding-left: 0;
  }
  #footer .menu-wrap .link-area > li > span {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  #footer .menu-wrap .link-area ul {
    padding-top: 0.937rem;
  }
  #footer .menu-wrap .link-area ul li + li {
    padding-top: 0.312rem;
  }
  #footer .menu-wrap .link-area ul li a {
    font-size: 0.875rem;
    line-height: 1.625rem;
  }
  /* [s] 230711 */
  #footer .menu-wrap .link-area > li .info-txt {
    font-size: 0.813rem;
    line-height: 1.188rem;
  }
  /* [e] 230711 */
  #footer .menu-wrap .mark-area {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.813rem;
  }
  /* [s] 230302 */
  #footer .menu-wrap .mark-area button {
    width: 5.625rem;
    height: 4.125rem;
  }
  /* [e] 230302 */
  #footer .menu-wrap .mark-area p {
    padding: 0 0 0 0.5rem;
    text-align: left;
  }
  /* [s] 240527 */
  #footer .address{
    margin-top:2.125rem;
    font-size:0.75rem;
  }
  #footer .address .d-block{
      display:block;
  }
  #footer .address .d-none{
      display:none;
  }
  /* [e] 240527 */
  #footer .copyright {
    padding-top:0.5rem; /* 240527 수정 */
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-align:left; /* 240527 수정 */
  }
  /* [e] 230126 */

  /* [s] 240927 footer-white버전 */
  #footerWhite .inner {
    padding: 0 0.625rem;
  }
  #footerWhite .inquiry-wrap .txt{
    flex-direction:column;
    align-items:unset;
    gap:8px;
  }
  #footerWhite .inquiry-wrap .txt .d-none{
    display:none;
  }
  /* [e] 240927 footer-white버전 */

  /* [s] 230213 삭제 */
  /* [s] 230131 */
  /* .pop-layer-wrap.info-pop .pop-con{ */
  /* [s] 230131 */
  /*  top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-transform:translate(0);
    -moz-transform:translate(0);
    -o-transform:translate(0);
    -ms-transform:translate(0);
    transform:translate(0); */
  /* [e] 230131 */
  /* position:relative;
    width:100%;
    height:100%; 230131 삭제 */
  /*  border-radius:0;
  }
  .pop-layer-wrap.info-pop .pop-con .tit-box{
    padding:1.25rem 1.0625rem 1.25rem;
  }
  .pop-layer-wrap.info-pop .pop-con .tit-box p{
    font-size:0.9375rem;
    line-height:1.25rem;
  }
  .pop-layer-wrap.info-pop .pop-con .tit-box .btn-close{
    top:22px;
    right:20px;
  }
  .pop-layer-wrap.info-pop .pop-con .con-box{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    padding:0 1.0625rem;
  }
  .pop-layer-wrap.info-pop .pop-con .con-box img{
    width:100%;
    min-width:300px;
  }
  .pop-layer-wrap.info-pop .dim{
    background-color:transparent;
  } */
  /* [e] 230131 */
  /* [e] 230213 삭제 */
}
/* //소개페이지 */
@media only screen and (max-width: 578px) {
  * {
    /*아이폰 가로모드시 글자 커지는 것 방지*/
    -webkit-text-size-adjust: none;

    /* 21062403 하이라이트 방지 */
    -webkit-tap-highlight-color: transparent;
  }

  .is-half-width {
    width: 100%;
  }

  .is-half-width + .is-half-width {
    margin-left: 0;
    margin-top: 1rem !important;
  }

  .page-top-desc {
    margin-top: 1.5rem;
  }

  /* [s] 230607 */
  .padding-top-flexible {
    padding-top: 0 !important;
  }
  /* [e] 230607 */

  .lnb {
    width: 85vw;
  }

  .lnb.tws-lnb {
    width: 85vw;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }

  .lnb .lnb-header .flex-container > button {
    height: 3rem;
  }

  body .lnb.tws-lnb .lnb-header h2 svg {
    margin-right: 9px;
  }

  body .lnb.tws-lnb .lnb-header h2,
  body .lnb.tws-lnb .lnb-header a {
    margin-top: 0;
  }

  body .lnb.tws-lnb .lnb-content > div > a {
    padding: 9px 0;
  }

  .lnb.tws-lnb .lnb-header .flex-container > button {
    top: 16px;
    /* height: 2rem;  211122 */
  }
  /*
  body .lnb .lnb-header .flex-container {
      height:50px;
  }211122 */
  body .lnb.tws-lnb .lnb-header .tws-user {
    height: 46px;
  }

  body .lnb .lnb-content {
    height: calc(100% - 210px - 3rem); /* 211116 */
  }

  body .lnb.tws-lnb .lnb-footer hr {
    margin: 0 9px;
  }
  body .lnb.tws-lnb .lnb-header h2 {
    margin-top: -8px;
  }
  header:not(pick__month-title-bar).show-back-button .back-button {
    display: block;
  }
  header:not(.lightpick__month-title-bar).show-back-button .back-button svg {
    display: none;
  }
  header:not(.lightpick__month-title-bar) .flex-container {
    display: none !important;
  }
  header:not(.lightpick__month-title-bar) button {
    height: 3rem;
  }
  header:not(.lightpick__month-title-bar) .back-button,
  header.search-header:not(.lightpick__month-title-bar) .search-button {
    display: block;
    padding-top: 0;
    background: transparent;
  }
  /* [s] 230213 */
  header:not(.lightpick__month-title-bar) .back-button svg,
  header.search-header:not(.lightpick__month-title-bar) .search-button svg {
    display: inline;
  }
  /* [e] 230213 */
  header.search-header:not(.lightpick__month-title-bar) .search-button svg {
    width: 1.7rem;
    height: 1.7rem;
    margin-top: 0.2rem;
  }
  header:not(.lightpick__month-title-bar) .flex-container button.menu-button {
    top: calc(50% - 22px);
    background: transparent;
  }
  header.search-header:not(.lightpick__month-title-bar)
    .flex-container
    button.search-button {
    top: calc(50% - 22px);
    background: transparent;
  }
  .steps .stepNew {
    width: 115px;
    height: 30px;
  }
  .login header h1,
  */ .login header h2.page-title {
    display: none;
  }

  /* [s] 230907 */
  /* .container{
    padding-top:4rem;
  } 230911 삭제 */
  /* [e] 230907 */

  /* [s]211216 */
  footer .footer-inner {
    width: 100%;
  }
  footer hr {
    margin: 2px 0.3rem 0;
  }

  .modal.select-language .modal-content {
    min-width: 270px;
  }

  /* [e]211216 */

  footer.tws-padding {
    padding: 2rem 0 4rem 0;
    height: unset;
  }

  .signUp header h2.page-title {
    width: calc(100% - 1rem);
    padding-right: 1rem;
  }

  .signUp header h2.page-title.no-menu {
    width: 70%;
    padding-right: 0;
  }

  .screen-detail header h1 {
    display: none;
  }
  .screen-detail header .flex-container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .screen-detail header .flex-container button:not(.menu-button),
  .screen-detail header .flex-container .form-control,
  .screen-detail header .flex-container hr {
    display: none;
  }
  .screen-detail header .flex-container .menu-button {
    margin: 0;
  }
  .screen-detail nav {
    display: none;
  }
  .flex-container.is-half.is-responsive {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .flex-container.is-half.is-responsive > div {
    margin: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .flex-container.is-half.is-responsive > div:first-child {
    padding-left: 0;
  }
  .flex-container.is-half.is-responsive > div:last-child {
    padding-right: 0;
  }
  .is-full-width + .is-full-width {
    margin-top: 0.5rem;
  }
  .is-bigger {
    font-size: 1rem;
  }

  .is-medium {
    font-size: 0.9rem;
  }

  .margin-top-none {
    margin-top: 0 !important;
  }

  .margin-top-large {
    margin-top: 2rem !important;
  }
  .margin-bottom-large {
    margin-bottom: 2rem !important;
  }
  .is-anchor {
    font-size: 1rem;
  }

  .is-small > .is-anchor {
    font-size: 0.875rem; /* 210615 */
  }

  .note {
    font-size: 0.75rem;
    padding-left: 1.25rem;
    background-size: 1rem;
    background-position: left 0.35rem;
  }
  .note + .form-control,
  .note + .form-title {
    padding-top: 3rem;
  }
  .faqList-note {
    font-size: 14px;
  }
  .faqList-note .is-anchor {
    font-size: 14px;
  }
  input[type]:not([type="checkbox"]):not([type="radio"]),
  select {
    font-size: 1rem !important;
  }
  textarea {
    font-size: 1rem !important;
  }

  /* input[type=checkbox] + label, 220810 삭제 */
  input[type="radio"] + label {
    font-size: 0.875rem !important;
    padding-left: 1.5rem;
  }
  /* [s] 220810 */
  input[type="checkbox"] + label {
    font-size: 0.875rem;
    padding-left: 1.5rem;
  }
  /* [e] 220810 */

  /* [s] 230904 */
  .form-wrap input[type="checkbox"] + label {
    padding-left: 28px !important;
    font-size: 14px;
    line-height: 19px;
  }
  /* [e] 230904 */

  /* 220413 */
  .modal-checklist input[type="checkbox"] + label,
  .modal-checklist input[type="radio"] + label {
    padding-left: 30px;
    margin-right: 8px;
    color: #333;
  }
  .modal-checklist input[type="checkbox"] + label:last-child,
  .modal-checklist input[type="radio"] + label:last-child {
    margin-right: 0;
  }
  .modal-checklist .form-control input[type="checkbox"] + label,
  .modal-checklist .form-control input[type="radio"] + label {
    padding-left: 20px;
  }

  input[type="radio"] + label:before {
    width: 1rem;
    height: 1rem;
    top: 0.125rem;
    background-size: contain;
  }

  .form-title {
    font-size: 0.875rem;
  }
  .form-control {
    border-bottom-width: 1px;
  }
  .form-control + .form-control,
  .form-control + label {
    /* margin-top: 2rem;  */ /* 220513 삭제 */
    margin-top: 3rem; /* 220513 수정 */
  }
  .form-control .form-button button.text-button {
    font-size: 0.875rem;
  }

  .form-control > span {
    font-size: 0.875rem;
    right: 145px;
  }

  .form-control .form-button.tws-formButton {
    right: 75px;
  }

  /* [s] 230828 */
  .form-verification {
    margin-bottom: 10px;
  }
  /* [e] 230828 */

  input::-webkit-input-placeholder {
    font-size: 14px;
  }
  input:-ms-input-placeholder {
    font-size: 14px;
  }
  input::-ms-input-placeholder {
    font-size: 14px;
  }
  input::placeholder {
    font-size: 14px;
  }

  button {
    font-size: 1rem;
  }

  button.ksh {
    padding: 0.7rem;
  }

  button.is-primary {
    margin-top: 3rem;
  }
  button.no-border svg {
    width: 0.75rem;
    height: 0.75rem;
    margin-left: 0.25rem;
  }

  .introduce-cont .bgImage-box.img-col02 {
    width: 100%;
    height: calc(100% - 40%);
    min-height: 360px;
  }

  .bgImage-box .bg-image.intro06-pc {
    box-shadow: 5px 20px 25px 0 rgba(0, 0, 0, 0.08);
    background: url("../images/img_intro06-1.png") no-repeat center 16% / 100%;
  }
  .bgImage-box .bg-image.intro06-mobile {
    box-shadow: 5px 20px 25px 0 rgba(0, 0, 0, 0.08);
    background: url("../images/img_intro06-2.png") no-repeat -24px 24% / 120% auto;
  }

  .login .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .login .container .wrapper {
    height: initial;
    /* min-height: initial; 230907 삭제 */
    padding-top: 2rem;
  }
  .login .container .wrapper .title {
    margin: 1rem 0 2rem; /* 210414 */
  }
  .login .container .wrapper .title h1 {
    margin-bottom: 0.5rem;
  }
  .login .container .wrapper .title h1 img {
    width: 8rem;
  }

  .login .container .wrapper p {
    font-size: 0.875rem;
  }

  .login .container .wrapper .flex-container a {
    font-size: 0.875rem;
  }
  .login .container .wrapper .form-control + div label {
    font-size: 0.875rem;
    margin-top: 0.85rem;
  }
  /* [s] 221026 */
  .login .container .wrapper .login-check {
    display: block;
  }
  .login .container .wrapper .qr-form {
    display: none;
  }
  /* [e] 221026 */

  /* 210727
  .login .container .wrapper .form-control + div label:before {
    top: .125rem;
  } */

  .login .container footer {
    height: 4rem; /* 210414 */
    margin-top: 30px; /* 210414 */
    padding-bottom: 20px;
  }

  /* [s] 241203 로그인 페이지 리뉴얼 */
  /* 로그인메인 */
  .login .container.login-renewal .wrapper{
    position:relative;
  }
  .login .container.login-renewal .wrapper .title{
    margin:1rem 0 3.125rem;
  }
  .login .container.login-renewal .wrapper .title p{
    margin-top:20px;
    color:#666;
  }
  .login .container.login-renewal .wrapper .title .login-info{
    margin-top:4px;
    font-size:14px;
    color:#666;
    border-bottom:1px solid #666;
  }
  .login .container.login-renewal .wrapper .form-control{
    border:1px solid #eee;
    border-radius:8px;
  }
  .login .container.login-renewal .wrapper .form-control + .form-control{
    margin-top:0.75rem;
  }
  .login .container.login-renewal .wrapper .switch-box{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:1.25rem;
  }
  .login .container.login-renewal .wrapper .switch-box label{
    margin-top:0;
  }
  .login .container.login-renewal .wrapper .btn-login-way{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:76px;
    font-size:14px;
    font-weight:500;
    color:#333;
    text-align:center;
    line-height:110px;
    border-top-left-radius:24px;
    border-top-right-radius:24px;
    background:#fff;
    box-shadow:0px -3px 8px 0px rgba(0, 0, 0, 0.05);
  }
  .login .container.login-renewal .wrapper .btn-login-way::before{
    content:'';
    position:absolute;
    top:20px;
    left:50%;
    width:26px;
    height:4px;
    background:url(../images/ico-bottom-arrow.png) no-repeat 50% 50% / 26px 4px;
    transform:translateX(-50%);
  }
  .bottom-modal{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    border-top-left-radius:24px;
    border-top-right-radius:24px;
  }

  .bottom-modal.login-modal h2{
    font-size:1.125rem;
    font-weight:700;
    color:#111;
    text-align:center;
  }
  .bottom-modal.login-modal .login-way-list{
    margin-top:40px;
  }
  .bottom-modal.login-modal .login-way-list li a{
    display:flex;
    align-items:center;
    gap:12px;
  }
  .bottom-modal.login-modal .login-way-list li img{
    width:28px;
    height:28px;
  }
  .bottom-modal.login-modal .login-way-list li a p{
    color:#333;
  }
  .bottom-modal.login-modal a.close-modal{
    top:1.25rem;
    left:50%;
    right:0;
    width:26px;
    height:4px;
    background-image:url(../images/ico-bottom-arrow-down.png);
    background-size:26px 4px;
    transform:translateX(-50%);
  }
  
  /* [s] 250318 로그인 바텀팝업 */
  .bottom-modal.login-modal-v2 .modal-content{
    overflow-x: unset;
    min-height: 704px;
  }
  .bottom-modal.login-modal-v2 .modal-content h2{
    display: block;
    margin: 0 -1rem;
    padding: 1.375rem 0;
    border-bottom: 1px solid #eee;
    text-align: center;
  }
  
  .bottom-modal.login-modal-v2 a.close-modal{
    top:1.25rem;
    left:50%;
    right:0;
    width:26px;
    height:4px;
    background-image:url(../images/ico-bottom-arrow-down.png);
    background-size:26px 4px;
    transform:translateX(-50%);
  }
  
  .bottom-modal.login-modal-v2 .registration-list{
    min-width: none;
    margin-top: 1.5rem;
    padding: 0 0.5rem;
  }
  
  /* [s] 250326 알림 아이콘 */
  .side-gnb.new .ico-noti{
    display: block;
  }
  /* [e] 250326 알림 아이콘 */
  
  /* [s] 250318 간편비밀번호 */
  /* keyboard */
  .login .login-pin .wrapper .content-area > .fixed-bottom-section{
    display:block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: unset;
    margin: 0;
    padding: 1rem 0 1.5rem;
    border-top: 1px solid #eee;
  }
  /* [e] 250318 간편비밀번호 */
  
  /* 로그인 설정 */
  .signup-complete .intro{
    padding:2.5rem 0 2rem;
  }
  .signup-complete .intro .welcome-txt{
    color:#666;
  }
  .signup-complete .intro h3{
    margin-top:0.75rem;
    font-size:1.5rem;
  }
  /* 회원가입완료 */
  .signup-complete .login-way-box{
    padding:20px;
    border:1px solid #eee;
    border-radius:12px;
    box-shadow:4.15px 4.15px 16.6px 0px #eee;
  }
  .signup-complete .login-way-box + .login-way-box{
    margin-top:8px;
  }
  .signup-complete .login-way-box .tit-area{
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .signup-complete .login-way-box .tit-area .tit{
    font-weight:500;
  }
  .signup-complete .login-way-box .txt{
    margin-top:16px;
    font-size:14px;
    color:#666;
  }
  .signup-complete .login-way-info{
    margin-top:32px;
    padding:20px;
    border-radius:10px;
    background:#f9f9f9;
  }
  .signup-complete .login-way-info dl + dl{
    margin-top:20px;
  }
  .signup-complete .login-way-info dl dt{
    padding-left:24px;
    font-size:14px;
    font-weight:700;
    color:#666;
    background:url(../images/ico_info.png) no-repeat 0 50% / 16px 16px;
  }
  .signup-complete .login-way-info dl dd{
    position:relative;
    margin-top:10px;
    margin-left:0;
    padding-left:18px;
    font-size:14px;
  }
  .signup-complete .login-way-info dl dd::after{
    content:'ㆍ';
    position:absolute;
    top:2px;
    left:0;
    color:#666;
  }
  .signup-complete .btn-wrap{
    margin-top:32px;
    gap:8px;
  }
  .signup-complete .btn-wrap .btn-next{
    flex:1;
  }
  .signup-complete .btn-wrap .btn-setting{
    flex:2;
  }
  /* 로그인 인증 방식 */
  .login-renewal .login-certify{
    padding-top:48px;
    text-align:center;
  }
  .login-renewal .login-certify .tit{
    font-size:24px;
  }
  .login-renewal .login-certify .txt{
    margin-top:20px;
    font-size:14px;
    color:#666;
  }
  .login-renewal .login-certify img{
    margin-top:67px;
    width:200px;
    height:200px;
  }
  /* [s] 250313 추가 */
  /* 자동로그인 설정-ios */
  .login .login-auto-setting.ver2 .wrapper .content-area > div{
    padding-top: 2.25rem;
  }
  /* [e] 250313 추가 */
  /* [s] 250314 추가 */
  .login .container.login-renewal .btn_sel_box{
    position: relative;
    display: none;
  }
  .login .container.login-renewal .btn_sel_box.active .btn-security-way{
    border: 1px solid #111;
  }
  .login .container.login-renewal .btn_sel_box.active .login-way-list{
    display: block;
  }
  .login .container.login-renewal .btn_sel_box .login-way-list{
    display: none;
    position: absolute;
    top: calc(3rem + 2px) ;
    z-index: 1;
    width: 100%;
    padding: 0 1.25rem;
    border-radius: 8px;
    background: #fff;
    box-shadow: 1px 10px 36px 6px #00000014;
  }
  .login .container.login-renewal .btn_sel_box .login-way-list li{
    display: flex;
    gap:18px;
    margin-top: 0;
    padding: 1rem 0;
    border-top: 1px solid #eee;
  }
  .login .container.login-renewal .btn_sel_box .login-way-list li:first-child{
    border-top: none;
  }
  .login .container.login-renewal .btn_sel_box .login-way-list li img{
    width: 32px;
  }
  .login .container.login-renewal .btn_sel_box .login-way-list li a{
    flex:1;
    font-size: 1rem;
    color: #333;
    line-height: 32px;
  }
  .login .container.login-renewal .btn_sel_box .login-way-list li.checked{
    background: url(../images/ico_check_red.svg) no-repeat right / 1rem ;
  }

  .login .container.login-renewal .wrapper .btn-security-way{
    display: block;
    height: 3rem;
    margin-top: 2rem;
    padding-left: 0.5rem;
    border: 1px solid #eee;
    border-radius: 8px;
    background: url(../images/arrow_down_s.svg) no-repeat right 0.5rem top 50%/ 2rem;
    font-size: 14px;
    color: #808080;
    line-height: 3rem;
    box-sizing: border-box;
  }
  .login .container.login-renewal .wrapper .btn-security-way.selected{
    height: auto;
    padding: 1rem 2.5rem 1rem 0.5rem;
    background: url(../images/arrow_down_s.svg) no-repeat right 0.5rem top 0.625rem/ 2rem;
    line-height: 100%;
  }
  .login .container.login-renewal .wrapper .btn-security-way.selected + .login-way-list{
    top: calc(5rem + 2px);
  }
  .login .container.login-renewal .wrapper .btn-security-way.selected p{
    padding-top: 0.75rem;
    font-size: 1rem;
    color: #333;
    line-height: 100%;
  }
  .login .container.login-renewal .wrapper .find-wrap.flex-container{
    padding: 0;
    margin-top: 2.5rem;
    justify-content: center;
  }
  .login .container.login-renewal .wrapper .find-wrap li{
    position: relative;
    margin-top: 0;
    padding: 0 12px;
  }
  .login .container.login-renewal .wrapper .find-wrap li::before{
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 12px;
    background: #eee;
  }
  .login .container.login-renewal .wrapper .find-wrap li:first-child:before{
    display: none;
  }
  .modal-con .modal-content .alert-tit + .txt{
    padding-top: 10px;
  }
  /* [e] 250314 추가 */
  
  /* 보안설정 */
  .login-security-setting h3{
    margin-bottom:20px;
    color:#822349;
    font-weight:700;
  }
  .login-security-setting .block h4{
    margin-bottom:0;
  }
  .login-security-setting .block .flex-container:first-of-type{
    margin-top:0;
  }
  .login-security-setting .block .flex-container{
    margin-top:2rem;
  }
  .login-security-setting .block .is-small{
    margin-right:36px;
    color:#666;
  }
  .login-security-setting .block .alert-list{
    padding:20px 16px;
    border-radius:8px;
    background:#f9f9f9;
  }
  .login-security-setting .block .alert-list li{
    margin-top:1rem;
  }
  .login-security-setting .block .alert-list li > div{
    position:relative;
  }
  /* [e] 241203 로그인 페이지 리뉴얼 */

  /* [s] 230130 */
  #footer {
    margin-top: 1.5rem;
  }
  /* [e] 230130 */

  body.has-gray-bg .content-area > div + div {
    border-top: 0.5rem solid #f0f0f0;
  }

  .container.tws-container .policy table,
  .modal.modal-mo .policy table {
    table-layout: fixed;
  }
  .container.tws-container .policy table th,
  .modal.modal-mo .policy table th {
    word-break: break-all;
  }

  .modal.modal-mo .policy table td strong {
    word-break: break-word;
  }

  .modal .modal-content {
    overflow-x: hidden;
  }

  /* [s] 220830 */
  .jquery-modal.pop-hidden .modal-content {
    padding: 1rem 0.5rem !important;
  }
  /* [e] 220830 */

  .modal .modal-content .container.tws-container {
    padding-top: 0;
    overflow-x: hidden;
  }

  .modal .modal-content .container.tws-container .policy a {
    word-break: break-word;
  }

  .container.tws-container ::-webkit-scrollbar,
  .modal.modal-mo ::-webkit-scrollbar {
    height: 4px;
  }

  .container .wrapper {
    width: 100%;
    min-height: calc(100% - 5rem);
    height: auto;
    padding: 0 1.5rem;
  }

  /* .container .wrapper .page-title {
    display: none;
  } 230608 삭제 */
  .signUp .container .wrapper .page-title {
    display: block; /* 210524 */
  }

  header h2.page-title {
    display: block;
    text-align: center;
    font-size: 18px;
  }

  .container.tws-container .wrapper .page-title {
    display: block !important;
  }

  .container .wrapper .sub-title {
    font-size: 1.125rem;
  }

  .container.phoAuth-container .wrapper .page-desc {
    padding-top: 2.5rem;
  }
  .container .wrapper .content-area {
    padding: 0;
  }
  .container .wrapper .content-area > div {
    padding: 0 1.5rem 3rem 1.5rem;
  }
  .container .wrapper.authArea .content-area > div {
    padding: 0 1.5rem;
  }
  .container .wrapper .content-area > div.steps {
    padding: 3rem 1.5rem 1rem 1.5rem;
  }

  .container .wrapper .content-area > div.box-list.joinedUp-box {
    padding: 0 1.5rem 0.5rem 1.5rem;
  }

  .container .wrapper .content-area > div + div {
    margin-top: 0;
  }
  .container .wrapper .content-area > div.message svg {
    width: 100%;
  }
  .container .wrapper .content-area > div.message button {
    width: 100%;
    margin: 0;
    -webkit-transform: translateY(4rem);
    transform: translateY(4rem);
  }
  .container.tws-container .wrapper .content-area.tws-padding {
    padding-top: 4rem;
  }
  .container.tws-container .wrapper .content-area.tws-paddingUser {
    padding-top: 3rem;
  }
  .container.tws-container .wrapper .content-area + .policy.tws-padding {
    padding-top: 4rem;
  }

  .modal-content .container.tws-container .wrapper {
    padding: 0 !important;
  }

  .modal-content
    .container.tws-container
    .wrapper
    .content-area
    + .policy.tws-padding {
    padding-top: 0;
  }

  .steps .flex-container h3 {
    font-size: 1.5rem;
  }
  .steps .flex-container div {
    font-size: 1rem;
  }
  .steps .flex-container div span {
    margin-left: 0.375rem;
  }
  .block + .block {
    /* border-top: 0.5rem solid #f5f5f5; */
    border-top: 0.5rem solid #f0f0f0; /*20.11.19*/
  }

  .selectAuth-container .bg-area {
    background-color: #fafafa;
  }
  .selectAuth-area {
    padding-top: 1rem;
  }
  .selectAuth-area.updateAuth-height {
    padding-bottom: calc(100vh - 411px);
  }
  .selectAuth-area > p.is-small {
    font-size: 0.875rem;
  }
  .selectAuth-area > p.is-small + p.is-small {
    margin-bottom: 2.5rem;
  }
  .authArea .block {
    margin: 0 -1.5rem;
    padding: 1.5rem 1.5rem 2rem 1.5rem;
    background: #fafafa;
  }
  .authArea .block + .block {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 2.5rem;
  }
  .authArea .block.borderbtm-mo {
    border-bottom: 0.5rem solid #f5f5f5;
  }
  .authArea .block.nonBorder-top {
    border-top: none;
    padding-bottom: 3rem;
  }
  .authArea .auth-interval {
    padding-top: 2.5rem;
  }
  .authArea .auth-interval.auth-last {
    padding-top: 2.5rem;
  }

  .block > .flex-container h4 {
    font-size: 1rem;
  }
  .captcha {
    margin-top: 2rem;
  }
  .captcha > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .captcha > div picture {
    width: calc(100% - 7rem);
  }
  .captcha > div div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .captcha > div div button {
    font-size: 1rem;
    height: 100%;
    border: none;
    border-radius: 0;
    padding: 0;
  }
  .addr-search-tip > div {
    padding-left: 1.25rem;
  }
  .addr-search-result ul.search-result li a > span {
    padding: 0;
  }
  .pagination {
    width: 100%;
    margin-top: 5px; /*20.11.05*/
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .pagination li.first,
  .pagination li.prev,
  .pagination li.next,
  .pagination li.last {
    border: none;
  }
  .pagination li a {
    width: 1.75rem;
    height: 2rem; /*20.11.05*/
    line-height: 2rem; /*20.11.05*/
    padding: 0;
  }
  .tab-list {
    margin: 0 -1.5rem;
    background: #fafafa;
  }
  .tab-content .block + .block {
    padding-top: 2rem;
    border-top: 0.5rem solid #f0f0f0;
  }
  ul li.flex-container {
    margin-top: 1rem;
  }
  ul li.flex-container > div {
    max-width: 80%;
  }
  ul li.flex-container > div.agreeArea {
    max-width: 90%;
  }
  ul li.flex-container > div label {
    font-size: 0.875rem;
  }
  ul li.flex-container a {
    font-size: 0.875rem;
  }
  /* [s] 231110 */
  ul li.long-letter > div {
    max-width: 80%;
  }
  ul li.long-letter > div.agreeArea {
    max-width: 90%;
  }
  /* [e] 231110 */
  ul.is-bigger-list li {
    margin-top: 3rem;
  }
  ul.is-bigger-list li:first-child {
    margin-top: 1rem;
  }
  ul.is-bigger-list li div h4 {
    font-size: 1.125rem;
    margin: 0;
  }
  ul.is-bigger-list li div p {
    font-size: 0.75rem;
  }
  ul.is-bigger-list li img {
    width: 3rem;
    height: 3rem;
  }
  ul.is-bigger-list.has-gray-bg li {
    margin-top: 0.5rem;
  }
  ul.is-bigger-list.has-gray-bg li a {
    background-color: #f5f5f5;
    border: 1px solid transparent;
    padding: 1.5rem;
  }
  ul.is-bigger-list.has-gray-bg li a:hover {
    border-color: #b71256;
  }
  ul.is-bigger-list.has-gray-bg li a:active {
    border-color: #b71256;
    background: #fff0f5;
  }
  .signup-complete .steps + .flex-container {
    font-size: 1rem;
  }
  .signup-complete .steps + .flex-container img {
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    /* margin-left: 2rem; */
    margin-left: 0rem;
  }

  .signup-complete .account-info {
    display: block;
    padding-top: 0.5rem; /* 210512 */
  }
  .signup-complete .account-info label {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
  }
  .signup-complete .account-info strong {
    font-size: 1rem; /* 210512 */
    margin: 0;
  }
  .signup-complete .account-info strong.num,
  .signup-complete .account-info strong.email {
    font-size: 16px;
  }

  .signup-complete .box.note {
    padding: 1rem 1rem 1rem 1.5rem;
    background-image: url("../images/ico_noti.svg");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 6px 18px;
    font-size: 13px;
  }
  .service-list label {
    font-size: 0.9rem;
  }
  .service-list a {
    margin-left: 0.5rem;
  }
  .service-list a img {
    width: 2rem;
    height: 2rem;
  }
  .id-list input[type="radio"] + label {
    font-size: 1.125rem;
    padding-left: 1.5rem;
  }
  .id-list .is-sub-text {
    padding-left: 1.5rem;
  }
  .box-header {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: 0;
  }
  .box-header.no-spacing {
    background: #f9f9f9; /* 210728 */
  }
  .box-list > li {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: 0;
    border: none;
    border-bottom: 0.5rem solid #f9f9f9; /* 210728 */
  }
  .box-list > li h4 {
    font-size: 1.125rem;
  }
  .box-list > li .flex-container.barcode-area .col-4 .badge,
  .box-list > li .flex-container.barcode-area .col-4 .text-button {
    font-size: 0.875rem;
  }
  .box-list > li .flex-container.flex-wrap a {
    font-size: 0.75rem;
  }
  .mobile-reverse-column {
    margin: 0 -1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .mobile-reverse-column .box-header {
    width: 100%;
    background: #f9f9f9;
    font-size: 0.75rem;
    padding-left: 1.5rem;
  }
  .mobile-reverse-column select {
    width: 100%;
    height: 3rem;
    border: none;
    padding-left: 1.5rem;
  }
  .joined-up-services .col-6 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 1.5rem;
  }

  .joined-up-services .col-6.w50 {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
  }
  .joined-up-services.lg-service-list a img,
  .joined-up-services.lg-service-list > div.flex-container img {
    margin-right: 0.7rem;
  }
  .joined-up-services.lg-service-list a div,
  .joined-up-services.lg-service-list > div.flex-container div {
    padding-right: 0;
  }

  .policy .clear-fix .is-pulled-right {
    display: block;
    float: left !important;
  }
  .policy section {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .policy section table {
    width: 100%;
  }

  .qna-area {
    margin-top: 1rem;
  }

  /* [s] 230425 */
  .container.gram-town .tab-content .meditation-wrap .tab-filter-wrap {
    margin: 1.06rem -1.5rem 1.06rem 0 !important; /* 230713 수정 */
    padding: 0.5rem 0rem 0.5rem 0 !important; /* 230713 추가 */
  }
  .container.gram-town .tab-content .meditation-wrap .app-download-wrap {
    display: none;
  }

  .btn-top {
    /* display:none !important; */ /* 240126 삭제 */
    z-index: 10; /* 240130 추가 */
  }
  /* [e] 230425 */
  /* [s] 230427 */
  #meditatePopup {
    height: 100%;
    padding-bottom: 90px !important;
  }
  /* [s] 230509 */
  #meditatePopup .modal-content {
    padding: 2rem 0.25rem 1.2rem 0.25rem;
  }
  #meditatePopup .meditate-audio-wrap .cont-wrap {
    padding-top: 30px;
  }
  /* [e] 230509 */
  #meditatePopup .meditate-audio-wrap .cont-wrap .txt-box {
    max-height: calc(27vh - 85px);
    margin-top: 50px; /* 230509 추가 */
  }
  #meditatePopup .jp-audio {
    height: 80px;
    border-radius: 20px;
  }
  #meditatePopup .jp-interface {
    padding: 25px 20px;
    border-radius: 20px;
  }
  #meditatePopup .jp-progress .jp-ball {
    opacity: 1 !important;
  }
  #meditatePopup .volume-wrap {
    display: none !important;
  }
  #meditatePopup
    .jp-audio
    .jp-volume-controls:hover
    + .jp-controls-holder
    .time-wrap {
    display: block !important;
  }
  #meditatePopup
    .jp-toggles
    .handler
    .playback-wrap
    .speed-list
    .inner::-webkit-scrollbar-thumb {
    background: #888;
  }
  /* [e] 230427 */

  .modal {
    max-width: inherit;
    min-width: inherit;
    width: 100%;
  }

  /* [s] 230607 */
  .modal.full-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    /* padding:1rem 1rem 0;
    padding-top:calc(1rem + constant(safe-area-inset-top));
    padding-right:calc(1rem + constant(safe-area-inset-right));
    padding-left:calc(1rem + constant(safe-area-inset-left));
    padding-top:calc(1rem + env(safe-area-inset-top));
    padding-right:calc(1rem + env(safe-area-inset-right));
    padding-left:calc(1rem + env(safe-area-inset-left)); 230608 삭제 */
  }
  .modal.full-layer .modal-title {
    /* margin:0 -1rem; 230608 삭제 */
    padding: 0 3.5rem 0.5rem 1.5rem;
  }
  /* [e] 230607 */

  /* [s]220325 */
  #ex1-1 {
    max-width: 90%;
  }
  #ex2-1 {
    max-width: 90%;
  }
  /* [e]220325 */

  .blocker .modal.modal-mo {
    /* padding: 1rem 1rem 0; 21062901 */
    width: 100%;
    max-width: 100%;
  }

  .modal.modal-mo.modal-iframe {
    padding: 0.5rem 0 0;
    height: 100%; /* 21062403 */
  }

  .modal.modal-mo.modal-iframe .modal-title {
    margin: 0;
  }

  .modal.modal-mo.modal-iframe .modal-content {
    padding: 0;
    height: calc(100% - 97px);
  }
  .modal.modal-mo.modal-iframe .modal-footer {
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #fff; /* 21062901 */
  }

  .modal .modal-content {
    padding: 2rem 0.5rem 1.2rem 0.5rem;
  }
  .modal-con-scroll .modal-content {
    padding: 0;
  } /* 220325 */

  /* 220324 */
  .modal-con .modal-content .txt {
    min-width: initial; /* 220405 추가 */
    text-align: center;
  }
  .modal-con .close-modal {
    display: none !important;
  }
  .modal-con .modal-content {
    /* 220405 수정 */
    padding: 32px 27px 40px;
  }
  /* //220324 */

  /* 211220 */
  .modal a.close-modal-text {
    font-size: 1rem;
  }

  /* 211220 */
  .modal a.close-modal-text {
    font-size: 1rem;
  }

  body.main .container .wrapper {
    padding: 0 0.5rem;
  }
  body.main .container .wrapper > .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body.main .container .wrapper > .flex-container > div {
    padding: 0;
  }
  body.main .container .wrapper > .flex-container .box {
    padding: 2.5rem 1.5rem;
  }
  body.main .container .wrapper > .flex-container .box > .is-half {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body.main .container .wrapper > .flex-container .box .say-hello {
    font-size: 1.875rem;
    line-height: 2rem;
  }
  body.main .container .wrapper > .flex-container .box .say-hello + a svg {
    width: 2.5rem;
    height: 2.5rem;
  }
  body.main .container .wrapper > .flex-container .box .personal-info {
    margin-top: 2.5rem;
  }
  body.main .container .wrapper > .flex-container .box .personal-info h4 {
    font-size: 0.875rem;
  }
  body.main .container .wrapper > .flex-container .box .personal-info h4 + p {
    font-size: 1rem;
  }
  body.main
    .container
    .wrapper
    > .flex-container
    .box
    .purchase-history
    ul
    .flex-container
    span:nth-child(2) {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
  }
  body.main
    .container
    .wrapper
    > .flex-container
    .box
    .purchase-history
    ul
    .flex-container
    span:last-child {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
  body.main .container .wrapper > .flex-container .box .membership-status {
    margin-top: 2rem;
  }

  .tooltip.type2 .tooltip-panel {
    bottom: 8.2rem;
  }
  .tooltip.type2 .tooltip-panel:before {
    left: 5.8rem;
  }

  .container .wrapper.event-wrap {
    width: 100%;
    min-height: calc(100% - 5rem);
    height: auto;
  }
  .event-cont {
    padding: 0 1.5rem;
  }
  .event-inner {
    width: 100%;
    font-size: 0.825rem;
  }

  .section02 .event-inner {
    padding: 20px 0;
  }
  .event-inner .text-top {
    font-size: 1rem;
    font-weight: normal;
  }
  .event-cont .img-txt {
    width: 4.7rem;
    margin-left: 7px;
  }
  .event-inner h1 {
    font-size: 1.3rem;
  }
  .event-inner .txt01 {
    font-size: 0.725rem;
  }
  .event-inner .noti {
    font-size: 0.7rem;
  }
  .section02 .tit {
    font-size: 1.1rem;
  }

  /* [s] 230221 */
  .modal.intro {
    max-height: 570px;
    height: 100%;
  }
  .modal.intro .modal-content {
    overflow-y: auto;
    height: calc(100% - 3.2rem);
    padding: 0 0.5rem 0 0.5rem;
    margin: 2rem 0 1.2rem 0;
    border-bottom: 0;
  }
  /* [e] 230221 */
  .modal.intro .title {
    margin: 15px 0;
    padding: 0; /* 230221 추가 */
    font-size: 1.5rem;
  }
  .modal.intro .title img {
    width: 8rem;
  }

  .modal.intro .layer-wrap div {
    padding: 15px 5px;
    line-height: 1.3;
  }
  .modal.intro div em {
    font-size: 0.875rem;
  }

  .modal.intro div p {
    font-size: 0.75rem;
  }

  .modal.intro .noti {
    margin-top: 10px;
  }

  .policy {
    font-size: 0.75rem;
  }
  .policy ol li,
  .policy ul li {
    margin: 0 0 0.2rem 0;
    /*line-height:1.4  211203 */
  }

  .checklist.is-collapse .is-bigger {
    width: 100%;
    word-break: break-word;
    padding-right: 24px;
    overflow-wrap: break-word;
  }

  /* 220413 */
  .modal-checklist .checklist.is-collapse .is-bigger {
    padding-right: 30px;
  }

  /* 나의 프로필 수정 211022 */

  .profile .block {
    padding: 1.5rem;
  }
  .profile .block + .block {
    border-top: 0;
  }
  .profile .top .block {
    padding: 1.5rem;
    width: 100%;
  }
  .container.profile .content-area > div {
    width: 100%;
  }
  .profile .items .flex-container > div {
    width: 17%;
  }
  .profile .items .flex-container > p {
    width: 63%;
  }

  /* [s] 221026 */
  .profile .content-area .page-top-desc {
    padding: 0 1.5rem;
  }
  /* [e] 221026 */

  /* [s] 221116 */
  .profile .footer-bottom .content-area {
    padding: 0 1.5rem;
  }
  .profile .footer-bottom .margin-top-small {
    margin-top: 1.5rem;
    padding-top: 0 !important;
  }
  /* [e] 221116 */

  /* [s] 220706 dev/stg클래스추가 */
  body.dev header::after {
    left: 45px;
    margin-top: -12px;
  }
  body.stg header::after {
    left: 45px;
    margin-top: -12px;
  }
  /* [e] 220706 dev/stg클래스추가 */

  /* [s] 221019 */
  .id-wrap .result-area .id-list input[type="radio"] + label:before {
    top: 50%;
    margin-top: -9px;
  }
  /* [e] 221019 */

  /* [s] 221109 */
  .btn-naver-link span {
    font-size: 1rem;
  }
  .btn-kakao-link span {
    font-size: 1rem;
  }
  /* [s] 221109 */

  /* [s] 230213 */
  .container .wrapper.wide {
    padding: 0;
  }
  .container.event .application-area .event-list li .cont-box {
    padding: 20px 79px 20px 20px; /* 230303 수정 */
  }
  .container.event .application-area .event-list .right-cont {
    width: 79px; /* 230303 수정 */
  }

  /* [s] 230303 */
  .container.event .application-area .coupon-list-wrap {
    padding-top: 10px;
  }
  /* [e] 230303 */
  .container.event .application-area .coupon-list > li {
    margin-top: 10px; /* 230303 수정 */
  }
  /* .container.event .application-area .coupon-list .cont-box{
    padding:0 60px 0 0;  230303 수정 
  } 230324 삭제 */
  /* [s] 230303 */
  .container.event .application-area .coupon-list .left-cont {
    padding: 20px 25px 20px 30px; /* 230324 수정 */
  }
  /* .container.event .application-area .coupon-list .right-cont{
    width:60px;
  } 230324 삭제 */
  /* [e] 230303 */
  /* .container.event .application-area .coupon-list .right-cont::before{
    right:48px;
  }
  .container.event .application-area .coupon-list .right-cont::after{
    right:48px;
  } 230303 삭제 */

  .container.event .application-area .event-btn-wrap {
    margin-top: 30px;
  }
  .container.event .application-area .event-btn-wrap .btn-more {
    width: 100%;
  }
  /* [e] 230213 */

  /* [s] 230607 */
  .container.event .event-banner-wrap {
    margin: 0 -1.5rem 0 !important;
    padding: 0 !important;
  }
  .container.event .event-banner-wrap .swiper-button-prev,
  .container.event .event-banner-wrap .swiper-button-next {
    display: none !important;
  }
  .container.event .col-list-wrap {
    margin: 0 -1.5rem 0 !important;
    padding: 1.5rem 0 0 1.5rem !important;
  }
  .container.event .col-list-wrap .tit-wrap .btn-more {
    right: 24px;
  }
  /* [s] 230609 */
  .container.event .col-list-wrap .swiper-container .swiper-button-prev {
    display: none;
  }
  .container.event .col-list-wrap .swiper-container .swiper-button-next {
    display: none;
  }
  /* [e] 230609 */
  .container.event .item-list-wrap {
    padding: 0 1.5rem;
  }

  /* [s] 250508 추가 */
  .container.reward-earn .reward-collect .collect-list li a .txt-box .sub-tit{
    max-width: 186px;
  }
  /* [e] 250508 추가 */

  /* [s] 241021 */
  .container.event .col-list-wrap.evt-ready{
    margin:0 !important;
    padding:1.5rem 0 0 0 !important;
  }
  .container.event .item-detail-wrap .item-head .point-box .point{
    padding-left:30px;
    font-size:24px;
    line-height:28px;
    background:url(../images/ico-reward-point.svg) no-repeat 0 50% / 24px 24px;
  }
  .modal.bottom-layer{
    width:100%;
  }
  /* [e] 241021 */
  
  /* [s] 241028 */
  .container.event .item-detail-wrap .item-cont .gray-box dl dd{
    font-size:14px;
  }
  .container.event .item-detail-wrap .item-cont.enter-area .draw-wrap{
    padding-top:20px;
    padding-left:unset;
    padding-right:unset;
  }
  .container.event .item-detail-wrap .item-cont.enter-area .draw-wrap .notice{
    margin-top:20px;
  }
  .container.event .item-detail-wrap .item-cont.enter-area .draw-wrap .notice .txt{
    font-size:12px;
    line-height:17px;
  }
  .container.event .item-detail-wrap .item-cont.enter-area .draw-wrap .notice .info{
    font-size:12px;
    line-height:17px;
  }
  .container.event .item-detail-wrap .item-cont.enter-area .btn-wrap{
    padding-left:unset;
    padding-right:unset;
  }
  .container.event .item-detail-wrap .item-cont.enter-area .btn-wrap .btn-reward-apply{
    margin-top:0.625rem;
  }
  /* [e] 241028 */

  /* [s] 230926 */
  .modal .modal-content .enter-form-wrap .form-control {
    margin-bottom: 20px;
  }
  .modal .modal-content .enter-form-wrap .form-control.show {
    margin-bottom: 44px;
  }

  .modal.type-map .modal-content {
    padding: 0.125rem 0.125rem 1.2rem 0.125rem;
  }

  .hwadam-terms-wrap .btn-wrap button {
    margin-top: 3rem;
  }
  /* [e] 230926 */

  .modal.type-detail .modal-content {
    position: absolute;
    top: 46px; /* 230628 수정 */
    top: calc(46px + constant(safe-area-inset-top)); /* 230712 추가 */
    top: calc(46px + env(safe-area-inset-top)); /* 230712 추가 */
    bottom: 0px; /* 230718 추가 */
    bottom: calc(0px + constant(safe-area-inset-bottom)); /* 230718 추가 */
    bottom: calc(0px + env(safe-area-inset-bottom)); /* 230718 추가 */
    left: 0;
    width: 100%; /* 230706 추가 */
    /* height:100%; 230718 삭제 */ /* 230713 수정 */
    margin: 0;
  }
  /* [s] 230713 */
  .modal.type-detail .full-img-box {
    max-height: none;
  }
  /* [e] 230713 */
  .modal.type-detail .full-img-box img {
    max-width: none;
  }
  .modal.type-detail .modal-footer {
    display: block; /* 230609 추가 */
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
  }

  /* 230619 추가 */
  /* [s] 230718 */
  .modal.type-detail-btn .modal-content {
    bottom: 53px;
    bottom: calc(53px + constant(safe-area-inset-bottom));
    bottom: calc(53px + env(safe-area-inset-bottom));
    /* height:calc(100% - 99px); 230718 삭제 */ /* 230713 수정 */
  }
  .modal.type-detail-btn .modal-footer {
    bottom: 0;
    bottom: calc(0px + constant(safe-area-inset-bottom));
    bottom: calc(0px + env(safe-area-inset-bottom));
  }
  /* [e] 230718 */

  .container .wrapper .content-area > .tab-filter-wrap {
    margin: 1.375rem -1.5rem !important; /* 230608 수정 */
  }

  /* [s] 240320 추가 */
  .container .wrapper .content-area > .tab-filter-wrap.tag-box {
    margin: 1.375rem 0 0 !important;
    padding: 0.5rem 0rem 0.5rem 0rem !important;
  }
  /* [e] 240320 추가 */

  .tab-filter-wrap {
    padding: 0.5rem 0rem 0.5rem 1.5rem !important;
  }
  /* [e] 230607 */

  /* [s] 230904 */
  body.has-top-banner header {
    top: 146px;
  }
  /* [s] 230907 */
  /* body.has-top-banner .container{
    padding-top:246px;
  } 230911 삭제 */
  /* [e] 230907 */
  .notice-top-banner {
    padding: 0;
    padding-top: calc(0px + constant(safe-area-inset-top));
    padding-top: calc(0px + env(safe-area-inset-top));
  }
  .notice-top-banner .inner_wrap {
    padding: 20px 25px;
  }
  .notice-top-banner .btn-close {
    top: 20px;
    /* top:calc(20px + constant(safe-area-inset-top)); 230908 삭제 */
    /* top:calc(20px + env(safe-area-inset-top)); 230908 삭제 */
  }
  .notice-top-banner .notice-area {
    -webkit-box-align: start;
    -moz-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex-direction: column;
  }
  .notice-top-banner .tit-box {
    padding-right: 31px;
  }
  .notice-top-banner .tit-box .tit {
    font-size: 18px;
    line-height: 25px;
  }
  .notice-top-banner .con-box {
    padding: 16px 0 0 0;
  }
  .notice-top-banner .con-box .txt {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.32px;
  }
  .notice-top-banner .con-box .date {
    padding-top: 8px;
    font-size: 14px;
    line-height: 19px;
  }
  .notice-top-banner .con-box .form-wrap {
    position: unset;
    padding-top: 16px;
  }
  /* [e] 230904 */

  /* [s] 230628 */
  .toast .toast_message {
    bottom: 23px;
    left: 0;
    width: calc(100% - 40px);
    margin: 0 20px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  /* [e] 230628 */
  
  /* [s] 240412 */
  .container.footer-spacenone .wrapper{
    min-height:0;
  }
  .container.footer-spacenone #footer{
    margin-top:0;
  }
  /* 리워드 안내 */
  .reward-guide .reward-guide-inner{
    margin:0 -1.5rem;
    padding: 42px 16px;
  }
  .reward-guide .reward-guide-inner::before{
    z-index:10;
    top:218px;
    left:-25px;
    width:62px;
    height:68px;
    background:url(../images/img_balloon.png) no-repeat 50% 50% / 62px 68px;
  }
  .reward-guide .reward-guide-inner::after{
    top:16px;
    right:-27px;
  }
  /* // 리워드 안내 */
  /* 런칭 이벤트 페이지 */
  .reward-event .item-cont{
    margin:0 -1.5rem;
  }
  /* // 런칭 이벤트 페이지 */
  /* 리워드 풀팝업 */
  .popup-inner{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height:100%;
  }
  .popup-inner .footer{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
  }
  /* // 리워드 풀팝업 */
  /* [e] 240412 */
  
  /* [s] 240902 */ /* 241028 위치 이동 */
  .container.reward-earn .reward-collect .collect-list li a.complete .txt-box .sub-tit{
    overflow:hidden;
    max-width:150px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  /* [e] 240902 */
  /* [s] 241028 리워드 비대상케이스 */
  .container.reward-earn .reward-collect .collect-list li a.affect-none .txt-box .sub-tit{
    overflow:hidden;
    max-width:134px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  /* [e] 241028 리워드 비대상케이스 */
  
  .container.event . {
    padding-bottom: 0 !important;
  }

  /* [s] IT200054A2-5596 [SI] [UserWeb] 마켓메인 */
  .container.market .card-area {
    padding: 0 1rem 3rem 1rem !important;
  }
  .container.market .card-area .tit-wrap {
    padding: 0 0.5rem;
  }
  .container.market .enter-reward-wrap {
    margin-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .container.market .card-area {
    padding-bottom: 0 !important;
  }
  .container.market .content-area .item-detail-wrap {
    padding-bottom: 0;
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 마켓메인 */
  /* [s] IT200054A2-5596 [SI] [UserWeb] 출석체크 */
  .container.check-attendance .content-area .bg-gray {
    padding-bottom: 0 !important;
  }
  .container.check-attendance #footer,
  .container.friend-invite #footer,
  .container.friend-invite-new #footer,
  .container.market-no-footer #footer,
  .container.friend-invite-new #footer,
  .container.market-no-footer #footer,
  .container.login-no-footer #footer /* 241203 .container.login-no-footer #footer 추가 */ {
    margin-top: 0;
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 출석체크 */
  /* [s] IT200054A2-5596 [SI] [UserWeb] 나의 리워드 */
  .my-reward-page .reward-list-wrap .tab-list {
    margin: 0;
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 나의 리워드 */

  /* [s] 240814 리워드 적립 */
  .container.reward-earn .user-point{
	/* margin: 0 -1.5rem 0 !important;
	   padding: 0 !important; */ /* 241028 삭제 */
    /* [s] 240905 추가 */
	/* border: 0;
	   border-radius: 0;
	   box-shadow: none;
	   border-bottom: 1px solid #eee; */ /* 241028 삭제 */
    /* [e] 240905 추가 */
  }
  .container.reward-earn .reward-banner .mo-ver{
    display:block;
  }
  .container.reward-earn .reward-banner .pc-ver{
    display:none;
  }
  .container.reward-earn .col-list-wrap{
    margin: 0 -1.5rem 0 !important;
    padding: 2rem 0 0 1.5rem !important;
  }
  .container.reward-earn .col-list-wrap .tit-wrap .btn-more{
    right:24px;
  }
  .container.reward-earn .col-list-wrap .swiper-container .swiper-button-prev{
    /*display:none;*/
  }
  .container.reward-earn .col-list-wrap .swiper-container .swiper-button-next{
    /*display:none;*/
  }
  /* [s] 241021 */
  .container.reward-earn .col-list-wrap.evt-ready{
    margin:0 !important;
    padding:1.5rem 0 0 0 !important;
  }
  /* [e] 241021 */
  
  /* [e] 240814 리워드 적립 */
  
  /* [s] 240927 footer-white버전 */
  #footerWhite {
    margin-top:1.5rem; /* 241213 추가 */
    padding: 5.625rem 0 3rem;
  }
  #footerWhite .inner {
    padding: 0 1.875rem;
  }
  #footerWhite .util-wrap {
    display: block;
  }
  #footerWhite .util-wrap .footer-logo {
    width: 7.5rem;
  }
  #footerWhite .util-wrap .link-area {
    padding-top: 1rem;
  }
  #footerWhite .util-wrap .link-area li a {
    font-size: 0.875rem;
    line-height: 1.312rem;
  }
  #footerWhite .inquiry-wrap{
    margin-top:2.125rem;
  }
  #footerWhite .inquiry-wrap .txt{
    gap:unset;
  }
  #footerWhite .inquiry-wrap .txt span{
    font-size:0.8125rem;
  }
  #footerWhite .inquiry-wrap .txt .inquiry{
    margin-bottom:0.8125rem;
    font-size:1rem;
    line-height:2.0625rem;
  }
  #footerWhite .address{
    margin-top:2.125rem;
    font-size:0.75rem;
  }
  #footerWhite .address .d-block{
      display:block;
  }
  #footerWhite .address .d-none{
      display:none;
  }
  #footerWhite .copyright {
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-align:left;
  }
  /* [e] 240927 footer-white버전 */
  
  /* [s] 241105 개인정보처리방침 */ /* [s] 241108 수정 */
  .modal.modal-policy .modal-content {
    padding:2rem .5rem 1.2rem .5rem;
  }
  .modal.modal-policy .privacy-article ul{
    margin-top:36px;
  }
  .modal.modal-policy .privacy-article ul li{
    width:calc(( 100% - 12px) / 2 );
    padding:16px 16px 36px;
  }
  .modal.modal-policy .privacy-article .img-box{
    width:54px;
    height:60px;
  }
  .modal.modal-policy .privacy-article .desc-box{
    top:100%;
  }
  .modal.modal-policy .privacy-article ul li:hover .desc-box{
    display:none;
  }
  /* [s] 241111 */
  .modal.modal-policy .privacy-article ul li:hover{
    background-color:unset;
  }
  .modal.modal-policy .privacy-article ul li:hover::after{
    content:none;
  }
  .modal.modal-policy .privacy-article ul li:hover .tit{
    font-weight:400;
  }
  .modal.modal-policy .privacy-article ul li.on{
    background:#f9f9f9;
  }
  .modal.modal-policy .privacy-article ul li.on::after{
    content:'';
    position:absolute;
    bottom:-1px;
    left:50%;
    transform:translateX(-50%);
    width:14px;
    height:8px;
    z-index:20;
    background:url(../images/ico-arrow2.png) no-repeat 50% 100% / 14px 8px;
  }
  .modal.modal-policy .privacy-article ul li.on .tit{
    font-weight:700;
  }
  /* [e] 241111 */
  .modal.modal-policy .privacy-article ul li.on .desc-box{
    display:block;
  }
  .modal.modal-policy .privacy-article .desc-box.p-center{
    left:0;
    transform:inherit;
  }
  .modal.modal-policy .privacy-article .desc-box.p-left{
    left:0
  }
  /* [s] 241111 */
  .modal.modal-policy .privacy-article ul li:nth-child(odd) .desc-box{
    width: auto;
    right: calc(-100% - 15px);
  }
  .modal.modal-policy .privacy-article ul li:nth-child(even) .desc-box{
    /* left:inherit; */
    width:auto;
    left: calc(-100% - 15px);
    right:-1px;
  }
  /* [e] 241111 */
  .modal.modal-policy .privacy-article .privacy-note .img-pc{
    display:none;
  }
  .modal.modal-policy .privacy-article .privacy-note .img-tablet{
    display:block;
  }
  /* [e] 241105 개인정보처리방침 */ /* [e] 241108 수정 */
  
  /* [s] 241114 개인정보처리방침 - 다이렉트페이지 */
  .privacy-area .modal-content {
    padding:2rem .5rem 1.2rem .5rem;
  }
  .privacy-area .privacy-article ul{
    margin-top:36px;
  }
  .privacy-area .privacy-article ul li{
    width:calc(( 100% - 12px) / 2 );
    padding:16px 16px 36px;
  }
  .privacy-area .privacy-article .img-box{
    width:54px;
    height:60px;
  }
  .privacy-area .privacy-article .desc-box{
    top:100%;
  }
  .privacy-area .privacy-article ul li:hover .desc-box{
    display:none;
  }
  .privacy-area .privacy-article ul li:hover{
    background-color:unset;
  }
  .privacy-area .privacy-article ul li:hover::after{
    content:none;
  }
  .privacy-area .privacy-article ul li:hover .tit{
    font-weight:400;
  }
  .privacy-area .privacy-article ul li.on{
    background:#f9f9f9;
  }
  .privacy-area .privacy-article ul li.on::after{
    content:'';
    position:absolute;
    bottom:-1px;
    left:50%;
    transform:translateX(-50%);
    width:14px;
    height:8px;
    z-index:20;
    background:url(../images/ico-arrow2.png) no-repeat 50% 100% / 14px 8px;
  }
  .privacy-area .privacy-article ul li.on .tit{
    font-weight:700;
  }
  .privacy-area .privacy-article ul li.on .desc-box{
    display:block;
  }
  .privacy-area .privacy-article .desc-box.p-center{
    left:0;
    transform:inherit;
  }
  .privacy-area .privacy-article .desc-box.p-left{
    left:0
  }
  .privacy-area .privacy-article ul li:nth-child(odd) .desc-box{
    width: auto;
    right: calc(-100% - 15px);
  }
  .privacy-area .privacy-article ul li:nth-child(even) .desc-box{
    width:auto;
    left: calc(-100% - 15px);
    right:-1px;
  }
  .privacy-area .privacy-article .privacy-note .img-pc{
    display:none;
  }
  .privacy-area .privacy-article .privacy-note .img-tablet{
    display:block;
  }
  /* [e] 241114 개인정보처리방침 - 다이렉트페이지 */
  
  /* [s] 241101 서비스가입/연결 ver2 */
  .event-wrap .banner-wrap .banner-pc{
    display:none;
  }
  .event-wrap .banner-wrap .banner-tablet{
    display:none;
  }
  .event-wrap .banner-wrap .banner-mo{
    display:block;
  }
  .service-join-wrap .inner{
    max-width:fit-content;
    padding:0 24px;
  }
  .service-join-wrap h3{
    font-size:24px; /* 241125 추가 */
    margin-top:44px !important;
    margin-bottom:20px;
  }
  .service-join-wrap .service-join-list{
    margin-left:-0.8rem;
  }
  .service-join-wrap .service-join-list li{
    width:33.3%;
    margin-left:0
  }
  .service-join-wrap .service-join-list li .txt-box{
    top:3.875rem;
  }
  .service-join-wrap .service-join-list li .bg-img{
    width:3.25rem;
    height:3.25rem;
  }
  .service-join-wrap .service-join-list li .bg-img.service1{
    background:url(../images/service_01_v2.png)no-repeat 50% / 3.25rem;
  }
  .service-join-wrap .service-join-list li .bg-img.service2{
    background:url(../images/service_02_v2.png)no-repeat 50% / 3.25rem;
  }
  .service-join-wrap .service-join-list li .bg-img.service3{
    background:url(../images/service_04_v2.png)no-repeat 50% / 3.25rem;
  }
  .service-join-wrap .service-join-list li .bg-img.service4{
    background:url(../images/service_03_v2.png)no-repeat 50% / 3.25rem;
  }
  /* [s] 241125 */
  .service-join-wrap .service-box{
    padding:24px 16px; /* 241212 수정 */
  }
  .service-join-wrap .tit{
    font-size:18px;
    font-weight:700;
  }/* 241128 추가 */
  /* .service-join-wrap .service-box .service-num{
    display:inline-block;
    margin-left:8px;
    width:29px;
    height:20px;
    line-height:22px;
    font-size:14px;
    font-weight:700;
    color:#fff;
    text-align:center;
    border-radius:100px;
    background:#B71256;
    vertical-align:text-top; 241128 수정 
  }
  .service-join-wrap .service-box .service-num.join{
    color:#333;
    background:#eee;
  }
  .service-join-wrap .only-area{
    padding:24px 16px;
  }*/ /* 241212 삭제 */
  /* [e] 241125 */
  /* [e] 241101 서비스가입/연결 ver2 */
  /* [s] 250116 추가 */
  /* 쿠팡csp 룰렛 참여내역 팝업 */
  .roulette-modal.participation-modal {
    width:100%;
  }
  .roulette-modal .modal-content{
    padding:0;
  }
  /* [e] 250116 추가 */
}

/* [s] 230126 */
@media only screen and (max-width: 520px) {
  /* #footer .menu-wrap .link-area>li .info-txt span{
    display:block;
  } 230711 삭제 */

  /* [s] IT200054A2-5596 [SI] [UserWeb] 친구초대 new */
  .container.friend-invite-new .content-area .top-area .img-friend-invite {
    width: 100%;
  }
  .container.friend-invite-new .content-area .top-area .box-wrap .recommend-code-box{
    margin-inline: 0;
  }  
  /* [e] IT200054A2-5596 [SI] [UserWeb] 친구초대 NEW */
}
/* [e] 230126 */

@media only screen and (max-width: 480px) {
  /* [s] IT200054A2-5596 [SI] [UserWeb] 나의 리워드 */
  .container.market .top-section {
    padding: 1rem 1.5rem !important;
  }
  .container.my-reward-page .top-section .txt-area h3 {
    font-size: 20px;
  }
  .container.my-reward-page .top-section .txt-area img {
    width: 128px;
    height: 100px;
  }
  .container.market .top-section .border-box,
  .container.my-reward-page .top-section .border-box {
    min-height: 75px;
  }

  /* [e] IT200054A2-5596 [SI] [UserWeb] 나의 리워드 */

  /* [s] IT200054A2-5596 [SI] [UserWeb] 친구초대 new */
  .container.friend-invite-new .wrapper .content-area .top-area {
    padding:38px 32px 24px; /* 240724 수정 */
  }
  .container.friend-invite-new .content-area .top-area h3{
    margin-bottom:8px; /* 240724 추가 */
    font-size:26px;
  }
  .container.friend-invite-new .content-area .top-area p{
    font-size:14px;
  }
  .container.friend-invite-new .content-area .top-area p strong{
    font-size:14px; /* 240724 수정 */
  }
  .container.friend-invite-new .wrapper .content-area .top-area .highlight:before{
    width:100%;
    bottom:4px;
    height:8px;
  }
  .container.friend-invite-new .content-area .top-area .recommend-code {
    padding: 10px;
  }
  .container.friend-invite-new .content-area .top-area .recommend-code span {
    font-size:18px;
  }
  .container.friend-invite-new .content-area .top-area .recommend-code strong {
    font-size: 18px;
  }
  .container.friend-invite-new .content-area .top-area .img-friend-invite{
    margin-top:23px;
  }
  .container.friend-invite-new .content-area .top-area .btn-group {
    padding: 20px 0 0; /* 240724 수정 */
  }
  .container.friend-invite-new .content-area .top-area .btn-group button {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 12px;
  }
  .container.friend-invite-new .content-area .top-area .btn-group button::before{
    width:52px;
    height:52px;
    margin-bottom:8px;
  }
  .container.friend-invite-new .content-area .top-area .btn-group button.btn-copy::before, .container.friend-invite-new .content-area .top-area .btn-group button.btn-link::before, .container.friend-invite-new .content-area .top-area .btn-group button.btn-Kakao::before{
    background-size:22px;
  }
  .container.friend-invite-new .content-area .top-area .box-wrap .recommend-code-box{
    margin:-40px 20px 0 20px;
    margin-inline:0;
    padding: 20px 40px 24px; /* 240724 수정 */
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 친구초대 new */
  /* [s] 240724 100% 선물 증정 이벤트 */
  .container.friend-invite-new .content-area .top-area .presentation-code-box{
    margin-top:14px;
    padding:24px 40px 29px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box::before{
    top:46px;
    left:-10px;
    width:37px;
    height:34px;
    background: url(../images/img_coin.png) no-repeat 50% 50% / 37px 34px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box::after{
    bottom:66px;
    right:-10px;
    width:43px;
    height:43px;
    background: url(../images/img_coin2.png) no-repeat 50% 50% / 43px 43px;
  }

  .container.friend-invite-new .content-area .top-area .presentation-code-box .tooltip{
    padding:4px 9px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box .tooltip p{
    font-size:13px;
    line-height:15px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box .tooltip::after{
    bottom:-4px;
    width: 7px;
    height: 7px;
    margin-left: -3.5px;
    background: url(../images/tooltip_arw.png) no-repeat 50% 50% / 7px 7px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box h4{
    font-size:16px;
    line-height:20px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box h4 em{
    font-size:24px;
    line-height:30px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box .img-box{
    width:90px;
    height:84px;
    margin:15px auto 0;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box .period{
    margin-top:20px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box .period .txt{
    font-size:12px;
    line-height:17px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box .period .date{
    margin-top:8px;
    font-size:14px;
    line-height:20px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap{
    margin-top:28px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap button{
    padding:0.75rem;
    font-size:18px;
    line-height:15px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap.apply .complete{
    padding:11px 17px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap.apply .complete .txt{
    font-size:18px;
    line-height:18px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap.apply .complete .number{
    font-size:18px;
    line-height:18px;
  }
  .container.friend-invite-new .content-area .top-area .presentation-code-box .btn-wrap.apply .btn-view{
    margin-top:31px;
    font-size:16px;
    line-height:14px;
  }
  .container.friend-invite-new .content-area .code-register{
    margin-top:22px;
  }
  .container.friend-invite-new.type-blue .content-area .code-register .txt{
    font-size:14px;
    line-height:20px;
  }
  .container.friend-invite-new.type-blue .content-area .code-register .txt-link{
    margin-top:4px;
    padding-right: 16px;
    font-size:14px;
    line-height:20px;
  }
  .container.friend-invite-new.type-blue .content-area .code-register .txt-link::after{
    width: 16px;
    height: 16px;
    margin-top: -9px;
    background: url(../images/ico_arrow_more3.png) no-repeat 50% 50% / 16px;
  }
  .container.friend-invite-new .attention-point-box dl dt{
    font-size:14px;
    line-height:20px;
  }
  .container.friend-invite-new .attention-point-box dl{
    font-size:12px;
    line-height:17px;
  }
  /* [e] 240724 100% 선물 증정 이벤트 */
  /* [s] IT200054A2-5596 [SI] [UserWeb] 모바일 사이즈 맞춤 */
  .container.market .top-section h3 {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 8px;
    font-size: 18px;
  }
  .highlight:before {
    bottom: 2px;
    height: 8px;
  }
  .container.market .card-area .card-list-wrap {
    margin-top: 10px;
  }
  .container.market .card-area .tit-wrap h3 {
    font-size: 16px;
  }
  .container.market .card-area .card-list-wrap a {
    padding: 10px;
  }
  .container.market .card-area .card-list-wrap a .img-box img {
    height: 100%; /*20240517*/
  }
  .container.market .sold-out::after {
    top: 26px;
    background-size: 60%;
  }
  .container.market .card-list-wrap .txt-box .tit {
    max-height: 36px;
    min-height: 36px;
    font-size: 14px;
    line-height: 18px;
  }
  .container.market .card-list-wrap .txt-box .need-price {
    font-size: 12px;
  }
  .container.market .top-section .border-box .items span,
  .container.my-reward-page .top-section .border-box .items span {
    font-size: 13px;
  }
  .ico-reward::before {
    width: 14px;
    height: 14px;
    margin-bottom: 0.05rem;
  }
  .side-gnb.new .border-box .items p.ico-reward::before {
    margin-top: 0.05rem;
    margin-bottom: 0;
  }
  .side-gnb.new .border-box .items .ico-coupon::before {
    margin-top: 0.06rem;
  }
  .ico-coupon::before {
    margin-top: 0.05rem;
    width: 18px;
    height: 14px;
  }
  .container.market .top-section .border-box .items p,
  .container.market .top-section .border-box .items p a,
  .container.my-reward-page .top-section .border-box .items p,
  .container.my-reward-page .top-section .border-box .items p a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 17px;
  }
  .container.market .top-section .border-box .items + .items::before,
  .container.my-reward-page .top-section .border-box .items + .items::before {
    height: 90%;
  }
  .container.market .top-section .border-box,
  .container.my-reward-page .top-section .border-box {
    min-height: unset;
    padding: 8px 0;
    border-radius: 10px;
  }
  .container.market .swiper-container {
    min-height: 76px;
    padding-left: 0 !important;
    margin-bottom: 18px !important;
  }
  .brand-no-content {
    height: 76px;
  }
  .container.market .swiper-slide {
    padding-bottom: 0;
  }
  .container.market .swiper-slide a {
    padding: 5px 0;
    font-size: 12px;
  }
  .container.market .swiper-slide a::before {
    width: 46px;
    height: 46px;
  }
  .container.market .swiper-slide .ico-category1::before,
  .container.market .swiper-slide .ico-category2::before,
  .container.market .swiper-slide .ico-category3::before,
  .container.market .swiper-slide .ico-category4::before,
  .container.market .swiper-slide .ico-category5::before,
  .container.market .swiper-slide .ico-category6::before,
  .container.market .swiper-slide .ico-category7::before /* 240906 클래스추가 */ {
    background-size: 140%;
  }
  .container.market .enter-reward-wrap .enter-reward {
    height: 64px; /* 250404 수정 */
  }
  .container.market .enter-reward-wrap .enter-reward img {
	width: 100%; /* 250404 수정 */
	/* height: 56px; */ /* 250404 삭제 */
	/* object-fit: cover; */ /* 250404 삭제 */
	/* margin-right: 16px; */ /* 250404 삭제 */
  }

  .container.market .enter-reward-wrap .enter-reward p {
    font-size: 14px;
  }
  .container.market .enter-reward-wrap {
    margin-top: 0 !important;
    padding: 0 1.5rem 16px 1.5rem !important;
  }
  .container.market .cate-box {
    padding-top: 8px;
  }
  /* 마켓 브랜드 */
  .container.market .content-area .item-detail-wrap .item-head {
    min-height: 60px;
  }
  .container.market .content-area .item-detail-wrap .item-head .tit {
    font-size: 18px;
  }
  .my-reward span::before {
    width: 18px;
    height: 18px;
  }
  .container.market .item-detail-wrap .swiper-container .swiper-slide {
    padding: 0;
  }
  .container.market .item-detail-wrap .swiper-container .swiper-slide img {
    width: 43px;
    height: 43px;
    margin-bottom: 5px;
  }
  .brand-no-content p,
  .container.market .card-area .no-content p {
    font-size: 14px !important;
  }
  /* 마켓상세  */
  .container.market .detail-cont .cate-box {
    margin-top: 16px;
  }
  .container.market .detail-cont .txt-box {
    padding-top: 5px;
    padding-bottom: 16px;
  }
  .container.market .detail-cont .cate-box span {
    font-size: 14px;
  }
  .container.market .detail-cont .txt-box .tit,
  .container.market .detail-cont .txt-box .tit-break-all {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.4;
  }
  .container.market .detail-cont .txt-box .ic-reward.price {
    margin-top: 0;
    font-size: 16px;
  }
  .container.market .detail-cont .txt-box .ic-reward::before {
    width: 18px;
    height: 18px;
  }
  .container.market .detail-cont .gray-box {
    padding: 16px 1.5rem;
  }
  .container.market .detail-cont .gray-box h4 {
    font-size: 14px;
  }
  .container.market .detail-cont .gray-box dl dt {
    margin-top: 14px;
  }
  /* 교환완료  */
  .container.exchange-finish .tit,
  .container.entry-finish .tit {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .container.exchange-finish .product-area,
  .container.entry-finish .product-area {
    padding-bottom: 18px !important;
  }
  .container.exchange-finish .breakdown-list,
  .container.entry-finish .breakdown-list {
    padding: 18px 0;
  }
  .container.exchange-finish .breakdown-list li,
  .container.entry-finish .breakdown-list li {
    font-size: 16px;
  }
  .container.exchange-finish .breakdown-list li + li,
  .container.entry-finish .breakdown-list li + li {
    margin-top: 10px;
  }
  .container.exchange-finish .product-area .product-txt .cate-box,
  .container.entry-finish .product-area .product-txt .cate-box {
    margin-bottom: 5px;
  }
  .container.exchange-finish .product-area .product-txt .txt-box .tit,
  .container.entry-finish .product-area .product-txt .txt-box .tit {
    font-size: 16px;
  }
  .container.exchange-finish .product-area .product-txt .txt-box .price,
  .container.entry-finish .product-area .product-txt .txt-box .price {
    display: flex;
    align-items: center;
  }
  .container.market .card-area .tit-wrap .total {
    font-size: 14px;
  }
  .container.market .card-area .tit-wrap .commutativity-switch {
    margin: 5px 0 !important;
  }
  .container.market .card-area select:not([class^="light"]) {
    font-size: 14px !important;
    height: 36px;
    padding: 6px 8px 5px 8px;
    border-bottom: 0;
  }
  .container.market .detail-cont .txt-box .txt-info {
    margin-top: 0;
    font-size: 14px;
  }
  /* 리워드로 응모 */
  .border-b-2 {
    margin-bottom: 16px;
  }
  /* 혜택이벤트 */
  .container.event .check-attendance-wrap .check-attendance-section {
    justify-content: flex-start;
  }
  .container.event .check-attendance-wrap .check-attendance-section p {
    font-size: 13px;
  }
  .container.event
    .check-attendance-wrap
    .check-attendance-section
    .img-attendance {
    margin-right: 5px;
  }
  .container.event
    .check-attendance-wrap
    .check-attendance-section
    p
    strong::before {
    height: 4px;
  }

  /* 출석체크 */
  .container.check-attendance .content-area .ico-top {
    width: 156px;
    height: auto;
  }
  .container.check-attendance .content-area .bg-gray {
    margin-top: -48px;
    padding-top: 40px !important;
  }
  .container.check-attendance .content-area .bg-gray h3 {
    font-size: 14px;
  }
  .container.check-attendance .content-area .bg-gray h3 strong.fc-magenta {
    font-size: 16px;
  }
  .container.check-attendance .content-area .bg-gray .bar-wrap .progress {
    height: 10px;
  }
  .container.check-attendance .content-area .bg-gray .calendar {
    padding: 16px;
  }
  .container.check-attendance .content-area .bg-gray .calendar .month {
    margin-bottom: 0;
    font-size: 18px;
  }
  .container.check-attendance
    .content-area
    .bg-gray
    .calendar
    table
    tbody
    tr
    td,
  .container.check-attendance
    .content-area
    .bg-gray
    .calendar
    table
    thead
    tr
    th {
    font-size: 14px;
  }
  .container.check-attendance .content-area .bg-gray button.is-primary {
    margin-top: 18px !important;
  }
  .container.check-attendance .content-area .attention-point-box {
    margin-top: 24px !important;
  }
  /* 나의 리워드 */
  .container.my-reward-page .top-section .txt-area h3 {
    font-size: 16px;
    letter-spacing: 0;
  }
  .container.my-reward-page .top-section {
    padding: 1.5rem 1.5rem 2.5rem !important; /* 240503 수정 */
  }
  .container.my-reward-page .top-section .txt-area {
    padding: 0 20px 16px 20px;
  }
  .container.my-reward-page .reward-list-wrap .tab-filter-wrap {
    padding: 10px 1.5rem !important;
  }
  .container.my-reward-page .reward-list-wrap .date-area {
    padding: 10px 1.5rem;
  }
  .container.my-reward-page .top-section .border-box.no-certify .items p,
  .container.my-reward-page .top-section .border-box.no-certify .items p a {
    font-size: 14px;
  }
  .container.my-reward-page .top-section .border-box.no-certify .items p {
    display: block;
  }
  .container.my-reward-page .top-section .border-box.no-certify .items p a {
    display: inline-block;
    padding-bottom: 0.05rem;
  }
  .container.my-reward-page .reward-list-wrap .tab-list li a {
    line-height: 38px;
    font-size: 0.875rem;
  }
  .container.my-reward-page
    .reward-list-wrap
    input[type]:not([type="checkbox"]):not([type="radio"]):not(
      [type="button"]
    ) {
    height: 2.4rem;
  }
  .container.my-reward-page .reward-list-wrap .list ul li {
    font-size: 14px;
  }
   /* [s] 240503 */
  .container.my-reward-page .top-section .reward-guide{
    bottom:12px; 
  }
  .container.my-reward-page .top-section .reward-guide a{
      padding-right:18px;
      font-size:12px;
      line-height:18px;
  }
  .container.my-reward-page .top-section .reward-guide a::after{
      width:16px;
      height:16px;
      margin-top:-8px;
      background:url(../images/ico_arrow_more.png) no-repeat 50% 50% / 16px;
  }
  /* [e] 240503 */
  /* [s] 241202 소멸예정 리워드 추가 */
  .container.my-reward-page .reward-list-wrap .tit-box .info{
    font-size:12px;
  }
  .container.my-reward-page .reward-list-wrap .notice-box .collapse-header dl dt{
    font-size:14px;
  }
  .container.my-reward-page .reward-list-wrap .notice-box .collapse-header dl dd{
    font-size:14px;
  }
  /* [e] 241202 소멸예정 리워드 추가 */

  /* 친구초대 */
  .container.friend-invite-new .content-area .top-area h3 {
    /* font-size: 24px; */ /* 240724 삭제 */
  }
  .container.friend-invite-new .content-area .top-area p {
    /* font-size: 16px; */ /* 240724 삭제 */
  }
  .container.friend-invite-new .content-area .top-area p strong {
    /* font-size: 18px; */ /* 240724 삭제 */
  }
  .container.friend-invite-new
    .wrapper
    .content-area
    .top-area
    .highlight:before {
    width: 100%;
    bottom: 2px;
    height: 8px;
  }
  /* 프로그래시브바 */
  .container.check-attendance .content-area .bg-gray .bar-wrap-new .progress {
    height: 12px;
  }
  .container.check-attendance
    .content-area
    .bg-gray
    .bar-wrap-new
    .progress-txt
    span.on,
  .container.check-attendance
    .content-area
    .bg-gray
    .bar-wrap-new
    .progress-txt
    span {
    width: 12px;
    height: 12px;
  }
  .container.check-attendance
    .content-area
    .bg-gray
    .bar-wrap-new
    .progress-txt
    span.ten-day::after,
  .container.check-attendance
    .content-area
    .bg-gray
    .bar-wrap-new
    .progress-txt
	span.twenty-day::after, /* [s]241122 출석체크 수정/추가 */
  .container.check-attendance
	.content-area
	.bg-gray
	.bar-wrap-new
	.progress-txt
	span.full-day::after { /* [e]241122 출석체크 추가 */
    bottom: -23px;
    font-size: 12px;
  }
  .container.check-attendance
    .content-area
    .bg-gray
    .bar-wrap-new
    .progress
    .word-balloon
    .word-balloon-inner {
    height: 26px;
    font-size: 13px;
  }
  .container.check-attendance
    .content-area
    .bg-gray
    .bar-wrap-new
    .progress
    .word-balloon.one-balloon {
    left: calc(50% - 32px);
  }
  .container.check-attendance
    .content-area
    .bg-gray
    .bar-wrap-new
    .progress
    .word-balloon.two-balloon {
    right: -14px;
  }
  .container.check-attendance
    .content-area
    .bg-gray
    .bar-wrap-new
    .progress
    .word-balloon {
    top: -30px;
  }
  .container.check-attendance .content-area .bg-gray .bar-wrap-new {
    margin-bottom: 42px;
    margin-top: 54px;
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 모바일 사이즈 맞춤 */
  
  /* [s] 240412 */
  /* 리워드 안내 */
  .reward-guide .reward-guide-inner::before{
    top:195px;
  }
  .reward-guide .reward-box.use-box .use-list li a .thumbs-img{
    padding-left:30%;
  }
  /* // 리워드 안내 */
  /* [e] 240412 */
}
@media only screen and (max-width: 430px) {
  /* [s] IT200054A2-5596 [SI] [UserWeb] 출석체크 */

  .container.check-attendance
    .content-area
    .bg-gray
    .calendar
    table
    tbody
    tr
    td {
    height: 45px;
  }
  .container.check-attendance
    .content-area
    .bg-gray
    .calendar
    table
    tbody
    tr
    td
    .check-mark,
  .container.check-attendance
    .content-area
    .bg-gray
    .calendar
    table
    tbody
    tr
    td
    .to-day {
    width: 38px;
    height: 38px;
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 출석체크 */

  /* [s] IT200054A2-5596 [SI] [UserWeb] 나의 리워드 */
  .container.my-reward-page .top-section .txt-area {
    padding-inline: 10px;
  }
  .container.my-reward-page .top-section .txt-area img {
    width: 25%;
    height: 25%;
  }

  /* [e] IT200054A2-5596 [SI] [UserWeb] 나의 리워드 */
}

@media only screen and (max-width: 400px) {
  .flex-container .point {
    font-size: 10px;
    padding: 15px 0;
  }
  .gift-box {
    width: 100%;
    height: auto;
  }

  .gift-box div {
    position: static;
    width: 100%;
    margin-bottom: 20px;
  }

  .gift-box .gift01 span:first-child {
    font-size: inherit;
    line-height: inherit;
  }
  .gift-box .gift01,
  .gift-box .gift02,
  .gift-box .gift03 {
    height: auto;
    padding: 10px 0;
  }
  .gift-box .gift01:before,
  .gift-box .gift02:before,
  .gift-box .gift03:before {
    margin: 10px auto 5px;
  }

  .gift-box .gift01:before {
    width: 60px;
    height: 55px;
  }

  .form-control > span.po2 {
    top: 106%;
    transform: inherit;
    -webkit-transform: inherit;
    right: calc(100% - 95px);
  }
  .form-control .validation-msg.po2 {
    bottom: -22px;
  }

  /* [s]210728 */

  .form-control.w30p {
    width: 40%;
  }

  /* [s] 240412 */
  
  /* 리워드 안내 */
  .reward-guide .reward-box.use-box .use-list li a .thumbs-img{
    padding-left:38%;
  }
  /* // 리워드 안내 */

  /* 런칭 이벤트 페이지 */
  .reward-event .item-cont .reward-service::before {
      bottom: 255px;
  }
  /* // 런칭 이벤트 페이지 */
  /* [e] 240412 */

  /*[s] IT200054A2-5596 [SI] [UserWeb] 마켓 미디어쿼리추가*/

  .container.exchange-finish .product-area .img-box img,
  .container.entry-finish .product-area .img-box img {
    width: 100px;
    height: 90px;
    object-fit: cover;
  }
  .container.exchange-finish .product-area .product-txt,
  .container.entry-finish .product-area .product-txt {
    margin-left: 20px;
  }
  .container.my-reward-page .reward-list-wrap .list ul li p {
    word-break: break-all;
  }

  /*[e] IT200054A2-5596 [SI] [UserWeb] 마켓 미디어쿼리추가*/
  /* [s] IT200054A2-5596 [SI] [UserWeb] 친구초대 new */

  .container.friend-invite-new .content-area .top-area .img-friend-invite {
    margin-top: 20px;
  }
  .container.friend-invite-new .content-area .top-area .btn-group button {
    padding: 0;
  }
  
  /* [e] IT200054A2-5596 [SI] [UserWeb] 친구초대 new */
}

@media (min-width: 579px) and (max-width: 1366px) {
  header h1 {
    display: none;
  }
  header:not(.lightpick__month-title-bar) .back-button {
    display: block;
  }
}

/* [s]210415 */
@media only screen and (max-height: 568px) {
  /* [s] IT200054A2-5596 [SI] [UserWeb] 마켓 검색 header */
  header.search-header:not(.lightpick__month-title-bar) .search-button {
    display: block;
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 마켓 검색 header */
  /* 21062804 추가 */
  input:active,
  input:visited,
  label:active,
  label:visited,
  button:active,
  button:visited,
  a:active,
  a:visited {
    outline: none !important;
  }

  .container .wrapper .content-area > div > p + p {
    margin-top: 1rem;
  }

  .container .wrapper .content-area > div.is-failure {
    padding-top: 30px;
    font-size: 0.825rem;
  }
  .container .wrapper .content-area > div.is-failure .point {
    font-size: 1rem;
  }

  .container .wrapper .content-area > div.is-failure:before {
    width: 80px;
    height: 66px;
    background: url(../images/ico_failure.svg) no-repeat center top;
    background-size: 80px auto;
  }

  .container .wrapper .content-area > div.is-failure.cs:before {
    height: 66px;
    background-size: 60px auto;
  }
}

@media only screen and (max-width: 500px) {
  /*[s] IT200054A2-5596 [SI] [UserWeb] 마켓 메인*/
  .container.market .item-detail-wrap .tit-wrap .commutativity-switch {
    margin: 15px 0;
  }
  .container.market .card-area .tit-wrap {
    display: block;
  }
  .container.market .card-area .tit-wrap .commutativity-switch {
    margin: 15px 0;
  }
  /*[e] IT200054A2-5596 [SI] [UserWeb] 마켓 메인*/
}

/* [e]210415 */

/* [s] 230427 */
@media only screen and (max-width: 375px) {
  #meditatePopup .meditate-audio-wrap .cont-wrap .img-box img {
    max-width: 200px;
  }
  /*[s] IT200054A2-5596 [SI] [UserWeb] 출석체크*/
  .container.check-attendance
    .content-area
    .bg-gray
    .calendar
    table
    tbody
    tr
    td {
    height: 40px;
  }
  .container.check-attendance
    .content-area
    .bg-gray
    .calendar
    table
    tbody
    tr
    td
    .check-mark,
  .container.check-attendance
    .content-area
    .bg-gray
    .calendar
    table
    tbody
    tr
    td
    .to-day {
    width: 30px;
    height: 30px;
  }
  /*[e] IT200054A2-5596 [SI] [UserWeb] 출석체크*/
  /*[s] IT200054A2-5596 [SI] [UserWeb] 응모함 수정*/
  .container.event
    .benefit-area
    .application-list-wrap
    .application-list
    .con-left
    .entry-number {
    top: 10px;
    right: 10px;
    width: 66px;
    height: 66px;
  }
  .container.event
    .benefit-area
    .application-list-wrap
    .application-list
    .con-left
    .entry-number
    span {
    margin-bottom: 5px;
    font-size: 14px;
  }
  /*[e] IT200054A2-5596 [SI] [UserWeb] 응모함 수정*/
  
  /* [s] 241108 수정 */
  .modal.modal-policy .privacy-article .privacy-note .img-tablet{
    display:none;
  }
  .modal.modal-policy .privacy-article .privacy-note .img-mo{
      display:block;
  }
  /* [e] 241108 수정 */
  
  /* [s] 241114 개인정보처리방침 - 다이렉트페이지 */
  .privacy-area .privacy-article .privacy-note .img-tablet{
    display:none;
  }
  .privacy-area .privacy-article .privacy-note .img-mo{
      display:block;
  }
  /* [e] 241114 개인정보처리방침 - 다이렉트페이지 */
}
@media only screen and (max-width: 350px) {
  /*[s] IT200054A2-5596 [SI] [UserWeb] 출석체크*/
  .container.check-attendance .content-area .bg-gray .calendar {
    padding: 24px 16px;
  }
  .container.check-attendance
    .content-area
    .bg-gray
    .calendar
    table
    tbody
    tr
    td,
  .container.check-attendance
    .content-area
    .bg-gray
    .calendar
    table
    thead
    tr
    th {
    font-size: 14px;
    padding: 0 5px;
  }
  /*[e] IT200054A2-5596 [SI] [UserWeb] 출석체크*/
  /*[s] IT200054A2-5596 [SI] [UserWeb] 친구초대*/
  .container.friend-invite .content-area .top-area .btn-group {
    display: block;
  }
  .container.friend-invite .content-area .top-area .btn-group button {
    width: 100%;
  }
  .container.friend-invite .content-area .top-area .btn-group button + button {
    margin-top: 15px;
  }
  /*[e] IT200054A2-5596 [SI] [UserWeb] 친구초대*/
  /* [s] IT200054A2-5596 [SI] [UserWeb] 나의 리워드 */
  .container.my-reward-page .top-section .txt-area img {
    display: none;
  }

  /* [e] IT200054A2-5596 [SI] [UserWeb] 나의 리워드 */
  /* [s] IT200054A2-5596 [SI] [UserWeb] 친구초대 new */
  .container.friend-invite-new .wrapper .content-area .top-area{
    padding-top: 38px;
    padding-bottom: 38px;
  }
  .container.friend-invite-new .content-area .top-area .recommend-code span{
    font-size:14px;
  }
  .container.friend-invite-new .content-area .top-area .recommend-code strong{
    font-size:14px;
  }
  .container.friend-invite-new .content-area .top-area .btn-group{
    padding: 24px 20px 0 20px;
  }
  .container.friend-invite-new .content-area .top-area .btn-group button::before{
    width:52px;
    height:52px;
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 친구초대 new */
  
  /* [s] 240412 */
  /* 리워드 안내 */
  .reward-guide .reward-guide-inner::before{
    top:160px;
  }
  .reward-guide .reward-box.use-box .use-list li a .thumbs-img{
    padding-left:49%;
  }
  /* // 리워드 안내 */

  /* 리워드 풀팝업 */
  .popup-inner .content .swiper-slide .reward-con.service-open .img-box{
    width:100%;
  }
  /* // 리워드 풀팝업 */
  /* [e] 240412 */
}
/* [e] 230427 */
/* [s] 230609 */

@media only screen and (max-width: 360px) {
  .container.event .event-banner-wrap .swiper-slide .txt-box .date {
    font-size: 15px;
    line-height: 22px;
  }
  .container.event .event-banner-wrap .swiper-slide .txt-box .tit {
    font-size: 22px;
    line-height: 27px;
  }
  .container.market .top-section h3 {
    font-size: 18px;
  }

  /* [s] IT200054A2-5596 [SI] [UserWeb] 나의 리워드 */

  .container.my-reward-page .reward-list-wrap .list ul li a {
    font-size: 14px;
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 나의 리워드 */
}
/* [e] 230609 */
/* [s]220530 */
@media only screen and (max-width: 340px) {
  /*갤럭시플립3 접힌 상태*/
  .modal.msg {
    width: 100%;
  }
  /* [s] 230609 */
  .container.event .event-banner-wrap .swiper-slide .txt-box .date {
    font-size: 14px;
    line-height: 21px;
  }
  .container.event .event-banner-wrap .swiper-slide .txt-box .tit {
    font-size: 20px;
    line-height: 25px;
  }
  /* [e] 230609 */
  /*[s] IT200054A2-5596 [SI] [UserWeb] 마켓 브랜드 리스트*/
  .container.market .card-area .tit-wrap select {
    margin-top: 15px;
  }
  /*[e] IT200054A2-5596 [SI] [UserWeb] 마켓 브랜드 리스트*/
  /*[s] IT200054A2-5596 [SI] [UserWeb] 출석 체크*/
  .modal-content .img-saving {
    width: 126px;
    height: 126px;
  }
  .modal-content .txt-area span {
    font-size: 18px;
  }
  .modal-content .txt-area span strong {
    font-size: 20px;
  }
  .modal-content .txt-area p {
    font-size: 14px;
  }
  /*[e] IT200054A2-5596 [SI] [UserWeb] 출석 체크*/
}
/* [e]220530 */

@media only screen and (max-width: 320px) {
  input[type="checkbox"] + label:before .introduce-cont.int-section06 {
    height: 500px;
  }

  .introduce-cont.int-section07 {
    /* height: 700px; 220609 삭제 */
    height: 850px; /* 220609 추가 */
  }

  .introduce-cont .affiliates-area {
    margin-top: 30px;
  }

  .introduce-cont .bgImage-box.img-col02 {
    min-height: 280px;
  }
  .introduce-cont .bgImage-box.img-col02 .bg-image {
    height: 130px;
  }

  .introduce-cont .affiliates-area .affiliates-list .bg-image {
    width: 50px;
    height: 50px;
  }

  .modal .wrapper .policy .flex-container {
    flex-direction: column;
  }

  .modal .wrapper .policy .flex-container .flex-container {
    flex-direction: initial;
  }

  .datepicker table tr td,
  .datepicker table tr th {
    width: 20px !important;
    padding: 0.5rem 0.25rem;
  }

  /* 비밀번호 힌트 추가 211104 */
  .hint.is-collapse textarea {
    height: 5rem;
  }

  /* [s]211216 */
  footer a,
  footer p {
    font-size: 0.6rem !important;
  }

  .modal.select-language .modal-content {
    min-width: auto;
  }

  /* [e]211216 */

  /* [s]211227 */
  .swiperBanner,
  .bannerSec .swiper-button-next,
  .bannerSec .swiper-button-prev,
  .bannerSec .swiper-button-next:after,
  .bannerSec .swiper-button-prev:after {
    height: 50px;
  }
  .bannerSec .swiper-button-next {
    right: -10px;
  }
  .bannerSec .swiper-button-prev {
    left: -10px;
  }

  /* [e]211227 */

  /* [s] 220818 */
  .tab-filter-wrap .filter-list li .btn-tab {
    font-size: 0.75rem;
  }
  /* [e] 220818 */
  /* [s] IT200054A2-5596 [SI] [UserWeb] 혜택/이벤트 출석리워드 */
  .container.event
    .check-attendance-wrap
    .check-attendance-section
    .img-attendance {
    display: none;
  }
  .container.event .check-attendance-wrap .check-attendance-section {
    padding: 0 35px 0 20px;
  }
  .container.event .check-attendance-wrap .check-attendance-section::after {
    right: 15px;
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 혜택/이벤트 출석리워드 */

  /* [s] IT200054A2-5596 [SI] [UserWeb] 마켓 메인 */
  .container.market .enter-reward-wrap .enter-reward img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }
  /* [e] IT200054A2-5596 [SI] [UserWeb] 마켓 메인 */
}

/* 210713 */
@media only screen and (max-height: 450px) and (orientation: landscape) {
  header:not(.lightpick__month-title-bar) {
    left: 0;
  }

  body .lnb .lnb-content {
    height: calc(100% - 195px - 3rem - constant(safe-area-inset-bottom));
  } /* 211116 */
  body .lnb .lnb-content {
    height: calc(100% - 195px - 3rem - env(safe-area-inset-bottom));
  } /* 211116 */
  body .lnb.tws-lnb .lnb-footer {
    padding-bottom: constant(safe-area-inset-bottom);
  }
  body .lnb.tws-lnb .lnb-footer {
    padding-bottom: env(safe-area-inset-bottom);
  }

  /* [s]211216 */
  .modal.select-language .modal-content {
    padding-bottom: 0.5rem;
    padding-top: 1rem;
  }

  .select-language .list-language a {
    line-height: 1.8;
  }
  .select-language .list-language li {
    margin-top: 0;
  }
  /* [e]211216 */

  /* [s] 230607 */
  /* [s] 230608 */
  /* [s] 2300713 */
  .modal.full-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 0.5rem 0.5rem 0;
    padding-top: calc(0.5rem + constant(safe-area-inset-top));
    padding-right: calc(0.5rem + constant(safe-area-inset-right));
    padding-left: calc(0.5rem + constant(safe-area-inset-left));
    padding-top: calc(0.5rem + env(safe-area-inset-top));
    padding-right: calc(0.5rem + env(safe-area-inset-right));
    padding-left: calc(0.5rem + env(safe-area-inset-left));
  }
  /* [e] 230713 */
  /* [e] 230608 */
  .modal.full-layer .modal-title {
    margin: 0 -1rem;
    padding: 0 3.5rem 0.5rem 1.5rem;
  }
  /* [e] 230607 */

  /* [s] 230221 */
  .modal.intro {
    height: 100%;
  }
  .modal.intro .modal-content {
    overflow-y: auto;
    height: calc(100% - 4rem);
    margin: 2rem 0 2rem;
    padding: 0 0.5rem 0;
    border-bottom: 0;
  }
  .modal.intro .title {
    padding: 0;
  }
  /* [e] 230221 */
  /* [s] 230427 */
  #meditatePopup {
    max-width: 100%;
    width: 100%; /* 230522 추가 */
    height: 100%;
    padding: 1rem 1.25rem 0 !important;
  }
  #meditatePopup .modal-title {
    padding-bottom: 40px;
    border-bottom: 0;
  }
  #meditatePopup .modal-content {
    position: relative;
    height: calc(100% - 69px);
    padding: 0;
  }
  #meditatePopup .meditate-audio-wrap {
    overflow-y: auto;
    position: relative;
    height: calc(100% - 100px);
    padding-left: 240px;
  }
  #meditatePopup .meditate-audio-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  #meditatePopup .meditate-audio-wrap .cont-wrap {
    padding-top: 10px;
  }
  #meditatePopup .meditate-audio-wrap .cont-wrap .img-box {
    position: absolute;
    top: 50%;
    left: 20px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #meditatePopup .meditate-audio-wrap .cont-wrap .img-box img {
    width: 150px;
  }
  #meditatePopup .meditate-audio-wrap .cont-wrap .txt-box {
    overflow-y: unset;
    max-height: none;
    margin-top: 0;
  }
  #meditatePopup .audio-box {
    left: 20px;
    right: 0;
  }
  #meditatePopup .jp-audio {
    height: 50px;
    border-radius: 10px;
  }
  #meditatePopup .jp-interface {
    padding: 10px 80px;
    border-radius: 10px;
  }
  #meditatePopup .jp-progress .jp-ball {
    opacity: 1 !important;
  }
  #meditatePopup .volume-wrap {
    display: none !important;
  }
  #meditatePopup
    .jp-audio
    .jp-volume-controls:hover
    + .jp-controls-holder
    .time-wrap {
    display: block !important;
  }
  #meditatePopup
    .jp-toggles
    .handler
    .playback-wrap
    .speed-list
    .inner::-webkit-scrollbar-thumb {
    background: #888;
  }
  /* [e] 230427 */

  /* [s] 230522 */
  #appPopup {
    max-width: 100% !important;
    width: 100%;
    height: 100%;
  }
  #appPopup .modal-content {
    overflow-y: auto;
    height: calc(100% - 97px);
    margin: 3rem 0 0;
    padding: 0 0.88rem 3rem;
  }
  #appPopup .app-img-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px;
    text-align: left;
  }
  #appPopup .app-img-box img {
    width: 50px;
  }
  #appPopup .app-img-box .txt {
    margin-left: 20px;
    padding-top: 0;
  }
  #appPopup .info-txt {
    padding-top: 20px;
  }
  #appPopup .download-box {
    -webkit-box-pack: start;
    -moz-box-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding-top: 10px;
  }
  #appPopup .download-box a {
    height: 50px;
    /* margin-left:10px; 230523 삭제 */
    line-height: 8px;
  }
  /* #appPopup .download-box a:first-child{
    margin-left:0;
  }
  #appPopup .download-box a::before{
    display:none;
  }
  #appPopup .download-box a span{
    position:relative;
  }
  #appPopup .download-box a span::before{
    position:absolute;
  }
  #appPopup .download-box .btn-google-down span::before{
    content:'';
    left:-25px;
    width:21px;
    height:20px;
    margin-top:-5px;
    background:url(../images/ico_google_play.png)no-repeat 50%/21px 20px;
  }
  #appPopup .download-box .btn-appstore-down span::before{
    content:'';
    left:-25px;
    width:21px;
    height:20px;
    margin-top:-7px;
    background:url(../images/ico_app_store.png)no-repeat 50%/21px 20px;
  } 

   #LoginPopup{
    max-width:100%;
    width:100%;
    height:100%;
  }
  #LoginPopup .modal-content{
    overflow-y:auto;
    height:calc(100% - 113px);
    margin:4rem 0 0;
    padding:0 14px 40px;
  }
  #LoginPopup .qr-img-box{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -moz-box-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:15px;
    text-align:left;
  }
  #LoginPopup .qr-img-box .txt{
    padding-left:20px;
  } 230523 삭제 */
  /* [e] 230522 */

  /* [s] 230607 */
  .modal.type-detail .modal-content {
    overflow-y: auto;
    position: absolute;
    top: 46px; /* 230713 수정 */
    top: calc(46px + constant(safe-area-inset-top)); /* 230713 추가 */
    top: calc(46px + env(safe-area-inset-top)); /* 230713 추가 */
    bottom: 0px; /* 230718 추가 */
    bottom: calc(0px + constant(safe-area-inset-bottom)); /* 230718 추가 */
    bottom: calc(0px + env(safe-area-inset-bottom)); /* 230718 추가 */
    left: 0;
    width: 100%;
    /* height:100%; 230718 삭제 */ /* 230713 수정 */
    margin: 0;
  }
  .modal.type-detail .full-img-box {
    max-height: none; /* 230713 추가 */
    text-align: center;
  }
  .modal.type-detail .full-img-box img {
    max-width: none;
  }
  .modal.type-detail .modal-footer {
    display: block; /* 230628 수정 */ /* 230609 추가 */
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 53px; /* 230713 */
  }
  /* [s] 230628 */
  /* [s] 230713 */
  /* [s] 230718 */
  .modal.type-detail-btn .modal-content {
    bottom: 53px;
    bottom: calc(53px + constant(safe-area-inset-bottom));
    bottom: calc(53px + env(safe-area-inset-bottom));
    /* height:calc(100% - 99px); 230718 삭제 */
  }
  .modal.type-detail-btn .modal-footer {
    bottom: 0;
    bottom: calc(0px + constant(safe-area-inset-bottom));
    bottom: calc(0px + env(safe-area-inset-bottom));
  }
  /* [e] 230718 */
  /* [e] 230713 */
  .modal.type-detail-btn .modal-footer button.is-primary {
    margin-top: 10px;
  }
  /* [e] 230628 */
  /* [e] 230607 */
  /* [s] 230628 */
  .toast .toast_message {
    bottom: 23px;
    left: 0;
    width: calc(100% - 40px);
    margin: 0 20px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  /* [e] 230628 */
}

/* IT200054A2-5592 - [SI] [UserWeb] MyTown : 마켓 팝업 S */
#marketAppPopup2 {
  width: 510px;
  padding: 0 30px 0 !important;
}
#marketAppPopup2 .modal-content {
  padding: 35px 0;
}
#marketAppPopup2 .app-img-box {
  padding-top: 25px;
}
#marketAppPopup2 .download-box {
  padding: 25px;
}
#marketAppPopup2 .info-txt {
  padding-top: 15px;
}
#marketAppPopup2 .modal-footer {
  margin: 0 -30px;
}
#marketAppPopup3 {
  width: 510px;
  padding: 0 30px 0 !important;
}
#marketAppPopup3 .modal-content {
  padding: 35px 0;
}
#marketAppPopup3 .app-img-box {
  padding-top: 25px;
}
#marketAppPopup3 .download-box {
  padding: 25px;
}
#marketAppPopup3 .info-txt {
  padding-top: 15px;
}
#marketAppPopup3 .modal-footer {
  margin: 0 -30px;
}
@media only screen and (max-width: 440px) {
  #marketAppPopup .download-box {
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #marketAppPopup .download-box a {
    margin-top: 5px;
    width: auto;
  }
  #marketAppPopup .modal-content {
    padding: 15px 0;
  }
  #marketAppPopup .app-img-box {
    padding-top: 10px;
  }
  #marketAppPopup .download-box {
    padding: 15px;
  }
  #marketAppPopup .info-txt {
    padding-top: 15px;
  }
  #marketAppPopup2 .download-box {
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #marketAppPopup2 .download-box a {
    margin-top: 5px;
    width: auto;
    padding: 19px 15px 20px 40px;
  }
  #marketAppPopup2 .modal-content {
    padding: 15px 0;
  }
  #marketAppPopup2 .app-img-box {
    padding-top: 10px;
  }
  #marketAppPopup2 .download-box {
    padding: 15px;
  }
  #marketAppPopup2 .info-txt {
    padding-top: 15px;
  }
  #marketAppPopup3 .download-box {
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #marketAppPopup3 .download-box a {
    margin-top: 5px;
    width: auto;
    padding: 19px 15px 20px 40px;
  }
  #marketAppPopup3 .modal-content {
    padding: 15px 0;
  }
  #marketAppPopup3 .app-img-box {
    padding-top: 10px;
  }
  #marketAppPopup3 .download-box {
    padding: 15px;
  }
  #marketAppPopup3 .info-txt {
    padding-top: 15px;
  }
}
/* IT200054A2-5592 - [SI] [UserWeb] MyTown : 마켓 팝업 E */

/* IT200054A2-5592 [SI] [UserWeb] MyTown - 가로모드 시 스크롤 개선 S */
@media only screen and (max-width: 780px) and (max-height: 414px) {
  .side-gnb.new .mobile-scroll {
    height: calc(100% - 100px);
    padding-top: 91px;
    overflow-y: auto;
  }
  .side-gnb.new .mobile-scroll .gnb-content {
    overflow-y: unset;
  }
  .side-gnb.new .mobile-scroll .gnb-header {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1;
  }
  .side-gnb.new .mobile-scroll .btn-menu-close,
  .side-gnb.new a.set-security {
    z-index: 1;
  }
  .side-gnb.new .gnb-content.h-login-before {
    height: calc(100% - 229px);
  }
  .side-gnb.new .gnb-content.h-login-certify {
    height: calc(100% - 398px);
  }
  .side-gnb.new .gnb-content.h-login-after {
    height: calc(100% - 359px);
  }
}
/* IT200054A2-5592 [SI] [UserWeb] MyTown - 가로모드 시 스크롤 개선 E */

/* IT200054A2-5592 [SI] [UserWeb] MyTown - 마켓 이동 팝업 스크롤 추가 S */
@media only screen and (max-height: 560px) {
  #marketAppPopup {
    height: 100%;
  }
  #marketAppPopup .modal-content {
    height: calc(100% - 48px);
    overflow: auto;
  }
  #marketAppPopup2 {
    height: 100%;
  }
  #marketAppPopup2 .modal-content {
    height: calc(100% - 48px);
    overflow: auto;
  }
  #marketAppPopup3 {
    height: 100%;
  }
  #marketAppPopup3 .modal-content {
    height: calc(100% - 48px);
    overflow: auto;
  }
}
/* IT200054A2-5592 [SI] [UserWeb] MyTown - 마켓 이동 팝업 스크롤 추가 E */

.brand-no-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.brand-no-content p {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}