@charset "UTF-8";
:root {
  /* Color */
  --white-fff: #fff;
  --black-111: #111;
  --grey-scale-fafafa: #FAFAFA;
  --grey-scale-f5f5f5: #F5F5F5;
  --grey-scale-222: #222;
  --grey-scale-444: #444;
  --grey-scale-666: #666;
  --grey-scale-888: #888;
  --grey-scale-ccc: #ccc;
  --grey-scale-ddd: #ddd;
  --e-62642: #E62642;
}

.fontType_a {
  /* Font Size */
  --system-12: 0.923rem; /* 12px */
  --system-13: 1.000rem; /* 13px */
  --system-14: 1.077rem; /* 14px */
  --system-15: 1.154rem; /* 15px */
  --system-16: 1.231rem; /* 16px */
  --system-18: 1.385rem; /* 18px */
  --system-20: 1.538rem; /* 20px */
  --system-22: 1.692rem; /* 22px */
  --system-24: 1.846rem; /* 24px */
}

.fontType_b {
  /* Font Size */
  --system-12: 1.077rem; /* 12px -> 14px */
  --system-14: 1.231rem; /* 14px -> 16px */
  --system-16: 1.385rem; /* 16px -> 18px */
  --system-18: 1.538rem; /* 18px -> 20px */
  --system-20: 1.692rem; /* 20px -> 22px */
  --system-22: 1.846rem; /* 22px -> 24px*/
  --system-24: 2rem; /* 24px -> 26px */
  --system-26: 2.154rem; /* 26px -> 28px */
  --system-28: 2.308rem; /* 28px -> 30px */
  --system-30: 2.462rem; /* 30px -> 32px */
}

/*
:is(html, body){
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 10px;
}
html{
	overflow-x: hidden;
	letter-spacing: -0.05em;
}
:is(ul, ol, li, dl, dt, dd){
	padding: 0;
	margin: 0;
	list-style: none;
}
:is(h1, h2, h3, h4, h5, h6){
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
}
button{
	border: 0;
	background: transparent;
}
p{
	padding: 0;
	margin: 0;
}
a{
	text-decoration: none;
	color: inherit;
}
i{
	font-style: normal;
}
small{
	font-size: inherit;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	max-width: 100%;
}
button{
	padding: 0;
}
figure{
	margin: 0;
}

// header
.header{
	z-index: 9999;

	&__nav{}
}

// main
.main{
	&__nav{}
}

// footer
.footer{
}
*/
/********** gnb tooltip (s) // **********/
@keyframes gnbTooltipAnimation {
  0% {
    opacity: 0;
    top: 80%;
  }
  12.5% {
    opacity: 1;
    top: 80%;
  }
  25% {
    opacity: 1;
    top: 92%;
  }
  37.5% {
    opacity: 1;
    top: 86%;
  }
  50% {
    opacity: 1;
    top: 92%;
  }
  62.5% {
    opacity: 1;
    top: 86%;
  }
  75% {
    opacity: 1;
    top: 92%;
  }
  87.5% {
    opacity: 1;
    top: 80%;
  }
  100% {
    opacity: 0;
    top: 80%;
  }
}
.gnbTooltip {
  display: none;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  font-size: 11px;
  color: #fff;
  font-weight: 500;
  font-style: normal;
  word-break: keep-all;
  white-space: normal;
  text-align: center;
  letter-spacing: -0.02em;
  line-height: 1.45;
  background: #a69f9d;
  border: 1px solid rgba(0, 0, 0, 0.0588235294);
  max-width: 116px;
  padding: 8px;
  border-radius: 4px;
  box-sizing: border-box;
  width: max-content;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.gnbTooltip::before {
  content: "";
  display: block;
  border-width: 0 4px 6px 4px;
  border-style: solid;
  border-color: transparent transparent #a69f9d transparent;
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 3;
}
.gnbTooltip::after {
  content: "";
  display: block;
  border-width: 0 5px 6px 5px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.0588235294) transparent;
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 3;
}
.gnbTooltip.active {
  display: block;
  visibility: visible;
  animation: gnbTooltipAnimation 8s forwards linear;
}

/********** // (e) gnb tooltip **********/
.blind {
  position: absolute;
  display: block;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}

.blind-text, .stoaOrder__payment .account .ico_bank::before, .above .above_close.type2, .stoaLogin__snsBtn.type2 .sns-text, .stoaInput__btn, .stoaInput__btn-view, .stoaInput__btn-reset, .header3 :is(.h_back_btn, .h_home_btn) span {
  text-indent: -9999px;
}

.header3 .default_header {
  padding: 0 15px;
}
.header3 h1 {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.header3 h2 {
  font-size: 16px;
  color: #222;
  font-weight: 700;
  grid-column: 2/5;
  justify-self: center;
}
.header3 :is(.h_back_btn, .h_home_btn) {
  display: block;
  cursor: pointer;
  padding: 0;
}
.header3 .h_back_btn {
  grid-column: 1/2;
}
.header3 .h_home_btn {
  grid-column: 5/6;
}
.header3 .h_home_btn span {
  display: block;
  width: 26px;
  height: 26px;
  background: url("/static/img/stoaModule/headerHomeIco.svg") no-repeat 0 0/100% auto;
}

input.stoaInput-item {
  height: 48px;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid #ddd;
  background-color: transparent;
  border-radius: 4px;
  transition: border-color 0.3s ease;
  padding: 0 16px;
}
input.stoaInput-item:focus {
  border-color: #444;
}
input.stoaInput-item.type2 {
  height: 44px;
  font-size: 14px;
  letter-spacing: -0.8px;
  padding: 0 16px;
}

.stoaInput {
  flex-wrap: wrap;
  width: 100%;
  font-size: 16px;
}
.stoaInput + .stoaInput {
  margin-top: 8px;
}
.stoaInput__wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 11px 12px 11px 16px;
  transition: border-color 0.3s ease;
}
.stoaInput__title {
  width: 100%;
  font-size: 13px;
  color: #444;
}
input.stoaInput__field, input.stoaInput-item {
  height: 24px;
  flex: 1;
  letter-spacing: -0.8px;
  font-size: inherit;
  font-weight: 400;
  color: #222;
  padding: 0;
  background-color: transparent;
}
input.stoaInput__field::placeholder, input.stoaInput-item::placeholder {
  color: #999;
}
input.stoaInput__field::before, input.stoaInput-item::before {
  content: "";
}
input.stoaInput__field[type=date], input[type=date].stoaInput-item {
  text-align: left;
}
input.stoaInput__field[type=date] #date-time-edit, input[type=date].stoaInput-item #date-time-edit {
  text-align: left;
}
input.stoaInput__field[type=date]::before, input[type=date].stoaInput-item::before {
  content: attr(data-placeholder);
  color: #999;
  width: 100%;
}
input.stoaInput__field[type=date]:focus::before, input[type=date].stoaInput-item:focus::before, input.stoaInput__field[type=date]:valid::before, input[type=date].stoaInput-item:valid::before {
  display: none;
}
input.stoaInput__field[type=number], input[type=number].stoaInput-item {
  text-align: left;
}
input.stoaInput__field[type=number]::-webkit-inner-spin-button, input[type=number].stoaInput-item::-webkit-inner-spin-button {
  display: none;
}
input.stoaInput__field:disabled, input.stoaInput-item:disabled, input.stoaInput__field:read-only, input.stoaInput-item:read-only {
  color: #999;
}

.stoaInput__btn, .stoaInput__btn-view, .stoaInput__btn-reset {
  width: 20px;
  height: 20px;
}
.stoaInput__btn-reset {
  display: none;
  background: url("/static/img/ico_del2.png") no-repeat;
  background-size: contain;
}
.stoaInput.active .stoaInput__btn-reset.show {
  display: block;
}

.stoaInput__btn-save {
  display: flex;
  align-items: center;
  color: #ccc;
}
.stoaInput__btn-save::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 18px;
  background: url("/static/img/ico_lock_off.svg") no-repeat;
  background-size: contain;
  margin-right: 2px;
}
.stoaInput__btn-save.on {
  color: #999;
}
.stoaInput__btn-save.on::before {
  background-image: url("/static/img/ico_lock_on.svg");
}
.stoaInput__btn-view {
  background: url("/static/img/ico_eye_off.svg") no-repeat center;
  background-size: contain;
}
.stoaInput__btn-view.on {
  background-image: url("/static/img/ico_eye_on.svg");
}
.stoaInput__time {
  color: #E62642;
  font-size: 16px;
  font-weight: 400;
}
.stoaInput__valueChek {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 12px;
  transition: color 0.3s ease;
}
.stoaInput__valueChek::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  transition: background-image 0.3s ease;
  background: url("/static/img/ico_chk_stoa3.png") center/10px 8.56px no-repeat;
  margin-right: 2px;
}
.stoaInput__valueChek-wrap {
  display: flex;
  gap: 13px;
  margin-top: 8px;
}
.stoaInput__valueChek.on {
  color: #E62642;
}
.stoaInput__valueChek.on::before {
  background-image: url("/static/img/ico_chk_stoa2.png");
}
.stoaInput__wrap ~ .stoaInput__valueChek, .stoaInput-item ~ .stoaInput__valueChek {
  margin-top: 8px;
}

.stoaInput__msg {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -1.1px;
  color: #999;
  margin-top: 8px;
}
.stoaInput__msg::before {
  content: "*";
  margin-right: 3px;
}
.stoaInput__msg.msg-err {
  color: #E62642;
}
.stoaInput__list-email {
  position: absolute;
  z-index: 1;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  max-height: 197px;
  overflow-y: auto;
  font-weight: 400;
  border-radius: 4px;
  background-color: #fff;
  color: #222;
  border: 1px solid #ddd;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.08);
}
.stoaInput__list-email li button {
  font-size: 16px;
  display: block;
  padding: 12px 15px;
  width: 100%;
  text-align: left;
}
.stoaInput__list-email li + li {
  border-top: 1px solid #eee;
}
.stoaInput__list-email li span {
  color: #E62642;
  vertical-align: top;
  pointer-events: none;
}
.stoaInput__solve {
  margin-top: 19px;
  padding-bottom: 16px;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 400;
  color: #999;
}
.stoaInput__solve button, .stoaInput__solve a {
  color: #222;
  text-decoration: underline;
}
.stoaInput.type2 {
  font-size: 14px;
  letter-spacing: -0.8px;
  margin-top: 8px;
}
.stoaInput.type2 .stoaInput__wrap {
  padding: 0 16px;
  height: 44px;
}
.stoaInput.active .stoaInput__wrap {
  border-color: #444;
}
.stoaInput.error .stoaInput__wrap {
  border-color: #E62642;
}
.stoaInput.disabled {
  pointer-events: none;
}
.stoaInput.disabled .stoaInput__wrap {
  background-color: #F5F5F5;
}
.stoaInput.disabled input {
  color: #999;
}

.stoaChk {
  display: flex;
}
.stoaChk input[type=checkbox], .stoaChk input[type=radio] {
  height: 22px;
  width: 22px;
  border: 1px solid #ccc;
  background-color: #ffffff;
  border-radius: 4px;
  margin: 0;
}
.stoaChk input[type=checkbox]:checked, .stoaChk input[type=radio]:checked {
  border: none;
  background: url("/static/img/ico_chk01.png") 0px -28px/23px 50px no-repeat;
}
.stoaChk input[type=checkbox]:disabled, .stoaChk input[type=checkbox]:disabled ~ label, .stoaChk input[type=radio]:disabled, .stoaChk input[type=radio]:disabled ~ label {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.stoaChk input[type=checkbox]:not(:disabled), .stoaChk input[type=checkbox]:not(:disabled) ~ label, .stoaChk input[type=radio]:not(:disabled), .stoaChk input[type=radio]:not(:disabled) ~ label {
  cursor: pointer;
  opacity: 1;
}
.stoaChk label {
  display: flex;
  flex-wrap: wrap;
  color: #222;
  flex: 1;
  font-size: 15px;
  word-break: keep-all;
  padding-left: 6px;
}
.stoaChk .text1 {
  font-size: 14px;
  color: #888;
  margin-top: 7px;
  padding-right: 1px;
}
.stoaChk__text .color1 {
  color: #E62642;
}
.stoaChk.type1 label {
  font-size: 13px;
}
.stoaChk.type2 label {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  padding-bottom: 3px;
  padding-left: 8px;
}
.stoaChk.type3 {
  gap: 0px;
}
.stoaChk.type3 input[type=checkbox], .stoaChk.type3 input[type=radio] {
  border: none;
  transition: background-image 0.3s ease;
  background: url("/static/img/ico_chk_stoa1.png") center/12.83px 8.56px no-repeat;
}
.stoaChk.type3 input[type=checkbox]:checked, .stoaChk.type3 input[type=radio]:checked {
  border: none;
  background-image: url("/static/img/ico_chk_stoa2.png");
}
.stoaChk.type3 label {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  padding-left: 6px;
}
.stoaChk.type4 {
  gap: 0px;
}
.stoaChk.type4 input[type=checkbox], .stoaChk.type4 input[type=radio] {
  position: relative;
  height: 20px;
  width: 20px;
  border: 1px solid #ccc !important;
  border-radius: 20px;
  background-image: inherit;
  background-color: transparent;
  transition: background-image 0.3s ease;
}
.stoaChk.type4 input[type=checkbox]::before, .stoaChk.type4 input[type=radio]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background-color: #ccc;
}
.stoaChk.type4 input[type=checkbox]:checked, .stoaChk.type4 input[type=radio]:checked {
  border: none;
  border-color: #E62642 !important;
  background-color: #E62642;
}
.stoaChk.type4 input[type=checkbox]:checked::before, .stoaChk.type4 input[type=radio]:checked::before {
  background-color: #fff;
}
.stoaChk.type4 label {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  padding-left: 6px;
}
.stoaChk.type5 input[type=checkbox], .stoaChk.type5 input[type=radio] {
  border-radius: 100%;
  border: none;
  background: url("https://imagecdn.skstoa.com/static/img/chkIco_off.svg") no-repeat 0 0/100% auto;
}
.stoaChk.type5 input[type=checkbox]:checked, .stoaChk.type5 input[type=radio]:checked {
  background-image: url("https://imagecdn.skstoa.com/static/img/chkIco_on.svg");
}
.stoaChk.type5 label {
  font-size: 16px;
}
.stoaChk.type6 label {
  font-size: 14px;
}
.stoaChk.type7 input[type=checkbox], .stoaChk.type7 input[type=radio] {
  width: 18px;
  height: 18px;
  background-position: -2px -30px;
}
.stoaChk.type7 label {
  font-size: 14px;
  color: #666;
  line-height: 1;
  display: flex;
  align-items: center;
}
.stoaChk.type8 {
  display: flex;
  align-items: center;
}
.stoaChk.type8 input[type=checkbox], .stoaChk.type8 input[type=radio] {
  height: 16px;
  width: 16px;
  border-radius: 100%;
  border: none;
  background: url("https://imagecdn.skstoa.com/static/img/chkIco_off.svg") no-repeat 0 0/100% auto;
}
.stoaChk.type8 input[type=checkbox]:checked, .stoaChk.type8 input[type=radio]:checked {
  background-image: url("https://imagecdn.skstoa.com/static/img/chkIco_on.svg");
}
.stoaChk.type8 input[type=checkbox]:disabled, .stoaChk.type8 input[type=checkbox]:disabled ~ label, .stoaChk.type8 input[type=radio]:disabled, .stoaChk.type8 input[type=radio]:disabled ~ label {
  cursor: default;
  opacity: 1;
  pointer-events: none;
}
.stoaChk.type8 label {
  font-size: 13px;
}

a.stoaLink, button.stoaLink {
  font-size: 14px;
  font-weight: 500;
  color: #999;
}

.stoaLink__group {
  display: flex;
  justify-content: center;
  align-items: center;
}
.stoaLink__group .stoaLink + .stoaLink {
  position: relative;
  margin-left: 25px;
}
.stoaLink__group .stoaLink + .stoaLink::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 11px;
  /*border-radius: 4px;*/
  background-color: #ddd;
}
.stoaLink.type2 {
  font-size: 14px;
  font-weight: 400;
  color: #222;
  border-bottom: 1px solid #222;
}
.stoaLink.type3 {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #666;
  border-bottom: 1px solid #666;
}

.stoaCaptcha {
  margin-top: 12px;
}
.stoaCaptcha button, .stoaCaptcha a {
  font-family: inherit;
}
.stoaCaptcha__wrap {
  display: flex;
  width: 100%;
  height: 65px;
  gap: 2.3%;
}
.stoaCaptcha__wrap-img {
  width: 71%;
  height: 100%;
}
.stoaCaptcha__wrap-img img {
  width: 100%;
  height: 100%;
}
.stoaCaptcha__wrap-btn {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 92px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.stoaCaptcha__wrap-btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
  font-size: 13px;
  color: #666;
}
.stoaCaptcha__wrap-btn button + button {
  border-top: inherit;
}
.stoaCaptcha__wrap-btn button::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  margin-right: 5px;
}
.stoaCaptcha__wrap-btn button.btn-reload::before {
  background-image: url("/static/img/ico_captcha_reload2.png");
}
.stoaCaptcha__wrap-btn button.btn-sound::before {
  background-image: url("/static/img/ico_captcha_sound2.png");
}
.stoaCaptcha .stoaInput-item {
  margin-top: 8px;
}

.stoaLogin * {
  box-sizing: border-box;
}
.stoaLogin__wrap {
  padding: 15px 15px 75px;
}
.stoaLogin__wrap.stoaLogin__wrap_non {
  padding: 68px 24px 0;
}
.stoaLogin__wrap.stoaLogin__wrap_non .stoaLogin__form {
  margin-bottom: 48px;
}
.stoaLogin__wrap.stoaLogin__wrap_non .stoaLogin__form .stoaInput.active {
  position: relative;
  z-index: 1;
}
.stoaLogin__wrap.stoaLogin__wrap_non .stoaLogin__form .stoaInput .stoaInput__wrap {
  border-radius: 4px 4px 0 0;
  padding: 13px 12px 13px 16px;
}
.stoaLogin__wrap.stoaLogin__wrap_non .stoaLogin__form .stoaInput + .stoaInput {
  margin-top: -1px;
}
.stoaLogin__wrap.stoaLogin__wrap_non .stoaLogin__form .stoaInput + .stoaInput .stoaInput__wrap {
  border-radius: 0 0 4px 4px;
}
.stoaLogin__wrap.stoaLogin__wrap_non .stoaLogin__form .stoaInput__msg {
  letter-spacing: -0.06px;
}
.stoaLogin__wrap.stoaLogin__wrap_non .stoaLogin__form .stoaBtnGroup .stoaBtn {
  height: 50px;
  background: #E62642;
  border-color: #E62642;
  font-size: 16px;
  font-weight: 700;
}
.stoaLogin__wrap.stoaLogin__wrap_non .login_member_wrap {
  padding: 0 24px 0;
}
.stoaLogin__wrap.stoaLogin__wrap_non .login_member_text {
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  margin-bottom: 20px;
  background: none;
  box-shadow: none;
}
.stoaLogin__wrap.stoaLogin__wrap_non .login_member_text::after {
  display: none;
}
.stoaLogin__wrap.stoaLogin__wrap_non .login_member_text .login_member_box {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #fff;
  margin: 0;
  padding: 10px 14px 12px;
  color: #222;
  font-size: 14px;
  line-height: 20px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.stoaLogin__wrap.stoaLogin__wrap_non .login_member_text .login_member_box::after {
  content: "";
  position: absolute;
  left: calc(50% - 7.5px);
  bottom: -6px;
  width: 15px;
  height: 6px;
  background: url(/static/img/ico/arrow_triangle.svg) no-repeat;
}
.stoaLogin__wrap.stoaLogin__wrap_minor {
  padding: 50px 0 0 0;
}
.stoaLogin__wrap.stoaLogin__wrap_minor .stoaLogin__adult {
  margin-bottom: 13px;
}
.stoaLogin__wrap.stoaLogin__wrap_minor .stoaLogin__adult-wrap {
  display: flex;
  align-items: center;
  flex-flow: column;
  margin: 0;
  padding: 16px 0;
  background: #f9f9f9;
}
.stoaLogin__wrap.stoaLogin__wrap_minor .stoaLogin__adult-wrap .stoaLogin__adult-text {
  position: relative;
  padding: 0 0 0 40px;
}
.stoaLogin__wrap.stoaLogin__wrap_minor .stoaLogin__adult-wrap .stoaLogin__adult-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(/static/img/ico/ico_cert_adult_32x32.png) no-repeat;
  background-size: contain;
  width: 32px;
  height: 32px;
}
.stoaLogin__wrap.stoaLogin__wrap_minor .stoaLogin__adult-wrap .stoaLogin__adult-text * {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
}
.stoaLogin__wrap.stoaLogin__wrap_minor .stoaLogin__adult-wrap .stoaLogin__adult-text .stoaLogin__adult-red {
  color: #E62642;
}
.stoaLogin__wrap.stoaLogin__wrap_minor .stoaLogin__adult-wrap .stoaLogin__adult-text .stoaLogin__adult-black {
  color: #666;
}
.stoaLogin__wrap.stoaLogin__wrap_minor .stoaLogin__adult-wrap .stoaLogin__adult-subtext {
  color: #999;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: -0.5px;
  text-align: center;
  margin-top: 4px;
}
.stoaLogin__wrap.stoaLogin__wrap_minor .login_member_wrap {
  padding-top: 0;
}
.stoaLogin__wrap.stoaLogin__wrap_minor .login_member_wrap .stoaLogin__sns-list1 {
  margin-top: 7px;
}
.stoaLogin__wrap.stoaLogin__wrap_minor .login_member_wrap .login_member_text {
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 6px;
  padding: 0;
  background: none;
  box-shadow: none;
}
.stoaLogin__wrap.stoaLogin__wrap_minor .login_member_wrap .login_member_text::after {
  display: none;
}
.stoaLogin__wrap.stoaLogin__wrap_minor .login_member_wrap .login_member_text .login_member_box {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #fff;
  margin: 0;
  padding: 10px 14px 12px;
  color: #222;
  font-size: 14px;
  line-height: 20px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.stoaLogin__wrap.stoaLogin__wrap_minor .login_member_wrap .login_member_text .login_member_box::after {
  content: "";
  position: absolute;
  left: calc(50% - 7.5px);
  bottom: -6px;
  width: 15px;
  height: 6px;
  background: url(/static/img/ico/arrow_triangle.svg) no-repeat;
}
.stoaLogin__adult {
  word-break: keep-all;
  margin-bottom: 12px;
}
.stoaLogin__adult-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 88px;
  background: url("/static/img/ico/ico_cert_adult.png") 49px center/50px 50px no-repeat;
  background-color: #F5F5F5;
  padding: 16px 40px 16px 110px;
  margin: -15px -15px 0;
}
.stoaLogin__adult-text1 {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
}
.stoaLogin__adult-text2 {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  color: #E62642;
}
.stoaLogin__adult-text3 {
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  color: #888;
  margin-top: 6px;
}
.stoaLogin__form-etc {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.stoaLogin__form-etc .stoaChk {
  margin-left: auto;
}
.stoaLogin__form-link {
  font-size: 13px;
  color: #666;
}
.stoaLogin__form-link + .stoaLogin__form-link {
  position: relative;
  margin-left: 33px;
}
.stoaLogin__form-link + .stoaLogin__form-link::before {
  content: "";
  position: absolute;
  left: -17px;
  top: 50%;
  display: block;
  height: 14px;
  transform: translateY(-50%);
  border-left: 1px solid #e5e5e5;
}
.stoaLogin__form .stoaBtnGroup {
  margin-top: 16px;
}
.stoaLogin__form .stoaBtnGroup .stoaBtn {
  height: 52px;
}
.stoaLogin__sns-list1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0px 18px;
  margin: 20px 0;
}
.stoaLogin__sns-list2 {
  justify-content: center;
  margin-top: 14px;
  padding: 0px 18px;
  display: flex;
  gap: 24px;
}
.stoaLogin__snsBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  letter-spacing: -1px;
  background-color: #fff;
  color: #444;
}
.stoaLogin__snsBtn::before {
  content: "";
  display: inline-block;
  background: url("/static/img/sns/ico_apple.png") no-repeat;
  background-size: contain;
}
.stoaLogin__snsBtn .sns-tooltip {
  position: absolute;
  top: -6px;
  right: 8px;
  font-size: 11px;
  font-weight: 400;
  color: #F65A5A;
  border: 1px solid #F65A5A;
  background-color: #fff;
  border-radius: 3px;
  padding: 1px 5px;
}
.stoaLogin__snsBtn .sns-tooltip::after {
  content: "";
  position: absolute;
  left: 23px;
  top: calc(100% - 1px);
  display: inline-block;
  background: url("/static/img/toolTip03.png") no-repeat;
  background-size: contain;
  width: 7px;
  height: 8px;
}
.stoaLogin__snsBtn.type1 {
  position: relative;
  height: 48px;
  font-size: 15px;
  border-radius: 4px;
}
.stoaLogin__snsBtn.type1::before {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.stoaLogin__snsBtn.type1 .sns-text {
  position: relative;
  top: 1px;
}
.stoaLogin__snsBtn.type2 {
  position: relative;
  height: 50px;
  width: 50px;
  border-radius: 50px;
}
.stoaLogin__snsBtn.type2::before {
  width: 28px;
  height: 28px;
}
.stoaLogin__snsBtn.type2 .sns-tooltip {
  position: absolute;
  left: 50%;
  top: calc(100% + 5px);
  transform: translateX(-50%);
  width: min-content;
  white-space: nowrap;
}
.stoaLogin__snsBtn.type2 .sns-tooltip::after {
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  top: auto;
  background-image: url("/static/img/toolTip04.png");
  background-size: contain;
  background-position: bottom;
}
.stoaLogin__snsBtn.type2 .sns-text {
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
}
.stoaLogin__snsBtn.sns-basic {
  background-color: #fff;
  color: #444;
  border: 1px solid #ddd;
}
.stoaLogin__snsBtn.sns-basic::before {
  display: none;
}
.stoaLogin__snsBtn.sns-mainLine {
  background-color: #fff;
  color: #E62642;
  border: 1px solid #E62642;
  font-weight: 500;
}
.stoaLogin__snsBtn.sns-mainLine::before {
  display: none;
}
.stoaLogin__snsBtn.sns-kakao {
  background-color: #FEE500;
  color: #222;
  font-weight: 500;
}
.stoaLogin__snsBtn.sns-kakao::before {
  background-image: url("/static/img/sns/ico_kakao.png");
}
.stoaLogin__snsBtn.sns-naver {
  background-color: #03C75A;
  color: #fff;
  font-weight: 700;
}
.stoaLogin__snsBtn.sns-naver::before {
  background-image: url("/static/img/sns/ico_naver.png");
}
.stoaLogin__snsBtn.sns-apple {
  background-color: #fff;
  color: #222;
  border: 1px solid #ccc;
  font-weight: 500;
}
.stoaLogin__snsBtn.sns-apple::before {
  background-image: url("/static/img/sns/ico_apple.png");
}
.stoaLogin__snsBtn.sns-tword {
  background-color: #444;
  color: #fff;
}
.stoaLogin__snsBtn.sns-tword::before {
  width: 22px;
  height: 22px;
  background-image: url("/static/img/sns/ico_tword.png");
}
.stoaLogin__snsBtn.sns-card {
  background-color: #495CFF;
  color: #fff;
}
.stoaLogin__snsBtn.sns-card::before {
  background-image: url("/static/img/sns/ico_card.png");
}
.stoaLogin__snsBtn.sns-mobile {
  background-color: #228DE4;
  color: #fff;
}
.stoaLogin__snsBtn.sns-mobile::before {
  background-image: url("/static/img/sns/ico_mobile.png");
}
.stoaLogin__snsBtn.sns-email {
  background-color: #BBBBBB;
  color: #fff;
}
.stoaLogin__snsBtn.sns-email::before {
  background-image: url("/static/img/sns/ico_email.png");
}
.stoaLogin__snsBtn.sns-phone {
  border: 1px solid #ccc;
  color: #444;
  font-weight: 500;
}
.stoaLogin__snsBtn.sns-phone::before {
  background-image: url("/static/img/sns/ico_phone.svg");
}
.stoaLogin__snsBtn.sns-ipin {
  border: 1px solid #ccc;
  color: #444;
  font-weight: 500;
}
.stoaLogin__snsBtn.sns-ipin::before {
  background-image: url("/static/img/sns/ico_ipin.svg");
}

.stoaLogin__join {
  text-align: center;
  padding: 0px 18px;
  margin-top: 53px;
}
.stoaLogin__join-text, .stoaLogin__benefit-text {
  font-size: 15px;
  font-weight: 500;
  color: #222;
}
.stoaLogin__join-text span, .stoaLogin__benefit-text span {
  color: #E62642;
  vertical-align: unset;
}
.stoaLogin__join-link, .stoaLogin__benefit-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 100%;
  font-size: 16px;
  color: #E62642;
  border: 1px solid #E62642;
  border-radius: 100px;
  margin-top: 8px;
}
.stoaLogin__join-link b, .stoaLogin__benefit-link b {
  margin-left: 3px;
}
.stoaLogin__join .stoaLink {
  display: inline-block;
  margin-top: 26px;
}
.stoaLogin__benefit {
  text-align: center;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 24px 36px;
  margin-top: 40px;
}
.stoaLogin__benefit-text {
  margin: 0 -16px;
}
.stoaLogin__benefit-list {
  display: flex;
  gap: 4.6%;
  word-break: keep-all;
  margin-top: 20px;
}
.stoaLogin__benefit-list li {
  flex: 1;
}
.stoaLogin__benefit-list li p {
  color: #222;
  font-size: 12px;
  font-weight: 500;
  margin-top: 8px;
}
.stoaLogin__benefit-list .benefit-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background-color: #F5F5F5;
  margin: 0 auto;
}
.stoaLogin__benefit-list .benefit-img img {
  height: 60px;
  width: 60px;
  object-fit: contain;
}
.stoaLogin__benefit-link {
  height: 48px;
  margin-top: 20px;
}
.stoaLogin__benefit-link2 {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1em;
  color: #222;
  border-bottom: 1px solid #222;
  margin-top: 22px;
}
.stoaLogin__benefit.type2 {
  border: none;
  padding: 0 19px;
  margin-top: 32px;
}
.stoaLogin__benefit.type2 .stoaLogin__benefit-list {
  max-width: 278px;
  margin: 17px auto 0;
}
.stoaLogin__benefit.type2 .stoaLogin__sns-list1 {
  padding: 0;
}
.stoaLogin__benefit.type2 .stoaLogin__sns-list2 {
  margin-top: 24px;
}
.stoaLogin__etc {
  margin-top: 120px;
}
.stoaLogin__etc-link.type1 {
  position: relative;
  display: block;
  height: 44px;
  border: 2px solid #eee;
  margin-top: 16px;
}
.stoaLogin__etc-link.type1 img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.stoaLogin__etc-link.type1::after {
  content: "광고";
  position: absolute;
  bottom: 5px;
  right: 8px;
  font-size: 10px;
  font-weight: 500;
  color: #999;
}
.stoaLogin__etc-link.type2 {
  position: relative;
  display: flex;
  flex-flow: column; /* 250911 수정 */
  align-items: center;
  justify-content: center;
  height: 54px; /* 250908 수정 */
  font-size: 16px;
  border: 2px solid #f3f3f3; /* 250911 수정 */
  padding: 3px 0 0; /* 250911 수정 */
  margin-top: 16px;
  /*.smallRight {
  	position: absolute;
  	right: 3px;
  	bottom: -1px;
  	font-size: 11px;
  	color: #999;
  }*/
}
.stoaLogin__etc-link.type2 strong {
  margin-left: 3px;
}
.stoaLogin__etc-link.type2 strong em {
  color: #e62642;
}
.stoaLogin__etc-link.type2 strong span {
  font-size: 11px;
  color: #999;
  font-weight: normal;
  margin-left: 3px;
}
.stoaLogin__etc-link.type2::after {
  display: none;
  content: "AD";
  position: absolute;
  top: 2px;
  left: 8px;
  font-size: 10px;
  font-weight: 500;
  color: #d1d1d1;
}
.stoaLogin__etc-link.type2 .txtAd {
  position: absolute;
  left: 3px;
  top: 0;
  font-size: 10px;
  color: #999;
}
.stoaLogin__etc-link.type2 .smallRight {
  position: absolute; /* 250908_20467 수정 */
  margin-top: -3px; /* 250908_20467 수정 */
  font-size: 10px; /* 250908_20467 수정 */
  color: #999;
  right: 3px;
  bottom: -1px;
  font-weight: 600;
}
.stoaLogin__etc-link.stoaLink {
  display: inline-block;
  margin-top: 20px;
}
.stoaLogin__etc .stoaLink__group {
  margin-top: 26px;
}
[class*=stoaLogin__above] {
  z-index: 9999;
}
[class*=stoaLogin__above] * {
  box-sizing: border-box;
}

.stoaLogin__above-join .above_body {
  text-align: center;
  padding: 0px 20px 32px;
}
.stoaLogin__above-join .stoaLogin__sns-list1 {
  margin: 0;
  padding: 0;
}
.stoaLogin__above-guestJoin.nomal_join_on .above_close, .stoaLogin__above-guestJoin.tv_join_on .above_close {
  background: none !important; /* 250916 추가 */
}
.stoaLogin__above-guestJoin .stoaLogin__benefit {
  border: none;
  padding: 0 20px 20px;
  margin: 0;
}
.stoaLogin__above-guestJoin .stoaLogin__benefit-text {
  font-size: 16px;
  font-weight: 700;
}
.stoaLogin__above-guestJoin .stoaLogin__benefit-list {
  width: 90%;
  margin: 20px auto 0;
}
.stoaLogin__above-guestJoin .stoaLogin__benefit-list p {
  font-size: 14px;
}
.stoaLogin__above-guestJoin .stoaLogin__benefit-list span {
  display: block;
  color: #E62642;
}
.stoaLogin__above-guestJoin .stoaLogin__benefit .stoaLogin__sns-list1 {
  margin-top: 24px;
  padding: 0;
}
.stoaLogin__above-link {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  border-bottom: 1px solid #222;
  border-color: #222;
  margin-top: 24px;
}

.stoaJoin {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
.stoaJoin, .stoaJoin * {
  box-sizing: border-box;
}
.stoaJoin__wrap {
  padding: 12px 20px;
  padding-bottom: 80px;
}
.stoaJoin__wrap > .stoaInput:last-child {
  padding-bottom: 24px;
}
.stoaJoin__title {
  font-size: 22px;
  font-weight: 700;
  color: #222;
}
ul.stoaJoin__title-list {
  position: relative;
  height: 56px;
  margin-bottom: 24px;
}
ul.stoaJoin__title-list .stoaJoin__title-wrap {
  position: absolute;
  top: 0;
  background-color: #ffffff;
  opacity: 0;
  transition: opacity 0.3s ease;
}
ul.stoaJoin__title-list .stoaJoin__title-wrap.on {
  opacity: 1;
}

.stoaJoin__title2 {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #222;
}
.stoaJoin__subTitle {
  font-size: 14px;
  font-weight: 400;
  color: #222;
  margin-top: 4px;
  margin-bottom: 24px;
}
.stoaJoin__subTitle2 {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #222;
  margin-top: 16px;
  margin-bottom: 20px;
}
.stoaJoin__subTitle2 p + p {
  margin-top: 8px;
}
.stoaJoin__subTitle2 .main {
  color: #E62642;
  vertical-align: top;
}
.stoaJoin__imgArea {
  display: block;
  width: 200px;
  margin: 0 auto;
}
.stoaJoin__termList-all {
  padding-bottom: 16px;
  margin-top: 32px;
  border-bottom: 1px solid #eee;
}
.stoaJoin__termList-all .stoaChk {
  width: 100%;
}
.stoaJoin__termList-items {
  padding-top: 14px;
}
.stoaJoin__termList-items li {
  display: flex;
  gap: 10px;
}
.stoaJoin__termList-items li + li {
  margin-top: 14px;
}
.stoaJoin__termList-items .stoaChk {
  flex: 1;
}
.stoaJoin__termList-detail {
  font-size: 12px;
  font-weight: 400;
  color: #666;
  text-decoration: underline;
}
.stoaJoin__btnArea {
  position: relative;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background-color: #E62642;
  margin-top: 40px;
  transition: background-color 0.3s ease;
}
.stoaJoin__btnArea.disabled {
  background-color: #FBD8DE;
  pointer-events: none;
}
.stoaJoin__btns {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}
.stoaJoin__banner {
  margin-top: 32px;
}
.stoaJoin__banner img {
  width: 100%;
}
.stoaJoin .stoaInput {
  margin-top: 11px;
}

.above .above_close.type2 {
  position: relative;
  height: 44px;
  width: 100%;
  background-image: none;
}

.above .above_close.type2::before {
  content: "sef";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 5px;
  background-color: #ddd;
  border-radius: 5px;
}

.newMemberWrap .stoaLogin__sns-list1 {
  margin-top: 20px;
  padding: 0 8px;
}
.newMemberWrap .stoaLogin__sns-list1 .stoaLogin__snsBtn.type1 {
  font-size: 16px;
  font-weight: 700;
}
.newMemberWrap .stoaLogin__sns-list1 .stoaLogin__snsBtn.sns-card::before {
  width: 28px;
  height: 28px;
  background-size: cover;
}

.stoaInfo__auth-notice {
  padding: 10px 9px 0;
}
.stoaInfo__auth-notice .stoaLogin__sns-list1 {
  gap: 14px;
}
.stoaInfo__auth-notice .stoaLogin__sns-list1 .stoaLogin__snsBtn.type1 {
  font-weight: 600;
  font-family: "Pretendard";
}
.stoaInfo__auth-notice .stoaLogin__sns-list1 .stoaLogin__snsBtn.type1.sns-tword {
  background: #4A28D4;
}
.stoaInfo__auth-notice .stoaLogin__sns-list1 .stoaLogin__snsBtn.type1.sns-tword::before {
  background-image: url(/static/img/ico/ico_tword_16x18.svg);
  width: 24px;
  height: 24px;
}
.stoaInfo__auth-notice .stoaLogin__sns-list1 .stoaLogin__snsBtn.type1.sns-card {
  background: #697AE0;
}
.stoaInfo__auth-notice .stoaLogin__sns-list1 .stoaLogin__snsBtn.type1.sns-card .sns-text {
  top: 0;
}
.stoaInfo__auth-notice .stoaLogin__sns-list1 .stoaLogin__snsBtn.type1.sns-card::before {
  background-image: url(/static/img/ico/ico_card_18x13.svg);
  width: 24px;
  height: 24px;
}
.stoaInfo__auth-notice .stoaLogin__sns-list1 .stoaLogin__snsBtn.type1.sns-apple {
  background: #333;
  color: #fff;
}
.stoaInfo__auth-notice .stoaLogin__sns-list1 .stoaLogin__snsBtn.type1.sns-apple .sns-text {
  top: 0;
}
.stoaInfo__auth-notice .stoaLogin__sns-list1 .stoaLogin__snsBtn.type1.sns-apple::before {
  background-image: url(/static/img/ico/ico_apple_16x20.svg);
  width: 24px;
  height: 24px;
}
.stoaInfo__auth-notice .stoaInfo__auth--txt {
  color: #222;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.5px;
  text-align: center;
}
.stoaInfo__auth-notice .btn-auth-phone {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 50px;
}
.stoaInfo__auth-notice .btn-auth-phone span {
  position: relative;
  top: 1px;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.4px;
  padding: 0 0 0 24px;
  font-family: "Pretendard";
}
.stoaInfo__auth-notice .btn-auth-phone span::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  display: inline-block;
  width: 14px;
  height: 22px;
  background: url(/static/img/ico/ico_phone_14x22.svg) no-repeat;
  margin-right: 10px;
}

.login_sync_container .sns_set_list {
  display: flex;
  flex-flow: column;
  padding-top: 5px;
  gap: 8px 0;
}
.login_sync_container .sns_set_list li {
  position: relative;
  height: 30px;
  display: flex;
  padding: 17px 15px 17px 53px;
  border-radius: 6px;
  border: none;
  line-height: 30px;
  background-color: #FAFAFA;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  font-size: 15px;
  color: #1D1D1D;
  align-items: center;
  justify-content: space-between;
}
.login_sync_container .sns_set_list li.st_tid {
  background-image: url("../../img/bk/ico_s_tid.png");
}
.login_sync_container .sns_set_list li.st_naver {
  background-image: url("../../img/bk/ico_s_naver.png");
}
.login_sync_container .sns_set_list li.st_kakao {
  background-image: url("../../img/bk/ico_s_kakao.png");
}
.login_sync_container .sns_set_list li.st_facebook {
  background-image: url("../../img/bk/ico_s_facebook.png");
}
.login_sync_container .sns_set_list li.st_apple {
  background-image: url("../../img/bk/ico_s_apple.png");
}
.login_sync_container .sns_set_list li span {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.login_sync_container .sns_set_list li label.btn_on_off {
  background: #DCDCDC;
  width: 60px;
  height: 35px;
  border-radius: 30px;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1607843137);
}
.login_sync_container .sns_set_list li label.btn_on_off input {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  width: 29px;
  height: 29px;
  border-radius: 100%;
  top: 3px;
  left: 3px;
  accent-color: #fff;
}
.login_sync_container .sns_set_list li label.btn_on_off.on {
  background: #e62642;
  border: 1px solid #e62642;
}
.login_sync_container .sns_set_list li label.btn_on_off.on input {
  transform: translateX(24px);
}

/********** animation (s) // **********/
@keyframes liveAnimate {
  0% {
    height: 8px;
  }
  50% {
    height: 13px;
  }
  100% {
    height: 8px;
  }
}
@keyframes liveAnimate2 {
  0% {
    height: 6px;
  }
  50% {
    height: 10px;
  }
  100% {
    height: 6px;
  }
}
@keyframes liveAnimate3 {
  0% {
    height: 2px;
  }
  50% {
    height: 14px;
  }
  100% {
    height: 2px;
  }
}
@keyframes playAnimation {
  0% {
    transform: translate3d(-50%, -50%, 0) scale(1);
    background: rgba(255, 255, 255, 0);
  }
  10% {
    background: rgba(255, 255, 255, 0.1);
  }
  40% {
    background: rgba(0, 0, 0, 0.3);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) scale(1.6);
    background: rgba(0, 0, 0, 0);
  }
}
@keyframes thumbnailZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fadeInAnimate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOutAnimate {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeToggleAnimate {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes liveIcoBtn {
  0% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(0, 4px, 0);
  }
  50% {
    transform: translate3d(0, 0, 0);
  }
  75% {
    transform: translate3d(0, 4px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes maxWidthAnimate {
  0% {
    max-width: 0;
  }
  100% {
    max-width: 100%;
  }
}
@keyframes tooltipFadeOut1 {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes numCount0 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 0px, 0);
  }
}
@keyframes numCount1 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -21px, 0);
  }
}
@keyframes numCount2 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -42px, 0);
  }
}
@keyframes numCount3 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -63px, 0);
  }
}
@keyframes numCount4 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -84px, 0);
  }
}
@keyframes numCount5 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -105px, 0);
  }
}
@keyframes numCount6 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -126px, 0);
  }
}
@keyframes numCount7 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -147px, 0);
  }
}
@keyframes numCount8 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -168px, 0);
  }
}
@keyframes numCount9 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -189px, 0);
  }
}
@keyframes recommandPersonalBtn {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }
  30% {
    transform: translate3d(0, 10px, 0);
    opacity: 1;
  }
  50% {
    transform: translate3d(0, 5px, 0);
    opacity: 1;
  }
  70% {
    transform: translate3d(0, 10px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }
}
/********** // (e) animation **********/
/********** basic (s) // **********/
.fixedContent {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 139;
  background-color: #fff;
}

/********** // (e) basic **********/
/********** font color (s) // **********/
.fc-white {
  color: #fff !important;
}

.fc-blue {
  color: #228BE6;
}

.fc-blueGradient {
  background: linear-gradient(90deg, #4F86FE 0%, #6958FB 105%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.fc-red {
  color: #E62642 !important;
}

.fc-orange {
  color: #FF7D00;
}

.fc-purple {
  color: #733ECC !important;
}

.fc-pink {
  color: #FF3572;
}

.fc-222 {
  color: #222 !important;
}

.fc-444 {
  color: #444;
}

.fc-888 {
  color: #888 !important;
}

.fc-ai {
  background: var(--AI, linear-gradient(90deg, #4F86FE 0%, #6958FB 105%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/********** // (e) font color **********/
/********** font weight (s) // **********/
.fw-light {
  font-weight: 300;
}

.fw-regular {
  font-weight: 400;
}

.fw-medium {
  font-weight: 500;
}

.fw-semiBold {
  font-weight: 700;
}

.fw-bold {
  font-weight: 700;
}

/********** // (e) font color **********/
/********** space (s) // **********/
.emptySpace {
  display: block;
  height: var(--spaceValue);
}
.emptySpace.gray {
  background: #F5F5F5;
}
.emptySpace.line {
  border-top: 1px solid #eee;
  height: 0px;
  margin: 15px 0;
}
.stoaBottomToast .emptySpace {
  min-height: var(--spaceValue);
}

/********** // (e) space **********/
/********** slides view layer **********/
.slidesViewLayer {
  position: fixed !important;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  overscroll-behavior: contain;
  background: #fff;
  z-index: 9999;
}
.slidesViewLayer__item {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.slidesViewLayer__item .swiper-slide {
  height: auto;
  width: 100% !important;
}
.slidesViewLayer__item .swiper-slide a {
  transform: translate3d(0, 0, 0) !important;
}
.slidesViewLayer__item .swiper-slide a > div {
  transform: translate3d(0, 0, 0) !important;
}
.slidesViewLayer__item .swiper-slide a img {
  margin: -80px 0 0;
}
.bigBanner.typeMain.slidesViewLayer .bigBanner__info {
  bottom: -10.6666666667vw;
}

.slidesViewLayer__close {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: url("/static/img/stoaModule/X_Close _wh@2x.png") no-repeat center center/24px 24px rgba(0, 0, 0, 0.4);
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 999;
}

/********** slides view layer **********/
/********** adMark (s) // **********/
.adMark {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 4vw;
  display: flex;
  align-items: center;
  font-size: 10px;
  line-height: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  padding: 0 4px 0 5px;
}

/********** // (e) adMark **********/
/********** stoa select (s) // **********/
.stoaSelect {
  position: relative;
}
.stoaSelect__item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  position: relative;
  text-align: left;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
  color: #222;
  line-height: 1;
  letter-spacing: -1.5px;
  background: #fff;
  transition: all 0.4s;
}
.stoaSelect__item::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/Arrow_Down_24@2x.png") no-repeat 0 0/100% auto;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  transition: all 0.4s;
}
.stoaSelect:has(.stoaSelect__list.active) .stoaSelect__item {
  border-color: #444;
  z-index: 10;
}
.stoaSelect:has(.stoaSelect__list.active) .stoaSelect__item::after {
  transform: translate3d(0, -50%, 0) rotate(-180deg);
}

.stoaSelect__list {
  position: absolute;
  left: 0;
  top: calc(100% - 2px);
  width: 100%;
  max-height: 269px;
  border: 1px solid transparent;
  border-radius: 0 0 4px 4px;
  background: #fff;
  max-height: 0;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  transition: all 0.4s;
  box-sizing: border-box;
}
.stoaSelect__list.active {
  border-color: #444;
  opacity: 1;
  visibility: visible;
}
.stoaSelect__list li:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.stoaSelect__list button {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  font-size: 16px;
  color: #222;
}
.stoaSelect__list button.active {
  background: #F5F5F5;
}
.stoaSelect__list button .txt1 {
  display: block;
  width: 100%;
  overflow: hidden;
  color: #E62642;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.stoaSelect__list button .txt1 em {
  overflow: hidden;
  font-size: inherit;
  font-weight: 700;
  margin-top: 2px;
}
.stoaSelect__list button .txt1 span {
  margin-left: 4px;
}
.stoaSelect__list button:disabled .txt1 {
  color: #999;
}
.stoaSelect__list button:disabled .txt1 span {
  color: #444;
}
.stoaSelect.type2 {
  width: 100%;
}
.stoaSelect.type2 .stoaSelect__item {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 40px;
  width: 100%;
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #444;
  padding-right: 42px;
}
.stoaSelect.type2 .stoaSelect__item::after {
  opacity: 0.4;
  background-size: 79% auto;
  background-position: center;
}
.stoaSelect.type2 .stoaSelect__list {
  top: calc(100% + 4px);
  border-radius: 4px;
  padding: 8px 0;
}
.stoaSelect.type2 .stoaSelect__list button {
  position: relative;
  height: auto;
  text-align: left;
  line-height: 18px;
  font-size: 14px;
  letter-spacing: -0.5px;
  padding: 8px 47px 8px 16px;
}
.stoaSelect.type2 .stoaSelect__list button.active {
  background: transparent;
}
.stoaSelect.type2 .stoaSelect__list button.active::after {
  content: "";
  position: absolute;
  top: 7px;
  right: 16px;
  width: 20px;
  height: 20px;
  background: url(/static/img/ico_chk_stoa2.png) center/12.83px 8.56px no-repeat;
}
.stoaSelect.type2 .stoaSelect__list li {
  border-bottom: none;
}
.stoaSelect.type2 .stoaSelect__list li .unit {
  margin-left: 0;
}
.stoaSelect.type2 .stoaSelect__list li button:disabled {
  color: #b9b9b9;
}
.stoaSelect.type2 .stoaSelect__item:disabled {
  background-color: #EEE;
  color: #888;
}

/********** // (e) stoa select **********/
/********** stoa box check (s) // **********/
.stoaBoxChkList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 4px;
  padding: 0 15px;
}

.stoaBoxChk {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #ccc;
  transition: all 0.4s;
  padding: 16px 20px;
}
.stoaBoxChk:has(input:checked) {
  border-color: #E62642;
  color: #E62642;
}
.stoaBoxChk input {
  position: absolute;
  left: -9999px;
}
.stoaBoxChk__point {
  top: -14px;
  position: absolute;
  display: flex;
  align-items: center;
  height: 18px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0;
  color: #FFF;
  background: #444;
  border-radius: 100px;
  padding: 0 6px;
}
.stoaBoxChk:has(.stoaBoxChk__point) {
  position: relative;
  overflow: inherit;
}

.stoaBoxChk.type2 {
  overflow: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 50px;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.05em;
  color: #222;
  background: #fff;
  border: 1px solid #EEE;
  border-radius: 40px;
  padding: 0 16px;
}
.stoaBoxChk.type2:has(input:checked) {
  border-color: #444;
  color: #444;
}
/********** // (e) stoa box check **********/
/********** stoa stoaChoiceGroup (s) // **********/
.stoaChoiceGroup {
  width: 100%;
  display: flex;
}
.stoaChoiceItem {
  display: flex;
  flex: 1;
  height: 40px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  border: 1px solid #DDD;
  margin-left: -1px;
  padding: 14px 24px;
}
.stoaChoiceItem:has(input:checked) {
  z-index: 1;
  font-weight: 700;
  border: 1px solid #E62642;
  color: #E62642;
}
.stoaChoiceItem input {
  display: none;
}
.stoaChoiceItem:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stoaChoiceItem:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/********** // (e) stoa stoaChoiceGroup **********/
/********** stoa stoaSwitch (s) // **********/
.stoaSwitch {
  position: relative;
  display: block;
  width: 46px;
  height: 20px;
  border-radius: 12px;
  background: #999;
}
.stoaSwitch input {
  display: none;
}
.stoaSwitch::before {
  content: "";
  position: absolute;
  transition: left 0.4s ease, transform 0.4s ease;
  left: 2px;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 12px;
  background: #fff;
}
.stoaSwitch__ture, .stoaSwitch__false {
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  font-size: 10px;
  font-weight: 800;
  color: #fff;
  padding: 0 7px;
  line-height: 20px;
}
.stoaSwitch__ture {
  left: 0;
  opacity: 0;
}
.stoaSwitch__false {
  right: 0;
  opacity: 1;
}
.stoaSwitch:has(input:checked) {
  background-color: #E62642;
}
.stoaSwitch:has(input:checked)::before {
  transform: translateX(-100%);
  left: calc(100% - 2px);
}
.stoaSwitch:has(input:checked) .stoaSwitch__ture {
  opacity: 1;
}
.stoaSwitch:has(input:checked) .stoaSwitch__false {
  opacity: 0;
}

/********** // (e) stoa stoaSwitch **********/
/********** stoa ScrollHint (s) // **********/
[data-scroll-hint] {
  position: relative;
  overflow-y: hidden;
  /* TOP hint ( ::before ) */
  /* BOTTOM hint ( ::after ) */
}
[data-scroll-hint] .scrollCont {
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  padding-bottom: env(safe-area-inset-bottom);
}
[data-scroll-hint].show-top::before, [data-scroll-hint].show-bottom::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 36px;
  opacity: 1;
  pointer-events: none;
  transition: opacity 0.2s ease;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}
[data-scroll-hint].show-bottom::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0px;
  background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}
/********** // (e) stoa ScrollHint **********/
/********** stoa precautions (s) // **********/
.stoaPrecs {
  background-color: #F5F5F5;
  color: #666;
  margin-top: auto;
}
.stoaPrecs .precs_btn {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 48px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -1px;
  color: #666666;
  padding: 3px 24px 0;
}
.stoaPrecs .precs_btn:focus-visible {
  outline: none;
}
button.precs_btn::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/Arrow_Down_24@2x.png") no-repeat 0 0/100% auto;
  transform: translate3d(0, -50%, 0);
  transition: all 0.4s;
}

.stoaPrecs.open button.precs_btn::after {
  transform: translate3d(0, -50%, 0) rotate(-180deg);
}

.stoaPrecs .precs_btn.type2 {
  padding: 0 15px;
  font-size: 14px;
  font-weight: 700;
}
.stoaPrecs .precs_body {
  border-top: 1px dotted #DDDDDD;
  padding: 16px 24px 25px;
  color: #888;
}
.stoaPrecs .precs_body li {
  position: relative;
  padding-left: 9px;
  line-height: 20px;
  font-size: 14px;
  margin-top: 8px;
  letter-spacing: -0.5px;
}
.stoaPrecs .precs_body li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  width: 3px;
  height: 3px;
  background-color: #888;
  border-radius: 10px;
}
.stoaPrecs .precs_body li:first-child {
  margin-top: 0px;
}
.stoaPrecs .precs_body li.type2 {
  color: #E62642;
}
.stoaPrecs .precs_body li.type2::before {
  background-color: #E62642;
}
.stoaPrecs:has(button.precs_btn) .precs_body {
  display: none;
}

.stoaPrecs .precs_cont {
  margin: 0 15px;
  padding-bottom: 24px;
  border-top: 1px solid #e5e5e5;
}
.stoaPrecs .precs_cont .title {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 700;
  color: #666;
}
.stoaPrecs .precs_cont :is(.txt, .list) {
  margin-top: 8px;
}
.stoaPrecs .precs_cont .list {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
.stoaPrecs .precs_cont .list li {
  display: flex;
  gap: 0 4px;
  font-size: 13px;
  color: #666;
}
.stoaPrecs .precs_cont .list li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #888;
  flex-shrink: 0;
  position: relative;
  top: 8px;
}
.stoaPrecs .precs_cont .txt {
  font-size: 13px;
  color: #666;
  line-height: 18px;
}
.stoaPrecs .precs_cont .myAddressBtn {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  width: 100%;
  height: 40px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
}
.stoaPrecs .precs_cont .myAddressBtn::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/myAddressIco.svg") no-repeat center center/100% auto;
}
.stoaPrecs:has(button.precs_btn) .precs_cont {
  display: none;
}

.stoaPrecs.type2 .precs_body {
  border: 0;
  padding: 20px;
}
.stoaPrecs.type2 .precs_body li {
  color: #666;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.stoaPrecs.type2 .precs_body li.title {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
}
.stoaPrecs.type2 .precs_body li.title ::before {
  content: none;
}

/********** // (e) stoa precautions **********/
/********** stoa precautions (s) // **********/
.stoaInfoList {
  padding: 0 15px 0;
  margin-top: auto;
}
.stoaInfoList__title {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  margin-top: 16px;
}
.stoaInfoList__body {
  font-size: 13px;
  font-weight: 400;
  color: #666;
}
.stoaInfoList__body li {
  position: relative;
  margin-top: 8px;
  padding-left: 7px;
}
.stoaInfoList__body li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  width: 3px;
  height: 3px;
  background-color: #888;
  border-radius: 10px;
}
.stoaInfoList__body ol {
  counter-reset: num;
  margin: 8px 0 0 -7px;
}
.stoaInfoList__body ol li {
  text-indent: -14px;
  padding-left: 15px;
  margin-top: 0;
}
.stoaInfoList__body ol li::before {
  content: none;
}
.stoaInfoList.policyReview {
  padding: 0;
}
.stoaInfoList.policyReview .stoaInfoList__title:first-of-type {
  margin-top: 0;
}

/********** // (e) stoa precautions **********/
/********** stoaModule(s) // **********/
.stoaModule {
  overflow: hidden;
}
.stoaModule.visible {
  overflow: visible;
}
.stoaModule * {
  box-sizing: border-box;
}
.stoaModule img {
  font-size: 0;
  vertical-align: top;
}
.stoaModule__item {
  background: #fff;
  position: relative;
}
.stoaModule__item.noneBg {
  background: transparent;
}
.stoaModule__item.broadcastPick {
  background: linear-gradient(180deg, rgba(255, 221, 221, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
}
.stoaModule__item.type2 {
  background: #F5FAFE;
}
.stoaModule__item.type3 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  padding-bottom: 16px;
}
.stoaModule__item.type4 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  padding-bottom: 15px;
}
.stoaModule__item.type4 .goodsList {
  padding-left: 33.6vw;
}
.stoaModule__item.type4 .goodsList .swiper-slide-prev {
  opacity: 1 !important;
}
.stoaModule__item.type5 {
  padding-bottom: 0;
}
.stoaModule__item.type6 {
  background: #F8F9FA;
  border-width: 1px 0;
  border-style: solid;
  border-color: #eee;
}
.stoaModule__item.type7 {
  background: #F7f7f7;
  padding-bottom: 40px;
}
.stoaModule__item.type7 .goodsLink:last-child {
  margin-bottom: 0;
  background-color: #fff;
}
.stoaModule__item.type8 {
  overflow: hidden;
  padding: 0 15px;
}
.stoaModule__item.type8 > img {
  width: calc(100% - 30px);
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  border-radius: 4px;
}
.stoaModule__item.typeGradient {
  background: linear-gradient(180deg, #EEF4FF 0%, #FFF 100%);
}
.stoaModule__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
}
.stoaModule__title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  padding: 20px 15px 20px;
  background: #fff;
  position: relative;
  box-sizing: border-box;
}
.stoaModule__title a {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  align-items: baseline;
}
.stoaModule__title a:not(.share):not(.type1):not(.type5):not(.typeMain)::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("https://imagecdn.skstoa.com/static/img/arrow_right.png") no-repeat 0 0/100% auto;
  position: absolute;
  right: 8px;
  top: 42px;
}
.type2.stoaModule__title a:not(.share):not(.type1):not(.type5):not(.typeMain)::after {
  display: none;
}

.stoaModule__title a.share {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  background: url("/static/img/ico/ico_sns_share.png") no-repeat 0 0/100% auto;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  width: 25px;
  height: 24px;
}
.stoaModule__title a.type1 {
  width: 100%;
  align-items: center;
}
.stoaModule__title.lineTop {
  border-top: 1px solid #eee;
}
:is([style*=background] .stoaModule__title, .broadcastPick .stoaModule__title) {
  background: transparent;
}
.stoaModule__title.type2 {
  background: transparent;
  text-indent: -9999px;
  overflow: hidden;
  height: 28.8vw;
}
.stoaModule__title.type3 {
  padding: 15px;
}
.stoaModule__title.type4 .subject {
  display: flex;
  font-size: 18px;
  font-weight: 700;
}
.stoaModule__title.type4 .subject .fc-red {
  position: relative;
  top: -1px;
}
.stoaModule__title.type5 {
  align-items: center;
  padding: 20px 15px 20px;
}
.stoaModule__title.type5 .subTitle {
  width: auto;
  line-height: 1;
}
.stoaModule__title.type5 a {
  font-size: 12px;
  color: #444;
  align-items: center;
  gap: 0 2px;
  margin-left: auto;
}
.stoaModule__title.type5 a::after {
  width: 14px !important;
  height: 14px !important;
  position: static !important;
}
.stoaModule__title.type6 {
  background: transparent;
}
.stoaModule__title.type6 a {
  width: 100%;
  gap: 0;
}
.stoaModule__title.type6 a::after {
  display: none !important;
}
.stoaModule__title.type6 .subject {
  margin-right: 4px;
}
.stoaModule__title.type6 .category {
  margin-right: 8px;
}
.stoaModule__title.type7 {
  flex-wrap: nowrap;
  gap: 0;
  justify-content: space-between;
  padding: 20px 15px 24px;
}
.stoaModule__title.type7 .subject::before {
  content: "";
  display: block;
  width: 47px;
  height: 36px;
  background: url("https://imagecdn.skstoa.com/static/img/shoppingLiveTitle.svg") no-repeat 0 0/100% auto;
}
.stoaModule__title.type7 .subject::after {
  position: relative;
  top: 0;
  right: 0;
  background: url("/static/img/stoaModule/Arrow Chevron_Right.svg") no-repeat 0 0/100% auto;
  width: 10px;
  height: 16px;
}
.stoaModule__title.type8 {
  background: transparent;
  text-align: center;
  padding: 32px 15px;
}
.stoaModule__title.type8 .subject {
  display: block;
  width: 100%;
  font-size: 22px;
  font-weight: 700;
}
.stoaModule__title.type8 .txt {
  font-size: 16px;
  color: #222222;
  margin-top: 4px;
}
.stoaModule__title.type9 {
  align-items: center;
  justify-content: space-between;
  padding: 40px 15px 20px;
}
.stoaModule__title.type9 .title {
  display: flex;
  align-items: baseline;
}
.stoaModule__title.type9 .category {
  color: #E62642;
  font-size: 20px;
}
.stoaModule__title.type9 .time {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  margin-left: 8px;
}
.stoaModule__title.type9 .time__item {
  font-weight: 700;
  font-size: 16px;
}
.stoaModule__title.type9 .liveTalk {
  align-items: center;
  gap: 0 5px;
  color: #222;
  font-size: 14px;
  font-weight: 700;
}
.stoaModule__title.type9 .liveTalk::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/liveTalkIco3.svg") no-repeat;
  background-size: cover;
}
.stoaModule__title.type9 .liveTalk::after {
  background: none;
}
.stoaModule__title.type9 .liveTalk::after {
  content: "";
  position: relative;
  top: 0;
  right: 0;
  display: block;
  width: 11px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' fill='%23222'%3E%3Cpath d='M1.201 1.589a.281.281 0 0 1 .398-.013l3 2.813a.281.281 0 0 1 0 .41l-3 2.812a.281.281 0 0 1-.385-.41l2.78-2.607-2.781-2.608a.281.281 0 0 1-.037-.365L1.2 1.59Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}
.stoaModule__title.type10 {
  padding: 32px 15px 20px;
}
.stoaModule__title.type10 .aiItem {
  display: inline-block;
  width: 1.2em;
  height: 0.95em;
  text-indent: -9999px;
  vertical-align: bottom;
  background: url("https://imagecdn.skstoa.com/static/img/ico_AI.svg") no-repeat center;
  background-size: contain;
  margin: 0 0.2em;
}
.stoaModule__title.type10 .txt {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1px;
  color: #222;
}
.stoaModule__title.type10 .txt:first-child {
  margin-bottom: 2px;
}
.stoaModule__title.type10 .txt .aiItem {
  width: 1.3em;
  height: 1em;
  margin: 0 0.1em;
}
.stoaModule__title.type10 .txt.type2 {
  flex: auto;
  width: 100%;
  font-weight: 500;
  color: #0069B4;
}
.stoaModule__title.type10 .userName {
  color: #0069B4;
  display: contents;
}
.stoaModule__title.type10 .subject {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -1px;
}
.stoaModule__title.type10 .subject span {
  vertical-align: baseline;
}
.stoaModule__title.type11 {
  flex-direction: column;
  padding: 24px 40px 20px;
}
.stoaModule__title.type11 .subject {
  font-size: 19px;
  color: #222;
}
.stoaModule__title.type11 .txt {
  font-size: 16px;
  color: #222;
  font-weight: 500;
}
.stoaModule__title.type11--img {
  padding: 0;
}
.stoaModule__title.typeShoppingLive {
  height: 40.5333333333vw;
  background: transparent;
}
.stoaModule__title.typeMain {
  padding: 40px 20px 15px;
}
.stoaModule__title.typeMain a {
  width: 100%;
  gap: 0;
}
.stoaModule__title.typeMain a::after {
  display: none !important;
}
.stoaModule__title.typeMain .subject {
  font-size: 20px;
  gap: 0 4px;
}
.stoaModule__title.typeMain .category {
  margin-left: 4px;
}
.stoaModule__title.typeMain .time {
  margin-left: 8px;
}
.stoaModule__title.typeMain .txt {
  font-size: 13px;
  color: #666;
}
.stoaModule__title .ico {
  width: 34px;
  height: 34px;
  border: 1px solid #ddd;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.stoaModule__title .titleTop {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  color: #222;
  margin-bottom: 12px;
}
.stoaModule__title .typePick__label {
  width: 92px;
  height: 16px;
  background: url("/static/img/stoaModule/title_pick.svg") no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
.stoaModule__title .typePick__btn {
  display: flex;
  height: 24px;
  align-items: center;
  white-space: nowrap;
  font-size: 11px;
  border: 1px solid #EEE;
  border-radius: 20px;
  color: #666;
  padding: 0 8px;
}
.stoaModule__title .typePick__btn::after {
  content: "해제";
  margin-left: 2px;
}
.stoaModule__title .typePick__btn i {
  display: block;
  position: relative;
  width: 12px;
  height: 12px;
  border: 1px solid #444;
  border-radius: 30px;
  margin-right: 4px;
}
.stoaModule__title .typePick__btn i::before, .stoaModule__title .typePick__btn i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 0px;
  border-top: 1px solid #444;
}
.stoaModule__title .typePick__btn i::after {
  display: none;
  width: 0px;
  height: 7px;
  border-top: none;
  border-right: 1px solid #444;
}
.stoaModule__title .typePick__btn b {
  font-weight: 700;
  margin-right: 2px;
}
.stoaModule__title .typePick__btn.active i {
  border-color: #F47724;
}
.stoaModule__title .typePick__btn.active i::before, .stoaModule__title .typePick__btn.active i::after {
  display: block;
  border-color: #F47724;
}
.stoaModule__title .typePick__btn.active::after {
  content: "설정";
}
.stoaModule__title .ico_brand {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 4px;
}
.stoaModule__title .ico_brand.type2 {
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 100px;
  overflow: hidden;
}
.stoaModule__title .subject {
  font-size: 20px;
  color: #191923;
  letter-spacing: -0.4px;
  font-weight: 700;
  line-height: 28px;
  /* cream_250829_19966 // */
  /* // cream_250829_19966 */
}
.stoaModule__title .subject.type1 {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.72px;
}
.stoaModule__title .subject.type1 .colorR {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.72px;
  color: #E62642;
  vertical-align: top;
}
.stoaModule__title .subject .gradient {
  color: transparent;
  background: var(--AI, linear-gradient(90deg, #4F86FE 0%, #6958FB 105%));
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: baseline;
}
.stoaModule__title .subject--ai::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/title_ai.svg") no-repeat 0 0/100% auto;
  align-self: flex-start;
}
.stoaModule__title .subject:has(.subject__ai) {
  display: flex;
  align-items: center;
}
.stoaModule__title .subject span {
  vertical-align: baseline;
}
.stoaModule__title .subject__ai {
  text-indent: -9999px;
  font-size: 0;
  background: url("/static/img/stoaModule/aiLogoIco3.svg") no-repeat 0 0/100% auto;
  width: 24px;
  height: 17px;
  display: inline-block;
  margin: -1px 2px 0;
}
.stoaModule__title .subject.ft-overflow {
  display: flex;
  white-space: nowrap;
  gap: 0 3px;
  width: 100%;
}
.stoaModule__title .subject.ft-overflow .ft-overflow__item {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}
.stoaModule__title .subTitle {
  width: 100%;
  font-size: 14px;
  color: #222;
}
.stoaModule__title .subTitle.type2 {
  font-size: 16px;
}
.stoaModule__title .subTitle.type2 span {
  vertical-align: baseline;
}
.stoaModule__title .subTitle.type3 {
  font-size: 14px;
}
.stoaModule__title .subTitle.type4 {
  font-size: 18px;
}
.stoaModule__title .subTitle .gradient {
  color: transparent;
  background: var(--AI, linear-gradient(90deg, #4F86FE 0%, #6958FB 105%));
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: baseline;
}
.stoaModule__title .subTitle .gradient.pl0 {
  margin-left: 0;
}
.stoaModule__title .txt {
  width: 100%;
  font-size: 14px;
  color: #999;
}
.stoaModule__title .txt.type2 {
  width: auto;
  flex: 1;
}
.stoaModule__title .liveItem {
  display: flex;
  gap: 2px;
  align-items: end;
  width: 10px;
  height: 13px;
  background: url("/static/img/stoaModule/live_wave_red.gif") no-repeat 0 0/100% auto;
}
.stoaModule__title .liveItem.type3 {
  background-image: url("/static/img/stoaModule/live_wave_orange.gif");
}
.stoaModule__title .category {
  display: flex;
  align-items: baseline;
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
  gap: 0 4px;
}
.stoaModule__title .time {
  display: flex;
  gap: 0 2px;
  font-size: 15px;
  color: #222;
  line-height: 1;
  align-items: baseline;
}
.stoaModule__title .time__item {
  font-size: inherit;
  font-weight: 700;
  font-style: normal;
}
.stoaModule__title .link {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-size: 14px;
  color: #222;
  gap: 0 2px;
}
.stoaModule__title .link::after {
  content: "";
  display: block;
  width: 10px;
  height: 16px;
  background: url("https://imagecdn.skstoa.com/static/img/Chevron_Right2_24@2x.png") no-repeat 0 0/100% auto;
}
.stoaModule__title .link.type1 {
  font-size: 13px;
}
.stoaModule__title .link.fc-white::after {
  background-image: url("/static/img/stoaModule/Arrow Chevron_Right_white.svg");
}
.stoaModule__title .switch {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.stoaModule__title .switch input[type=checkbox] {
  position: absolute;
  left: -9999px;
}
.stoaModule__title .switch input[type=checkbox]:checked ~ .switch__item {
  background: rgba(230, 38, 66, 0.2);
}
.stoaModule__title .switch input[type=checkbox]:checked ~ .switch__item::before {
  left: calc(100% - 20px + 3px);
  background: #E62642;
}
.stoaModule__title .switch .txt {
  font-size: 14px;
  color: #666;
}
.stoaModule__title .switch__item {
  display: block;
  width: 34px;
  height: 14px;
  background: #ccc;
  position: relative;
  border-radius: 14px;
  flex-shrink: 0;
  transition: all 0.4s;
}
.stoaModule__title .switch__item::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  position: absolute;
  left: -3px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  background: #fff;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.24));
  transition: all 0.4s;
}
[class*=type] .stoaModule__title {
  background: transparent;
}

.shortToa .stoaModule__title {
  align-items: end;
  gap: 6px 8px;
  margin-bottom: 40px;
  padding-bottom: 0;
}
.shortToa .stoaModule__title .subject {
  line-height: 1.4;
}
.shortToa .stoaModule__title::after {
  content: "";
  display: block;
  width: 77px;
  height: 29px;
  background: url("https://imagecdn.skstoa.com/banner/697/457732697.png") no-repeat 0 0/100% auto;
}

.stoaModule__subTitle {
  font-size: 14px;
  font-weight: 700;
  color: #444;
  padding: 0 15px;
}
.stoaModule__txt {
  font-size: 15px;
  color: #555;
  font-weight: 500;
  padding: 0 15px;
  word-break: keep-all;
  margin-bottom: 25px;
}
.stoaModule__broadcastTitle {
  display: flex;
  align-items: center;
  gap: 0 8px;
  padding: 0 15px;
  margin-bottom: 16px;
}
.stoaModule__broadcastTitle .category {
  display: flex;
  align-items: center;
  padding: 0 0 0 8px;
  width: 64px;
  height: 23px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  font-weight: 700;
  background: url("/static/img/stoaModule/broadcastTitleBg.svg") no-repeat 0 0/100% auto;
}
.stoaModule__broadcastTitle .title {
  font-size: 15px;
  color: #222;
  font-weight: 700;
  line-height: 1.1;
  display: flex;
  align-items: baseline;
  gap: 0 5px;
}
.stoaModule__broadcastTitle .title .time {
  font-size: inherit;
  color: inherit;
  font-weight: 400;
  line-height: inherit;
}
.stoaModule__broadcastTitle .title .time__item {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
  font-style: normal;
}
.stoaModule__banner {
  display: flex;
  position: relative;
  padding-bottom: 68px;
}
.stoaModule__banner img {
  width: 100%;
}
.stoaModule__banner::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.1019607843) 12%, rgba(167, 167, 167, 0.8) 80%, rgba(34, 34, 34, 0.6) 100%) 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
}
.stoaModule__banner .btnArea {
  position: absolute;
  right: 10px;
  bottom: 103px;
  display: flex;
  align-items: center;
  height: 24px;
  color: #fff;
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 24px;
  padding: 0 8px;
  font-size: 11px;
}
.stoaModule__banner .info {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 24px 0 0 0;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  padding: 20px 15px;
  background: #fff;
  width: 100%;
}
.stoaModule__banner .info .subject {
  font-size: 20px;
  color: #191923;
  letter-spacing: -0.56px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.stoaModule__banner .info .txt {
  width: 100%;
  font-size: 14px;
  color: #999;
}
.stoaModule__banner.type2 {
  margin: 0 0 16px;
  padding: 0;
}
.stoaModule__banner.type2 .info {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  bottom: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: transparent;
  border-radius: 0;
  text-align: center;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  padding-bottom: 10px;
}
.stoaModule__banner.type2 .info .title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.stoaModule__banner.type2 .info .txt {
  color: #fff;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.stoaModule__banner.type2 .info .btnArea {
  position: relative;
  left: 0;
  bottom: 0;
  margin: 8px 0 0;
  background: transparent;
  font-size: 12px;
  padding: 0 12px;
}
.stoaModule__banner.type3 {
  padding-bottom: 44px;
}
.stoaModule__banner.type3 .btnArea {
  bottom: 79px;
}
.stoaModule__banner.type4 {
  padding-bottom: 20px;
}
.stoaModule__banner.type4 .btnArea {
  bottom: 51px;
}
.stoaModule__banner:not(.type2) ~ .stoaModule__title {
  border-radius: 24px 0 0 0;
  margin: -20px 0 0 0;
  z-index: 3;
}
.stoaModule__special {
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 56.2666666667vw;
  margin: 0 0 16px;
  padding: 102px 0 0;
  position: relative;
}
.stoaModule__special .subject {
  position: relative;
  font-size: 24px;
  letter-spacing: -0.067em;
  color: #fff;
  margin: 0 0 1px;
  z-index: 11;
}
.stoaModule__special .txt {
  position: relative;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.039em;
  font-weight: 300;
  z-index: 11;
}
.stoaModule__special .link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 24px;
  border-radius: 24px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 12px;
  letter-spacing: -0.034em;
  margin: 8px 0 0;
  z-index: 11;
}
.stoaModule__special::before {
  content: "";
  display: block;
  width: 100%;
  height: 68%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.1019607843) 12%, rgba(167, 167, 167, 0.6) 40%, rgba(34, 34, 34, 0.6) 100%) 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
  z-index: 10;
}
.stoaModule__toolTip {
  display: flex;
  font-size: 14px;
  color: #999;
  gap: 6px;
  letter-spacing: -0.034em;
}
.stoaModule__toolTip::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/Question_Circle@2x.png") no-repeat 0 0/100% auto;
  transition: all 0.4s;
  position: relative;
  top: 1px;
}
.stoaModule__toolTip.active::after {
  background-image: url("/static/img/stoaModule/Question_Circle_Fill@2x.png");
}
.stoaModule__toolTip.type2::after {
  background: url("/static/img/stoaModule/Info_Circle.svg") no-repeat 0 0/100% auto;
}
.stoaModule__search {
  margin: 0 15px;
  position: relative;
  display: flex;
  width: calc(100% - 30px);
  height: 44px;
  border-radius: 44px;
  border: 1px solid #222;
  color: #999;
  font-size: 16px;
  padding: 0 20px;
  letter-spacing: -0.045em;
  align-items: center;
  justify-content: start;
  margin-bottom: 20px;
}
.stoaModule__search::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translate3d(0, -50%, 0);
  background: url("/static/img/stoaModule/Search@2x.png") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: hidden;
}
.stoaModule__cont {
  border: 1px solid #e5e5e5;
  margin: 0 15px 35px;
  border-radius: 8px;
}
.stoaModule__cont .goodsList.type1 a {
  background: #F4F5F8;
  border: 0;
}
.stoaModule__cont .goodsList.type1 {
  overflow: hidden;
}
.stoaModule__cont.type2 {
  border: none;
  margin: 0 0 35px;
}
.stoaModule__cont.type2 .stoaModule__title {
  margin-bottom: -32px;
  height: 88px;
  padding: 20px 15px 48px;
  margin-top: 24px;
}
.stoaModule__cont.type2 .goodsWide_item:first-child .stoaModule__title {
  background: linear-gradient(96.93deg, #E62642 48.18%, #F47725 99.43%) !important;
  margin-top: 0px;
}
.stoaModule__cont.type2 .goodsWide_item:first-child .stoaModule__title .category {
  color: #fff;
}
.stoaModule__cont.type2 .goodsWide_item:first-child .stoaModule__title .time {
  color: #fff;
  font-weight: 700;
}
.stoaModule__cont.type2 .goodsWide_item:first-child .stoaModule__title .liveTalk {
  color: #fff;
}
.stoaModule__cont.type2 .goodsWide_item:first-child .stoaModule__title .liveTalk::before {
  background-image: url("/static/img/stoaModule/liveTalkIco2.svg");
}
.stoaModule__cont.type2 .goodsWide_item:first-child .stoaModule__title .liveTalk::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' fill='%23fff'%3E%3Cpath d='M1.201 1.589a.281.281 0 0 1 .398-.013l3 2.813a.281.281 0 0 1 0 .41l-3 2.812a.281.281 0 0 1-.385-.41l2.78-2.607-2.781-2.608a.281.281 0 0 1-.037-.365L1.2 1.59Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}
.stoaModule__cont.type2 .goodsWide {
  margin: 0 15px;
  padding-bottom: 20px;
}
.stoaModule__cont.type2 .goodsWide .thumbnail {
  display: block;
  border-radius: 8px;
}
.stoaModule__cont.type2 .goodsWide .thumbnail .live {
  width: 100%;
  padding: 0;
}
.stoaModule__cont.type2 .goodsWide .thumbnail .live__banner {
  width: 101%;
  height: 101%;
}
.stoaModule__cont.type2 .goodsWide .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #fff;
}
.stoaModule__cont.type2 .goodsWide .info {
  padding: 0;
}
.stoaModule__cont.type2 .goodsList.type1 .swiper-slide {
  width: 240px;
}
.stoaModule__cont.type2 .goodsList.type1 .swiper-slide:first-child:last-child {
  width: 100%;
}
.stoaModule__cont.type2 .goodsList.type1 a {
  border: 1px solid #EEEEEE;
  background: #fff;
}
.stoaModule__cont.type2 .goodsList:last-child {
  padding-bottom: 0;
}
.stoaModule__videoSlider {
  display: flex;
  flex-direction: column;
  background: #444;
  position: relative;
}
.stoaModule__videoSlider::before {
  content: "";
  display: block;
  width: 100%;
  height: 314px;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(68, 68, 68, 0.5) 0%, #444444), var(--videoBg) no-repeat 0 0/100% auto;
  pointer-events: none;
}
.stoaModule__videoSlider .stoaModule__title {
  gap: 10px 0;
  background: transparent;
}
.stoaModule__videoSlider .stoaModule__title .subject {
  font-size: 22px;
  color: #fff;
}
.stoaModule__videoSlider .stoaModule__title .txt {
  color: #fff;
}
.stoaModule__videoSlider .slider {
  padding: 0 15px;
  margin-bottom: 40px;
}
.stoaModule__videoSlider .slider .swiper-slide {
  display: flex;
  width: 150px;
  position: relative;
}
.stoaModule__videoSlider .slider .swiper-slide a {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
.stoaModule__videoSlider .slider .controlBtn {
  display: block;
  width: 28px;
  height: 28px;
  background: url("/static/img/stoaModule/videoPlayIcoEmpty.svg") no-repeat 0 0/100% 100%;
  position: absolute;
  left: 50%;
  top: 115px;
  transform: translate3d(-50%, 0, 0);
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
}
.stoaModule__videoSlider .slider .thumbnail {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  height: 266px;
}
.stoaModule__videoSlider .slider .thumbnail :is(img, video) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stoaModule__videoSlider .slider .thumbnail::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.stoaModule__videoSlider .slider .subject {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
.stoaModule__videoSlider .goodsList.type6 :is(.title, .goodsPrice, .goodsNumber, .goodsPayment) {
  color: #fff;
}
.stoaModule.module.title_box {
  padding-top: 15px;
}
.stoaModule__personalRecommand .top {
  display: flex;
  height: 40px;
  background: #F7f7f7;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
.stoaModule__personalRecommand .top .title {
  font-size: 14px;
  color: #444;
}
.stoaModule__personalRecommand .top .betaIco {
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  background: url("/static/img/stoaModule/BetaIco.png") no-repeat 0 0/100% auto;
  width: 25px;
  height: 12px;
}
.stoaModule__personalRecommand .top .stoaModule__toolTip {
  align-items: end;
}
.stoaModule__personalRecommand .top .stoaModule__toolTip::after {
  width: 14px;
  height: 14px;
}
.stoaModule__personalRecommand .cont {
  padding: 24px 50px;
  display: flex;
  align-items: center;
  background: linear-gradient(20deg, #FFEFF8 79.91%, #FDCFEA 103.96%, #FFEFF8 112.61%);
  position: relative;
}
.stoaModule__personalRecommand .cont .aiLogo {
  display: block;
  position: relative;
  overflow: visible;
  font-size: 0;
  background: url("/static/img/stoaModule/ai_module_ico.png") no-repeat 0 0/100% auto;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  margin-right: 8px;
}
.stoaModule__personalRecommand .cont .aiLogo::after {
  content: "";
  display: block;
  width: 33px;
  height: 47px;
  background: url("/static/img/stoaModule/ai_module_ico_star3.png") no-repeat 0 0/auto 100%;
  right: -3px;
  top: -5px;
  position: absolute;
}
.stoaModule__personalRecommand .cont .txt {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  word-break: keep-all;
  line-height: 1.56;
}
.stoaModule__personalRecommand .cont .txt span {
  vertical-align: baseline;
}
.stoaModule__personalRecommand .cont::before {
  content: "";
  display: block;
  width: 21px;
  height: 27px;
  background: url("/static/img/stoaModule/ai_module_ico_star4.png") no-repeat 0 0/auto 100%;
  position: absolute;
  top: 46px;
  right: 52px;
}
.stoaModule__personalRecommand .cont::after {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background: #fff;
  border-radius: 12px 12px 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
.stoaModule__searchBrand {
  display: flex;
  align-items: center;
  gap: 0 10px;
  padding: 10px 15px;
  background: #f6f6f6;
}
.stoaModule__searchBrand .thumbnail {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 10px;
  color: #666;
  border: 1px solid #eee;
  overflow: hidden;
  border-radius: 100%;
  flex-shrink: 0;
  background: #fff;
}
.stoaModule__searchBrand .thumbnail img {
  width: 100%;
  height: auto;
}
.stoaModule__searchBrand .info {
  display: flex;
  flex-direction: column;
  gap: 2px 0;
  flex: 1;
  overflow: hidden;
}
.stoaModule__searchBrand .title {
  font-size: 16px;
  color: #222;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.stoaModule__searchBrand .link {
  display: flex;
  align-items: center;
  gap: 0 4px;
  font-size: 13px;
  color: #444;
  line-height: 1.4;
}
.stoaModule__searchBrand .link::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Chevron_Right_24@2x.png") no-repeat 0 0/100% auto;
}
.stoaModule__ticket {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 30px);
  height: 40px;
  align-items: center;
  position: relative;
  border-radius: 2px;
  background: #222;
  border: 2px solid #222;
  margin: 0 auto 10px;
  padding: 0 16px;
}
.stoaModule__ticket::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  border: 2px solid #fff;
}
.stoaModule__ticket::after {
  content: "";
  display: block;
  width: 10px;
  height: 20px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translate3d(0, -50%, 0);
}
.stoaModule__ticket.type2 {
  background: #E62642;
  border-color: #E62642;
}
.stoaModule__ticket.type3 {
  background: #FFF1F2;
  border-color: rgba(230, 38, 66, 0.2);
}
.stoaModule__ticket.type3::before {
  border-color: rgba(230, 38, 66, 0.2);
}
.stoaModule__ticket .title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.type3.stoaModule__ticket .title {
  color: #E62642;
}

.stoaModule__ticket .download {
  display: flex;
  align-items: center;
  gap: 0 4px;
  font-size: 12px;
  color: #fff;
}
.type3.stoaModule__ticket .download {
  color: #E62642;
}
.type3.stoaModule__ticket .download::after {
  background-image: url("/static/img/stoaModule/downloadIco_red.svg");
}

.stoaModule__ticket .download::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("/static/img/stoaModule/downloadIco_white.svg") no-repeat 0 0/100% auto;
}

/********** // (e) stoaModule **********/
/********** stoaToastAlert(s) // **********/
.stoaToastAlert {
  opacity: 0;
  z-index: 300001;
  position: fixed;
  left: 50%;
  bottom: 81px;
  display: flex;
  width: max-content;
  max-width: calc(100vw - 30px);
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: 0 4px;
  transform: translate3d(-50%, 0, 0) matrix(1, 0, 0, 1, 0, 20);
  transition: all 0.3s;
  visibility: hidden;
  will-change: transform, opacity;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  word-break: keep-all;
  color: #fff;
  background: #444;
  border-radius: 4px;
  padding: 12px 30px;
}
#wrap:has(.footerMenu.closed) .stoaToastAlert {
  bottom: 21px;
}

.stoaToastAlert.type2 {
  width: calc(100vw - 30px);
  text-align: left;
  padding: 12px;
}
.stoaToastAlert.type3 {
  width: calc(100vw - 58px);
  padding: 12px 16px;
  background: rgba(34, 34, 34, 0.9);
  letter-spacing: -0.28px;
}
.stoaToastAlert .stoaBtn {
  max-width: min-content;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  padding: 9px 12px;
  margin-left: auto;
}
.stoaToastAlert.active {
  opacity: 1;
  visibility: visible;
  transform: translate3d(-50%, 0, 0) matrix(1, 0, 0, 1, 0, 0);
}

/********** // (e) stoaToastAlert **********/
/********** stoaCategory (s) // **********/
.stoaCategory {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 16px;
  padding: 0 15px 34px;
  justify-content: start;
  margin: 0 auto;
}
.stoaCategory.type3 {
  display: block;
}
.stoaCategory.type4 {
  display: block;
}
.stoaCategory.type4 .swiper-wrapper {
  flex-wrap: wrap;
}
.stoaCategory.type4.noSlide .swiper-wrapper {
  display: flex;
  gap: 16px 0;
}
.stoaCategory__item {
  max-width: calc((100% - 64px) / 5);
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.type2 .stoaCategory__item {
  width: 74px;
  flex: none;
}
.type3 .stoaCategory__item {
  width: 65px;
  flex: none;
}
.type4 .stoaCategory__item {
  flex: none;
}
.type4 .swiper-wrapper .stoaCategory__item {
  width: calc((100vw - 30px) / 4);
  max-width: none;
}
.type4 .swiper-wrapper .stoaCategory__item[data-slide-groupRow="1"] {
  padding-top: 16px;
}
.stoaCategory__item a {
  display: block;
  width: 100%;
}
.stoaCategory__thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 65px;
  border-radius: 8px;
}
.stoaCategory__thumbnail img {
  width: 62px;
}
.stoaCategory__title {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #444;
  letter-spacing: -0.05em;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 5px;
}
.stoaCategory[data-slider] .paging {
  bottom: 14px;
}

/********** // (e) stoaCategory **********/
/********** stoa contents banner (s) // **********/
.stoaContentsBanner {
  display: flex;
  flex-direction: column;
  gap: 25px 0;
  padding: 40px 0 20px;
}
.stoaContentsBanner__wrapper {
  padding: 0 15px;
  overflow: auto;
}
.stoaContentsBanner__item {
  width: max-content;
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
:is(.stoaContentsBanner__top, .stoaContentsBanner__bot) {
  display: flex;
  gap: 0 16px;
}
.stoaContentsBanner a {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 64px;
  text-align: center;
  gap: 6px 0;
}
.stoaContentsBanner .thumbnail img {
  width: 100%;
}
.stoaContentsBanner .title {
  font-size: 12px;
  color: #444;
  line-height: 1.5;
}
.stoaContentsBanner__scroll {
  padding: 0 15px;
}
.stoaContentsBanner__scroll .scrollbar {
  display: flex;
  align-items: end;
  height: 1px;
  background: #ddd;
  position: relative;
}
.stoaContentsBanner__scroll i {
  display: block;
  height: 2px;
  background: #444;
  transition: all 0.15s ease;
  position: absolute;
  bottom: 0;
  left: 0;
}

/********** // (e) stoa contents banner **********/
/********** stoa goods detail (s) // **********/
/* cream_250904_20064 */
.stoaGoodsDetail__thumbnail {
  position: relative;
}
.stoaGoodsDetail__thumbnail:has(.priceInfo) .videoBtn.type1 {
  bottom: 34px;
}
.stoaGoodsDetail__thumbnail:has(.videoBtn.type2) .swiper-slide::before {
  background: rgba(0, 0, 0, 0.2);
}
.stoaGoodsDetail__thumbnail-slider[data-slider] {
  position: relative;
}
.stoaGoodsDetail__thumbnail-slider[data-slider] .counter {
  height: 20px;
  right: auto;
  left: 50%;
  bottom: 8px;
  transform: translate3d(-50%, 0, 0);
  padding: 5px 8px;
}
.stoaGoodsDetail__thumbnail-slider[data-slider] .counter__item {
  font-size: 0;
  color: transparent;
  gap: 0 6px;
}
:is(.stoaGoodsDetail__thumbnail-slider[data-slider] .counter__active, .stoaGoodsDetail__thumbnail-slider[data-slider] .counter__total) {
  font-size: 12px;
  color: #fff;
}
.stoaGoodsDetail__thumbnail-slider[data-slider] .counter .separator {
  display: none;
  visibility: hidden;
}
.stoaGoodsDetail__thumbnail-slider[data-slider] .counter__active {
  font-weight: 700;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  padding-right: 6px;
}
.stoaGoodsDetail__thumbnail-slider[data-slider] .counter__total {
  font-weight: 400;
}
.stoaGoodsDetail__thumbnail .swiper-slide {
  position: relative;
}
.stoaGoodsDetail__thumbnail .swiper-slide::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(102, 102, 102, 0.05);
}
.stoaGoodsDetail__thumbnail .videoBtn {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  gap: 16px 0;
  z-index: 9;
}
.stoaGoodsDetail__thumbnail .videoBtn .txt {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  line-height: 1;
}
.stoaGoodsDetail__thumbnail .videoBtn .txt b {
  font-size: 21px;
  line-height: inherit;
}
.stoaGoodsDetail__thumbnail .videoBtn button {
  border-radius: 100%;
  background: url("https://imagecdn.skstoa.com/static/img/videoPlayIco.svg") no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
}
.stoaGoodsDetail__thumbnail .videoBtn.type1 {
  right: 15px;
  bottom: 15px;
}
.stoaGoodsDetail__thumbnail .videoBtn.type1 button {
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.6);
}
.stoaGoodsDetail__thumbnail .videoBtn.type2 {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.stoaGoodsDetail__thumbnail .videoBtn.type2 button {
  width: 56px;
  height: 56px;
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
  background-size: 24px auto;
}
.stoaGoodsDetail__thumbnail .paging {
  bottom: 15px;
  gap: 0 6px;
}
.stoaGoodsDetail__thumbnail .paging__item {
  width: 6px;
  height: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
}
.stoaGoodsDetail__thumbnail .paging__item.active {
  background: #000;
}
.stoaGoodsDetail__thumbnail .priceInfo {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  background: linear-gradient(to right, transparent 0, transparent 21px, #F59F00 21px, #F59F00 100%);
  color: #fff;
  display: flex;
  align-items: center;
  padding: 0 5px 0 0;
  margin: 0;
  height: 22px;
}
.stoaGoodsDetail__thumbnail .priceInfo::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsPriceInfoItem.svg") no-repeat 0 0/100% auto;
}
.stoaGoodsDetail__thumbnail .priceInfo span {
  display: flex;
  gap: 0 6px;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1;
}
.stoaGoodsDetail__thumbnail .priceInfo span:not(:last-child) {
  margin-right: 6px;
}
.stoaGoodsDetail__thumbnail .priceInfo span:not(:last-child)::after {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background: rgba(255, 255, 255, 0.4);
}
.stoaGoodsDetail__thumbnail .flag {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 10;
}
.stoaGoodsDetail__thumbnail .flag img {
  width: 52px;
  height: auto;
}
.stoaGoodsDetail__video {
  display: flex;
  align-items: center;
  height: auto;
  position: relative;
}
.stoaGoodsDetail__video .video {
  width: 100vw;
  height: 100vw;
  /*position: absolute;*/ /* 갤럭시 폴드8에서 문제가 있지만 다른 동용상에서 문제 발생  */
}
.stoaGoodsDetail__video .video video {
  object-fit: contain;
  background-color: black;
}
.stoaGoodsDetail__video .videoAlert {
  display: block;
  padding: 16px 14px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  font-size: 11px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  opacity: 1;
  z-index: 50;
}
.stoaGoodsDetail__video .videoAlert.active {
  animation: fadeOutAnimate 1s forwards;
}
.stoaGoodsDetail__video .controls {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 20;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}
.stoaGoodsDetail__video .controls.active button {
  visibility: visible;
  opacity: 1;
}
.stoaGoodsDetail__video .controls button {
  display: block;
  position: absolute;
  font-size: 0;
  color: transparent;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
  will-change: visibility, opacity;
}
.stoaGoodsDetail__video .controls :is(.mute, .full) {
  width: 20px;
  height: 20px;
  top: 19px;
}
.stoaGoodsDetail__video .controls .play {
  width: 56px;
  height: 56px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  background: url("/static/img/stoaModule/video_play.svg") no-repeat center center/28px auto rgba(0, 0, 0, 0.5);
  border-radius: 100%;
}
.stoaGoodsDetail__video .controls .play.active {
  background-image: url("/static/img/stoaModule/video_pause.svg");
}
.stoaGoodsDetail__video .controls .play.active .play__left {
  display: none;
}
.stoaGoodsDetail__video .controls .play__left {
  display: block;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  top: 61px;
}
.stoaGoodsDetail__video .controls .mute {
  right: 49px;
  background: url("/static/img/stoaModule/video_mute_on.svg") no-repeat 0 0/100% auto;
}
.stoaGoodsDetail__video .controls .mute.active {
  background-image: url("/static/img/stoaModule/video_mute_off.svg");
}
.stoaGoodsDetail__video .controls .full {
  right: 15px;
  background: url("/static/img/stoaModule/video_full.svg") no-repeat 0 0/100% auto;
}
.stoaGoodsDetail__videoToast {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  background: #fff;
  display: none;
  align-items: center;
  padding: 0 15px 0 0;
}
.stoaGoodsDetail__videoToast.active {
  display: flex;
}
.stoaGoodsDetail__videoToast.end .video::after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.stoaGoodsDetail__videoToast .video {
  position: relative;
  margin-right: 8px;
  width: 120px;
  height: 68px;
}
.stoaGoodsDetail__videoToast .video video {
  width: 100%;
  height: 100%;
  position: relative;
}
.stoaGoodsDetail__videoToast .info {
  flex: 1;
}
.stoaGoodsDetail__videoToast .info__subject {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #222;
  line-height: 1.3;
}
.stoaGoodsDetail__videoToast .info__item {
  display: flex;
  gap: 0 4px;
  margin-top: 4px;
}
.stoaGoodsDetail__videoToast .info__time {
  font-size: 12px;
  color: #666;
}
.stoaGoodsDetail__videoToast .info__state {
  font-size: 12px;
  color: #E62642;
}
.stoaGoodsDetail__videoToast .controls {
  display: flex;
  margin-left: 6px;
  gap: 0 12px;
}
.stoaGoodsDetail__videoToast .controls :is(.play, .close) {
  display: block;
  font-size: 0;
  color: transparent;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.stoaGoodsDetail__videoToast .controls .play {
  background-image: url("/static/img/stoaModule/video_play_gray.svg");
}
.stoaGoodsDetail__videoToast .controls .play.active {
  background-image: url("/static/img/stoaModule/video_pause_gray.svg");
}
.stoaGoodsDetail__videoToast .controls .close {
  background-image: url("/static/img/stoaModule/X_Close.svg");
}
#header:has(.stoaGoodsDeal.on) ~ #Contents .stoaGoodsDetail__videoToast {
  top: 211px;
}

#header.noTopBanner:has(.stoaGoodsDeal.on) ~ #Contents .stoaGoodsDetail__videoToast {
  top: 161px;
}

#header ~ #Contents .stoaGoodsDetail__videoToast {
  top: 101px;
}

#header.noTopBanner ~ #Contents .stoaGoodsDetail__videoToast {
  top: 51px;
}

.stoaGoodsDetail__info {
  display: flex;
  flex-direction: column;
  padding: 16px 15px 24px;
  position: relative;
  z-index: 10;
}
.stoaGoodsDetail__module {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
  padding: 12px 15px 16px;
  border-bottom: 1px solid #eee;
}
.stoaGoodsDetail__module .goodsList.type1 {
  padding: 0;
}
.stoaGoodsDetail__module .goodsList.type1 a {
  border: 0;
  border-radius: 0;
}
.stoaGoodsDetail__module .goodsList.type1 .thumbnail {
  border-radius: 8px;
  overflow: hidden;
}
.stoaGoodsDetail__broadcast {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.stoaGoodsDetail__broadcast:has(.stoaGoodsDetail__talk--new):has(.alertBtn) {
  flex-wrap: wrap;
}
.stoaGoodsDetail__broadcast:has(.stoaGoodsDetail__talk--new):has(.alertBtn) .stoaGoodsDetail__talk--new {
  position: static;
  transform: none;
  margin-left: auto;
}
.stoaGoodsDetail__broadcast:has(.stoaGoodsDetail__talk--new):has(.alertBtn) .badge {
  order: 4;
  margin-left: 0;
}
.stoaGoodsDetail__broadcast .date {
  display: flex;
  align-items: center;
  color: #222;
  font-size: 13px;
  letter-spacing: -0.052px;
}
.stoaGoodsDetail__broadcast .date b {
  display: flex;
  align-items: baseline;
  gap: 0 4px;
  font-weight: 700;
  margin-right: 8px;
}
.stoaGoodsDetail__broadcast .date b.type1 {
  color: #E62642;
}
.stoaGoodsDetail__broadcast .date b.type2 {
  color: #FF7D00;
}
.stoaGoodsDetail__broadcast .date b.wave .waveItem {
  display: flex;
}
.stoaGoodsDetail__broadcast .date b.wave.type1 .waveItem::before, .stoaGoodsDetail__broadcast .date b.wave.type1 .waveItem::after,
.stoaGoodsDetail__broadcast .date b.wave.type1 .waveItem i {
  background: #E62642;
}
.stoaGoodsDetail__broadcast .date b.wave.type2 .waveItem::before, .stoaGoodsDetail__broadcast .date b.wave.type2 .waveItem::after,
.stoaGoodsDetail__broadcast .date b.wave.type2 .waveItem i {
  background: #FF7D00;
}
.stoaGoodsDetail__broadcast .date b .waveItem {
  display: none;
  gap: 2px;
  align-items: end;
}
.stoaGoodsDetail__broadcast .date b .waveItem::before, .stoaGoodsDetail__broadcast .date b .waveItem::after {
  content: "";
}
.stoaGoodsDetail__broadcast .date b .waveItem::before, .stoaGoodsDetail__broadcast .date b .waveItem::after,
.stoaGoodsDetail__broadcast .date b .waveItem i {
  width: 2px;
  display: block;
}
.stoaGoodsDetail__broadcast .date b .waveItem::before {
  animation: liveAnimate2 1s infinite;
}
.stoaGoodsDetail__broadcast .date b .waveItem::after {
  animation: liveAnimate2 1.5s infinite;
}
.stoaGoodsDetail__broadcast .date b .waveItem i {
  animation: liveAnimate2 1.8s infinite;
}
.stoaGoodsDetail__broadcast .date .liveItem {
  display: flex;
  gap: 2px;
  align-items: end;
}
.stoaGoodsDetail__broadcast .date .liveItem.type2 i {
  width: 10px;
  height: 13px;
  background: url(https://imagecdn.skstoa.com/static/img/ico_liveItem_red.gif) no-repeat center center/10px 13.1px;
}
.stoaGoodsDetail__broadcast .alertBtn {
  display: flex;
  align-items: center;
  gap: 0 2px;
  height: 28px;
  padding: 0 8px;
  font-size: 12px;
  color: #222;
  border: 1px solid #eee;
  border-radius: 28px;
  line-height: 1;
  position: relative;
  z-index: 100;
}
.stoaGoodsDetail__broadcast .alertBtn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Bell_type2_off.svg") no-repeat 0 0/100% auto;
}
.stoaGoodsDetail__broadcast .alertBtn.active::before {
  background-image: url("/static/img/stoaModule/Bell_type2_on.svg");
}
.stoaGoodsDetail__broadcast .alertBtn__tooltip {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  display: flex;
  align-items: center;
  font-size: 11px;
  color: #E62642;
  padding: 0 8px;
  height: 22px;
  border-radius: 22px;
  background: #FCE9EC;
  white-space: nowrap;
  animation: tooltipFadeOut1 0.3s ease 4s forwards;
}
.stoaGoodsDetail__broadcast .alertBtn__tooltip::before {
  content: "";
  display: block;
  border-width: 0 4px 6px 4px;
  border-color: transparent transparent #FCE9EC transparent;
  border-style: solid;
  position: absolute;
  right: 33px;
  bottom: 100%;
}
.stoaGoodsDetail__broadcast .alertBtn__info {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  font-size: 11px;
  color: #E62642;
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 26px;
  border: 1px solid #E62642;
  border-radius: 26px;
  background: #fff;
  white-space: nowrap;
  font-style: normal;
}
.stoaGoodsDetail__broadcast .alertBtn__info::before {
  content: "";
  display: block;
  width: 10px;
  height: 6px;
  background: url("/static/img/stoaModule/topArrow.svg") no-repeat 0 0/100% auto;
  position: absolute;
  bottom: 100%;
  right: 35px;
}
.stoaGoodsDetail__broadcast .linkBtn {
  display: flex;
  align-items: center;
  gap: 0 2px;
  height: 28px;
  padding: 0 8px;
  font-size: 12px;
  color: #222;
  border: 1px solid #eee;
  border-radius: 28px;
  line-height: 1;
}
.stoaGoodsDetail__broadcast .linkBtn::after {
  content: "";
  display: block;
  width: 10px;
  height: 15px;
  background: url("https://imagecdn.skstoa.com/static/img/Chevron_Right2_24@2x.png") no-repeat 0 0/100% auto;
}
.stoaGoodsDetail__broadcast .badge {
  display: flex;
  align-items: center;
  padding: 0 6px;
  height: 20px;
  border-radius: 20px;
  margin: 0 auto 0 6px;
  background: rgba(230, 38, 66, 0.1);
  font-size: 11px;
  color: #E62642;
}
.stoaGoodsDetail__talk {
  display: flex;
  gap: 0 2px;
  border: 1px solid #eee;
  font-size: 12px;
  color: #222;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 130px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  animation: talkAnimate 0.4s 3s forwards;
  z-index: 10;
  background: #fff;
  /* cream_250903_20450 // */
  /*
  &--new{
  	&::after{
  		content: "";
  		display: block;
  		width: 13px;
  		height: 13px;
  		background: url(/static/img/stoaModule/newIco.svg) no-repeat 0 0 / 100% auto;
  		position: absolute;
  		right: -4px;
  		top: -2px;
  	}
  }
  */
  /* // cream_250903_20450 */
}
@keyframes talkAnimate {
  0% {
    width: 130px;
  }
  100% {
    width: 83px;
  }
}
@keyframes txtChange {
  0% {
    content: "궁금한 건 라이브톡";
  }
  100% {
    content: "라이브톡";
  }
}
.stoaGoodsDetail__talk .txt {
  position: relative;
  top: 1px;
}
.stoaGoodsDetail__talk .txt::before {
  content: "궁금한 건 라이브톡";
  animation: txtChange 0s 3s forwards;
}
.stoaGoodsDetail__talk::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url("/static/img/stoaModule/talkIco2.svg") no-repeat center center/15px 15px;
}
.stoaGoodsDetail__brand {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 0;
  margin-top: 15px;
  word-break: keep-all;
}
.stoaGoodsDetail__brand a {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #222;
  line-height: 1;
  margin-right: 8px;
}
.stoaGoodsDetail__brand a:not(:nth-of-type(1))::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #ccc;
  margin-right: 5px;
}
.stoaGoodsDetail__brand a span {
  display: flex;
  align-items: center;
}
.stoaGoodsDetail__brand a span:not(:first-of-type) {
  margin-left: 5px;
}
.stoaGoodsDetail__brand a:last-of-type::after {
  content: "";
  display: block;
  width: 10px;
  height: 15px;
  background: url("https://imagecdn.skstoa.com/static/img/Chevron_Right2_24@2x.png") no-repeat 0 0/100% auto;
  margin-left: 2px;
}
.stoaGoodsDetail__brand .rakingBtn {
  display: flex;
  align-items: center;
  height: 20px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 200px;
  background: #EDF3FF;
  color: #444;
  padding: 0 8px;
}
.stoaGoodsDetail__brand .rakingBtn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/static/img/ico/ico_ranking.svg) no-repeat center center;
  background-size: cover;
  margin-right: 2px;
}
.stoaGoodsDetail__brand .rakingBtn::after {
  content: "";
  display: block;
  width: 10px;
  height: 15px;
  background: url(https://imagecdn.skstoa.com/static/img/Chevron_Right2_24@2x.png) no-repeat 0 0/100% auto;
  margin-left: 3px;
}
.stoaGoodsDetail__favorite {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 114px;
  height: 36px;
  border: 1px solid #ccc;
  gap: 0 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #222;
  border-radius: 36px;
  order: 3;
}
.stoaGoodsDetail__favorite::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("https://imagecdn.skstoa.com/static/img/Heart.svg") no-repeat center center/100% auto;
}
.stoaGoodsDetail__favorite.active::before {
  background-image: url("/static/img/stoaModule/Heart_Fill.svg");
}
.stoaGoodsDetail__title {
  font-size: 18px;
  color: #222;
  line-height: 26px;
  letter-spacing: -0.72px;
  margin-top: 12px;
}
.stoaGoodsDetail__title b {
  color: #E62642;
  font-weight: 700;
}
.stoaGoodsDetail__title .box {
  border: 1px solid #888;
  border-radius: 4px;
  font-size: 11px;
  padding: 2px 5px;
  line-height: 1;
  color: #222;
}
.stoaGoodsDetail__title.type2 {
  font-weight: 500;
  margin-top: 16px;
}
.stoaGoodsDetail__reviewLink {
  display: flex;
  gap: 0 4px;
  align-items: center;
  font-size: 13px;
  line-height: 20px;
  color: #222;
  margin-top: 4px;
}
.stoaGoodsDetail__reviewLink::after {
  content: "";
  display: block;
  width: 7px;
  height: 11px;
  background: url("https://imagecdn.skstoa.com/static/img/Chevron_Right2_24@2x.png") no-repeat 0 0/100% auto;
}
.stoaGoodsDetail__txt {
  font-size: 13px;
  color: #888;
  margin-top: 12px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stoaGoodsDetail__txt + .stoaGoodsDetail__title {
  margin-top: 5px;
}
.stoaGoodsDetail__item {
  display: flex;
  margin-top: 12px;
  gap: 0 8px;
}
.stoaGoodsDetail__item .score {
  display: flex;
  gap: 0 4px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  color: #222;
  line-height: 1;
}
.stoaGoodsDetail__item .score::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url("https://imagecdn.skstoa.com/static/img/star.svg") no-repeat 0 0/100% auto;
}
.stoaGoodsDetail__item .link {
  text-decoration: underline;
  text-underline-position: under;
  color: #888;
  font-size: 12px;
  line-height: 1;
}
.stoaGoodsDetail__price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  flex-wrap: wrap;
  gap: 16px 0;
}
.stoaGoodsDetail__price-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.stoaGoodsDetail__price-btn {
  display: flex;
  gap: 0 16px;
}
.stoaGoodsDetail__price .percent {
  font-size: 21px;
  font-weight: 700;
  color: #E62642;
  margin-right: 8px;
  line-height: 1;
}
.stoaGoodsDetail__price .price {
  color: #222;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
}
.stoaGoodsDetail__price .price b {
  font-size: 21px;
  font-weight: 700;
  margin-right: 2px;
}
.stoaGoodsDetail__price .tooltip {
  display: block;
  width: 14px;
  height: 14px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("https://imagecdn.skstoa.com/static/img/goodsDetailTooltip.svg") no-repeat 0 0/100% auto;
  margin-left: 4px;
  position: static;
  padding: 0;
  z-index: 10;
}
.stoaGoodsDetail__price .discount {
  margin-left: 8px;
  text-decoration: line-through;
  font-size: 15px;
  color: #888;
  line-height: 1;
}
.stoaGoodsDetail__price :is(.share, .favorite) {
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  overflow: hidden;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.stoaGoodsDetail__price .favorite {
  background-image: url("https://imagecdn.skstoa.com/static/img/Heart.svg");
}
.stoaGoodsDetail__price .favorite.active {
  background-image: url("/static/img/stoaModule/Heart_Fill.svg");
}
.stoaGoodsDetail__price .share {
  background-image: url("https://imagecdn.skstoa.com/static/img/Share.svg");
}
.stoaGoodsDetail__price .title {
  font-size: 15px;
  color: #222;
  font-weight: 700;
  margin-right: 8px;
  line-height: 1;
}
.stoaGoodsDetail__price .txt {
  color: #3617CE;
  font-weight: 700;
  margin-left: 4px;
  align-self: end;
}
.stoaGoodsDetail__price .txt2 {
  color: #4377FD;
  font-weight: 700;
  font-size: 14px;
  margin-left: 4px;
  align-self: end;
}
.stoaGoodsDetail__price .txt2::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: sub;
  background: url("/static/img/ico/ico_benefitCalc.gif") no-repeat center center;
  background-size: cover;
  margin: -2px 0px;
  margin-left: 4px;
}
.stoaGoodsDetail__price .sub {
  width: 100%;
  font-size: 13px;
  line-height: 1;
  color: #888;
  margin-top: 8px;
}
.stoaGoodsDetail__price .sub2 {
  width: 100%;
  font-size: 13px;
  line-height: 1;
  color: #888;
  margin-top: 8px;
}
.stoaGoodsDetail__price .sub2 .point {
  vertical-align: bottom;
  font-size: inherit;
  font-weight: 700;
  color: #4377FD;
  padding-right: 0;
}
.stoaGoodsDetail__price .sub2::before {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #DDD;
  margin-right: 3px;
}
.stoaGoodsDetail__price .benefitInfoPanel {
  margin-top: 12px;
}
.stoaGoodsDetail__price .benefitInfoPanel .infoView {
  vertical-align: baseline;
  width: 100%;
  font-size: 13px;
  text-align: left;
  line-height: 1;
  color: #888;
}
.stoaGoodsDetail__price .benefitInfoPanel .infoView::before {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #DDD;
  margin-right: 3px;
}
.stoaGoodsDetail__price .benefitInfoPanel .infoView .point {
  vertical-align: bottom;
  font-size: inherit;
  font-weight: 700;
  color: #4377FD;
  padding-right: 0;
}
.stoaGoodsDetail__price .benefitInfoPanel .infoView i {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: bottom;
  background: url(https://imagecdn.skstoa.com/static/img/Arrow_Arrow_Down.svg) no-repeat center center/100% auto;
  margin-left: 3px;
}
.stoaGoodsDetail__price .benefitInfoPanel .infoItem {
  display: none;
  align-items: center;
  border-top: 1px dashed #DDE3EC;
  margin-top: 10px;
  padding-top: 10px;
}
.stoaGoodsDetail__price .benefitInfoPanel .infoItem .text {
  flex: 1;
  color: #888;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.26px;
}
.stoaGoodsDetail__price .benefitInfoPanel .infoItem .text::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  background: url("/static/img/ico/ico_won.svg") no-repeat center center;
  margin-right: 4px;
}
.stoaGoodsDetail__price .benefitInfoPanel .infoItem .price {
  font-size: 13px;
  color: #888;
}
.stoaGoodsDetail__price .benefitInfoPanel .infoItem .price b {
  font-size: inherit;
  font-weight: 700;
  color: #222;
  margin-right: 1px;
}
.stoaGoodsDetail__price .benefitInfoPanel.open {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #E3EBF8;
  background: #F6F9FE;
  padding: 12px 24px;
}
.stoaGoodsDetail__price .benefitInfoPanel.open .infoView {
  display: block;
}
.stoaGoodsDetail__price .benefitInfoPanel.open .infoView::before {
  content: none;
}
.stoaGoodsDetail__price .benefitInfoPanel.open .infoView i {
  transform: rotate(180deg);
}
.stoaGoodsDetail__price .benefitInfoPanel.open .infoItem {
  display: flex;
}
.stoaGoodsDetail__price .guideItem {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.stoaGoodsDetail__price .guideItem li {
  border-radius: 8px;
  background: #F5F5F5;
  padding: 16px;
  display: grid;
  grid-template: repeat(2, auto)/repeat(2, auto);
  gap: 4px 8px;
  align-items: center;
}
.stoaGoodsDetail__price .guideItem__ico {
  display: block;
  width: 44px;
  height: 44px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
  grid-area: 1/1/3/2;
}
.stoaGoodsDetail__price .guideItem__ico.type1 {
  background-image: url("/static/img/stoaModule/counsel_ico_1.svg");
}
.stoaGoodsDetail__price .guideItem__ico.type2 {
  background-image: url("/static/img/stoaModule/counsel_ico_2.svg");
}
.stoaGoodsDetail__price .guideItem__title {
  display: flex;
  align-items: normal;
  gap: 0 4px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  grid-row: 1/2;
  line-height: 1;
}
.stoaGoodsDetail__price .guideItem__title-ico {
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Information--filled.svg") no-repeat 0 0/100% auto;
}
.stoaGoodsDetail__price .guideItem__txt {
  grid-row: 2/3;
  font-size: 13px;
  color: #888;
  line-height: 20px;
}
.stoaGoodsDetail__price-disc {
  color: #888;
  font-weight: 400;
}
.stoaGoodsDetail__price-disc .price {
  color: inherit;
  font-size: 17px;
  font-weight: inherit;
  line-height: 28px;
}
.stoaGoodsDetail__price-disc .price b {
  font-size: inherit;
  font-weight: inherit;
  margin-right: 0;
}
.stoaGoodsDetail__price-disc .discount {
  color: inherit;
  font-size: 14px;
  font-weight: inherit;
  line-height: 28px;
}
.stoaGoodsDetail__price-disc ~ .stoaGoodsDetail__price-item {
  margin-top: -8px;
}
.stoaGoodsDetail__coupon {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1;
}
.stoaGoodsDetail__coupon::before, .stoaGoodsDetail__coupon::after {
  content: "";
  display: block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.stoaGoodsDetail__coupon.type1 {
  color: #E62642;
  gap: 0 4px;
}
.stoaGoodsDetail__coupon.type1::before {
  width: 18px;
  height: 18px;
  background-image: url("/static/img/stoaModule/Coupon_Fill.svg");
}
.stoaGoodsDetail__coupon.type1::after {
  width: 20px;
  height: 20px;
  background-image: url("/static/img/ico_download_red.svg");
}
.stoaGoodsDetail__coupon.type2 {
  height: 42px;
  background: #3617CE;
  border-radius: 4px;
  color: #fff;
  justify-content: center;
}
.stoaGoodsDetail__coupon.type2::before {
  width: 20px;
  height: 14px;
  background-image: url("/static/img/ico_coupon.svg");
  margin-right: 8px;
}
.stoaGoodsDetail__coupon.type2::after {
  width: 20px;
  height: 20px;
  background-image: url("/static/img/stoaModule/Arrow_Download.svg");
  margin-left: 4px;
}
.stoaGoodsDetail__coupon.type2[disabled] {
  background: #aaaaaa;
}
.stoaGoodsDetail__coupon.type2[disabled]::after {
  display: none;
}
.stoaGoodsDetail__benefitCalc {
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.3px;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #8DB9FF;
  color: #222;
  background: var(--Linear, linear-gradient(91deg, #F1F7FF 24.76%, #F4FDF4 117.24%));
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  margin-top: 24px;
  padding: 7px;
}
.stoaGoodsDetail__benefitCalc.type1::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: sub;
  background: url("/static/img/ico/ico_benefitCalc.gif") no-repeat center center;
  background-size: cover;
  margin: -4px 0;
  margin-right: 5px;
}
.stoaGoodsDetail__benefitCalc.type1::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  transform: rotate(45deg);
}
.stoaGoodsDetail__benefitCalc.type2 i {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 36px;
  height: 14px;
  text-indent: -9999px;
  display: inline-table;
  background: url("/static/img/ico/ico_loading.gif") no-repeat center center/36px 14px;
  margin-left: 4px;
}
.stoaGoodsDetail__member {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  margin-top: 24px;
  padding: 24px 24px 0;
  border-radius: 8px;
  border: 1px solid #888;
}
.stoaGoodsDetail__member .priceItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.stoaGoodsDetail__member .priceItem .title {
  font-size: 15px;
  color: #222;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1;
  margin-right: auto;
}
.stoaGoodsDetail__member .priceItem .title--tooltip {
  display: flex;
  gap: 0 3px;
}
.stoaGoodsDetail__member .priceItem .title--tooltip::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsDetailTooltip.svg") no-repeat 0 0/100% auto;
}
.stoaGoodsDetail__member .priceItem .price {
  color: #E62642;
  font-size: 15px;
  letter-spacing: -0.04em;
  font-weight: 500;
  line-height: 1;
  word-break: keep-all;
}
.stoaGoodsDetail__member .priceItem .price b {
  font-weight: 700;
  font-size: 19px;
}
.stoaGoodsDetail__member .priceItem .txt {
  color: #222;
  font-size: 15px;
  font-weight: 500;
}
.stoaGoodsDetail__member .priceItem .txt b {
  font-size: 17px;
}
.stoaGoodsDetail__member .priceItem:is(.priceSecret, .priceMember, .priceVvip, .priceVip, .priceGold, .priceSilver, .priceFamily)::before {
  content: "";
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-right: 2px;
}
.stoaGoodsDetail__member .priceItem.priceSecret::before {
  width: 20px;
  height: 20px;
  background-image: url("/static/img/stoaModule/goodsDetailPriceIco1.svg");
}
.stoaGoodsDetail__member .priceItem.priceMember:not(.priceVvip, .priceVip, .priceGold, .priceSilver, .priceFamily)::before {
  width: 24px;
  height: 24px;
  background-image: url("/static/img/stoaModule/goodsDetailPriceIco2.svg");
}
.stoaGoodsDetail__member .priceItem.priceVvip:not(.priceMember)::before {
  width: 33px;
  height: 16px;
  background-image: url("https://imagecdn.skstoa.com/static/img/goodsDetailPriceIco3.png");
  margin-right: 6px;
}
.stoaGoodsDetail__member .priceItem.priceVip:not(.priceMember)::before {
  width: 27px;
  height: 16px;
  background-image: url("/static/img/stoaModule/goodsDetailPriceIco4.png");
  margin-right: 6px;
}
.stoaGoodsDetail__member .priceItem.priceGold:not(.priceMember)::before {
  width: 35px;
  height: 16px;
  background-image: url("/static/img/stoaModule/goodsDetailPriceIco5.png");
  margin-right: 6px;
}
.stoaGoodsDetail__member .priceItem.priceSilver:not(.priceMember)::before {
  width: 41px;
  height: 16px;
  background-image: url("/static/img/stoaModule/goodsDetailPriceIco6.png");
  margin-right: 6px;
}
.stoaGoodsDetail__member .priceItem.priceFamily:not(.priceMember)::before {
  width: 42px;
  height: 16px;
  background-image: url("/static/img/stoaModule/goodsDetailPriceIco7.png");
  margin-right: 6px;
}
.stoaGoodsDetail__member .priceItem.priceMember:is(.priceVvip, .priceVip, .priceGold, .priceSilver, .priceFamily)::before {
  width: 24px;
  height: 24px;
  background-image: url("/static/img/stoaModule/goodsDetailPriceIco2.svg");
  order: 1;
}
.stoaGoodsDetail__member .priceItem.priceMember:is(.priceVvip, .priceVip, .priceGold, .priceSilver, .priceFamily) .title {
  order: 3;
  margin-left: 6px;
}
.stoaGoodsDetail__member .priceItem.priceMember:is(.priceVvip, .priceVip, .priceGold, .priceSilver, .priceFamily) .price {
  order: 4;
}
.stoaGoodsDetail__member .priceItem.priceVvip.priceMember::after {
  content: "";
  display: block;
  width: 33px;
  height: 16px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsDetailPriceIco3.png") no-repeat 0 0/100% auto;
  order: 2;
}
.stoaGoodsDetail__member .priceItem.priceVip.priceMember::after {
  content: "";
  display: block;
  width: 27px;
  height: 16px;
  background: url("/static/img/stoaModule/goodsDetailPriceIco4.png") no-repeat 0 0/100% auto;
  order: 2;
}
.stoaGoodsDetail__member .priceItem.priceGold.priceMember::after {
  content: "";
  display: block;
  width: 35px;
  height: 16px;
  background: url("/static/img/stoaModule/goodsDetailPriceIco5.png") no-repeat 0 0/100% auto;
  order: 2;
}
.stoaGoodsDetail__member .priceItem.priceSilver.priceMember::after {
  content: "";
  display: block;
  width: 41px;
  height: 16px;
  background: url("/static/img/stoaModule/goodsDetailPriceIco6.png") no-repeat 0 0/100% auto;
  order: 2;
}
.stoaGoodsDetail__member .priceItem.priceFamily.priceMember::after {
  content: "";
  display: block;
  width: 42px;
  height: 16px;
  background: url("/static/img/stoaModule/goodsDetailPriceIco7.png") no-repeat 0 0/100% auto;
  order: 2;
}
.stoaGoodsDetail__member .priceItem .ico_money {
  display: inline-block;
  vertical-align: -2px;
  width: 15px;
  height: 15px;
  font-size: 0;
  color: transparent;
  overflow: hidden;
  background: url("/static/img/ico/ico_money.svg") no-repeat center center/22px 20px;
  background-size: cover;
  margin-right: 2px;
}
.stoaGoodsDetail__member .list {
  display: none;
  flex-direction: column;
  gap: 4.7px 0;
}
.stoaGoodsDetail__member .list.active {
  display: flex;
}
.stoaGoodsDetail__member .list li {
  display: grid;
  grid-template-columns: 7px auto auto;
  align-items: center;
  line-height: 19px;
  /*
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  */
  gap: 8px 4px;
}
.stoaGoodsDetail__member .list li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #ddd;
  position: relative;
  top: 0px;
}
.stoaGoodsDetail__member .list li.noList {
  display: flex;
  padding: 0 0 0 12px;
  justify-content: space-between;
}
.stoaGoodsDetail__member .list li.noList::before {
  display: none;
}
.stoaGoodsDetail__member .list li p {
  font-size: 13px;
  color: #888;
  grid-area: 2/2/3/3;
}
.stoaGoodsDetail__member .list li span {
  font-size: 13px;
  color: #888;
}
.stoaGoodsDetail__member .list li span a {
  color: #888;
}
.stoaGoodsDetail__member .list li span:nth-last-child(1) {
  margin-left: auto;
}
.stoaGoodsDetail__member .list li span.ownCard::after {
  content: "보유카드";
  display: inline-block;
  height: 12px;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 400;
  line-height: normal;
  background: #F1F7FF;
  color: #4377FD;
  padding: 3px 4px 4px 4px;
  margin-left: 4px;
  margin: -2px 0 -2px 4px;
}
.stoaGoodsDetail__member .list li span.recentPay::after {
  content: "최근결제";
  display: inline-block;
  height: 12px;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 400;
  line-height: normal;
  background: #F4F1FF;
  color: #B453FE;
  padding: 3px 4px 4px 4px;
  margin-left: 4px;
  margin: -2px 0 -2px 4px;
}
.stoaGoodsDetail__member .list li span.ownCardRow .btnNewPop, .stoaGoodsDetail__member .list li span.recentPayRow .btnNewPop {
  display: inline;
}
.stoaGoodsDetail__member .list li span.ownCardRow .btnNewPop::after, .stoaGoodsDetail__member .list li span.recentPayRow .btnNewPop::after {
  position: relative;
  top: 3px;
  display: inline-block;
  margin-left: 4px;
}
.stoaGoodsDetail__member .list li span.ownCardRow .ownCard, .stoaGoodsDetail__member .list li span.ownCardRow .recentPay, .stoaGoodsDetail__member .list li span.recentPayRow .ownCard, .stoaGoodsDetail__member .list li span.recentPayRow .recentPay {
  display: inline-block;
}
.stoaGoodsDetail__member .list li a.btnNewPop {
  display: flex;
  align-items: center;
  gap: 0 4px;
  font-size: 13px;
  color: #888;
  text-align: left;
  line-height: inherit;
  word-break: keep-all;
}
.stoaGoodsDetail__member .list li a.btnNewPop::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsDetailTooltip.svg") no-repeat 0 0/100% auto;
}
.stoaGoodsDetail__member .list li button {
  display: flex;
  align-items: center;
  gap: 0 4px;
  font-size: 13px;
  color: #888;
  text-align: left;
  line-height: inherit;
  word-break: keep-all;
}
.stoaGoodsDetail__member .list li button::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsDetailTooltip.svg") no-repeat 0 0/100% auto;
}
:is(.stoaGoodsDetail__member .list li button.tMember, .stoaGoodsDetail__member .list li button.woojupass)::before {
  content: "";
  display: block;
  height: 12px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
}
.stoaGoodsDetail__member .list li button.tMember::before {
  width: 12px;
  background-image: url("https://imagecdn.skstoa.com/static/img/T_membership.png");
}
.stoaGoodsDetail__member .list li button.woojupass::before {
  width: 37px;
  background-image: url("https://imagecdn.skstoa.com/static/img/uzu.png");
}
.stoaGoodsDetail__member .list li button:nth-child(2) {
  margin-left: auto;
}
.stoaGoodsDetail__member .list li button.applyReq {
  pointer-events: none;
  display: block;
}
.stoaGoodsDetail__member .list li button.applyReq::after {
  content: unset;
}
.stoaGoodsDetail__member .list li button.applyReq em.btn {
  display: inline-block;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 400;
  line-height: normal;
  background: #FFFFFF;
  border: 1px solid #E0E5FF;
  color: #87A9FF;
  padding: 1px 3px 1px;
  margin-left: 4px;
  margin: -2px 0 -2px 4px;
  vertical-align: middle;
}
.stoaGoodsDetail__member .list li a.cardAdder {
  color: #222;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  text-decoration: underline;
  text-align: right;
}
.stoaGoodsDetail__member .list li:has(.banner) {
  gap: 0;
  grid-template-columns: auto;
}
.stoaGoodsDetail__member .list li:has(.banner)::before {
  content: none;
}
.stoaGoodsDetail__member .coupon {
  display: flex;
  align-items: center;
  height: 36px;
  border: 1px solid #E62642;
  border-radius: 4px;
  font-size: 13px;
  color: #E62642;
  padding: 0 0 0 10px;
}
.stoaGoodsDetail__member .coupon::before, .stoaGoodsDetail__member .coupon::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.stoaGoodsDetail__member .coupon::before {
  width: 18px;
  height: 18px;
  background-image: url("/static/img/stoaModule/Coupon_Fill.svg");
  margin-right: 4px;
}
.stoaGoodsDetail__member .coupon::after {
  height: 100%;
  margin-left: auto;
  width: 38px;
  background: url("/static/img/stoaModule/Arrow_Download.svg") no-repeat center center/18px auto #E62642;
}
.stoaGoodsDetail__member .coupon[disabled] {
  color: #aaaaaa;
  border-color: #ccc;
}
.stoaGoodsDetail__member .coupon[disabled]::before {
  background-image: url("/static/img/stoaModule/Coupon_Fill2.svg");
}
.stoaGoodsDetail__member .coupon[disabled]::after {
  background-color: #ccc;
}
.stoaGoodsDetail__member .moreView {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  height: 40px;
  border-top: 1px solid #eee;
  font-size: 13px;
  color: #888;
  line-height: 1;
}
.stoaGoodsDetail__member .moreView::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("https://imagecdn.skstoa.com/static/img/Arrow_Arrow_Down.svg") no-repeat center center/100% auto;
}
.stoaGoodsDetail__member .moreView.active::after {
  transform: rotate(180deg);
}
.stoaGoodsDetail__list {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
.stoaGoodsDetail__list li {
  display: grid;
  grid-template-columns: 20px auto;
  align-items: normal;
}
.stoaGoodsDetail__list li:has(.deliveryItem, .txt) {
  gap: 8px 10px;
}
.stoaGoodsDetail__list li:not(:has(.deliveryItem, .txt)) {
  gap: 18px 10px;
}
.stoaGoodsDetail__list li::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: relative;
  top: -1px;
}
.stoaGoodsDetail__list li.delivery::before {
  background-image: url("https://imagecdn.skstoa.com/static/img/Truck.svg");
}
.stoaGoodsDetail__list li.card::before {
  background-image: url("https://imagecdn.skstoa.com/static/img/Card.svg");
}
.stoaGoodsDetail__list li.gift::before {
  background-image: url("/static/img/stoaModule/Gift_2.svg");
}
.stoaGoodsDetail__list li.event::before {
  background-image: url("https://imagecdn.skstoa.com/static/img/flag.svg");
}
.stoaGoodsDetail__list li .deliveryItem {
  width: 100%;
  background: #FFF6F6;
  grid-column: 1/span 2;
  padding: 16px;
  border-radius: 8px;
  gap: 2px 8px;
  display: none;
  grid-template: repeat(2, auto)/38px auto;
}
.stoaGoodsDetail__list li .deliveryItem::before {
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  grid-area: 1/1/3/2;
}
.stoaGoodsDetail__list li .deliveryItem.type1::before {
  background-image: url("/static/img/stoaModule/Truck.png");
}
.stoaGoodsDetail__list li .deliveryItem.type2::before {
  background-image: url("/static/img/stoaModule/Truck_fill.png");
}
.stoaGoodsDetail__list li .deliveryItem.type2 .txt {
  color: #E62642;
}
.stoaGoodsDetail__list li .deliveryItem.type3 {
  background: transparent;
  flex-direction: column;
  align-items: start;
  grid-column: 2/span 1;
  padding: 0;
  gap: 8px 0;
}
.stoaGoodsDetail__list li .deliveryItem.type3.active {
  display: flex;
}
.stoaGoodsDetail__list li .deliveryItem.type3::before {
  display: none;
}
.stoaGoodsDetail__list li .deliveryItem.type4 {
  background: #F5F5F5;
  border-radius: 0;
  flex-direction: column;
}
.stoaGoodsDetail__list li .deliveryItem.type4.active {
  display: flex;
}
.stoaGoodsDetail__list li .deliveryItem.type4::before {
  display: none;
}
.stoaGoodsDetail__list li .deliveryItem.type4 .title {
  font-size: 13px;
}
.stoaGoodsDetail__list li .deliveryItem.type4 .txt {
  font-size: 12px;
}
.stoaGoodsDetail__list li .deliveryItem .title {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #222;
  font-weight: 500;
  gap: 0 4px;
}
.stoaGoodsDetail__list li .deliveryItem .title[type=button]::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsDetailTooltip.svg") no-repeat 0 0/100% auto;
  position: relative;
  top: 1px;
}
.stoaGoodsDetail__list li .deliveryItem .txt {
  font-size: 13px;
  color: #222;
  font-weight: 400;
  line-height: 1.5;
}
.stoaGoodsDetail__list li .deliveryItem.active {
  display: grid;
}
.stoaGoodsDetail__list li .tooltipTitle {
  display: flex;
  align-items: center;
  gap: 0 4px;
  font-size: 13px;
  font-weight: 400;
  color: #222;
  grid-column: 2/3;
}
.stoaGoodsDetail__list li .tooltipTitle::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: relative;
  background-image: url("/static/img/stoaModule/goodsDetailTooltip2.svg");
}
.stoaGoodsDetail__list li .linkBtn {
  display: flex;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 0 12px;
  height: 27px;
  font-size: 12px;
  color: #222;
  gap: 0 2px;
  grid-column: 2/3;
  justify-self: start;
}
.stoaGoodsDetail__list li .linkBtn::after {
  content: "";
  display: block;
  width: 10px;
  height: 15px;
  background: url("https://imagecdn.skstoa.com/static/img/Chevron_Right2_24@2x.png") no-repeat 0 0/100% auto;
}
.stoaGoodsDetail__list li :is(.opener, .link, .txt) {
  font-size: 13px;
  color: #222;
  font-weight: 500;
  display: flex;
  align-items: center;
  line-height: 1;
}
.stoaGoodsDetail__list li .opener {
  flex-wrap: wrap;
  gap: 8px 0;
}
.stoaGoodsDetail__list li .opener i {
  display: flex;
  align-items: center;
  font-style: normal;
  gap: 0 6px;
  margin-right: 6px;
  order: 0;
}
.stoaGoodsDetail__list li .opener i::after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #ccc;
}
.stoaGoodsDetail__list li .opener sub {
  font-size: inherit;
  color: #888;
  line-height: inherit;
  bottom: 0;
  margin-left: 5px;
  order: 3;
}
.stoaGoodsDetail__list li .opener span {
  width: 100%;
  font-size: 13px;
  color: #222;
  font-weight: 400;
  order: 5;
  text-align: left;
}
.stoaGoodsDetail__list li .opener::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("/static/img/stoaModule/Arrow_Arrow_Circle_Down_24.svg") no-repeat 0 0/100% auto;
  margin-left: 4px;
  order: 4;
  position: relative;
  top: 1px;
}
.stoaGoodsDetail__list li .opener.active::after {
  transform: rotate(180deg);
}
.stoaGoodsDetail__list li .link {
  grid-column-start: 2;
  flex-wrap: wrap;
  gap: 8px 0;
}
.stoaGoodsDetail__list li .link::after {
  content: "";
  display: block;
  width: 10px;
  height: 15px;
  background: url("https://imagecdn.skstoa.com/static/img/Chevron_Right2_24@2x.png") no-repeat center center/100% auto;
  margin-left: 2px;
  order: 2;
}
.stoaGoodsDetail__list li .link .sub {
  width: 100%;
  font-size: 13px;
  color: #888;
  order: 3;
}
.stoaGoodsDetail__list li .txt {
  grid-column-start: 2;
  flex-wrap: wrap;
  gap: 8px 0;
}
.stoaGoodsDetail__list li .txt img {
  width: 25px;
  height: 25px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 8px;
}
.stoaGoodsDetail__list li .txt i {
  display: flex;
  align-items: center;
  font-style: normal;
  gap: 0 6px;
  margin-right: 6px;
  order: 0;
}
.stoaGoodsDetail__list li .txt i::after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #ccc;
}
.stoaGoodsDetail__list li .txt span {
  width: 100%;
  font-size: 13px;
  color: #222;
  font-weight: 400;
  order: 5;
  text-align: left;
}
.stoaGoodsDetail__list li .txt sub {
  font-size: inherit;
  color: #888;
  line-height: inherit;
  bottom: 0;
  margin-left: 5px;
  order: 3;
}
.stoaGoodsDetail__list li .txt .subText {
  display: inline-block;
  color: #888;
  margin-left: 5px;
  width: auto;
}
.stoaGoodsDetail__live[data-slider] {
  position: relative;
  padding: 0 0 16px;
}
.stoaGoodsDetail__live[data-slider]::before {
  content: "";
  display: block;
  width: calc(100% - 30px);
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.stoaGoodsDetail__live[data-slider] .swiper-slide a {
  padding: 16px 32px;
  position: relative;
  display: grid;
  grid-template: repeat(3, auto)/64px auto;
  gap: 0 16px;
}
.stoaGoodsDetail__live[data-slider] .thumbnail {
  grid-area: 1/1/4/2;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
}
.stoaGoodsDetail__live[data-slider] .thumbnail img {
  width: 62px;
  height: 62px;
  object-fit: cover;
  border-radius: 100%;
  margin-top: 0;
}
.stoaGoodsDetail__live[data-slider] .liveNow .thumbnail {
  border-color: #E62642;
}
.stoaGoodsDetail__live[data-slider] .liveNow .thumbnail::before {
  content: "LIVE";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  font-weight: 900;
  color: #fff;
  background: #E62642;
  width: 36px;
  padding: 4px 0;
  border-radius: 15px;
  line-height: 1;
  font-size: 10px;
}
.stoaGoodsDetail__live[data-slider] :is(.title, .txt, .sub) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}
.stoaGoodsDetail__live[data-slider] .title {
  font-size: 14px;
  color: #000;
}
.stoaGoodsDetail__live[data-slider] .txt {
  font-size: 14px;
  margin-top: 4px;
  line-height: 20px;
  color: #222;
}
.stoaGoodsDetail__live[data-slider] .sub {
  font-size: 13px;
  margin-top: 2px;
  line-height: 18px;
  color: #888;
}
.stoaGoodsDetail__live[data-slider] i {
  font-style: normal;
}
.stoaGoodsDetail__live[data-slider] .paging {
  position: static;
  transform: none;
  justify-content: center;
  gap: 0 6px;
}
.stoaGoodsDetail__live[data-slider] .paging__item {
  width: 6px;
  height: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  transition: all 0.4s;
}
.stoaGoodsDetail__live[data-slider] .paging__item.active {
  background: #000;
  border-color: #000;
}
.stoaGoodsDetail__wrapper {
  padding: 0 15px;
  margin-top: 24px;
}
.stoaGoodsDetail__banner[data-slider] {
  position: relative;
}
.stoaGoodsDetail__banner[data-slider] .paging {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 18px;
  background: rgba(0, 0, 0, 0.38);
  position: absolute;
  left: auto;
  transform: none;
  top: auto;
  right: 0;
  bottom: 0;
  font-size: 11px;
  color: #aaaaaa;
  gap: 0;
}
.stoaGoodsDetail__banner[data-slider] .paging .swiper-pagination-current {
  color: #fff;
}
.stoaGoodsDetail__recommand {
  display: flex;
  align-items: start;
  position: relative;
  color: #444;
  text-align: left;
  padding: 8px 10px;
  border-radius: 8px;
  background: #FAFAFA;
  margin-bottom: 14px;
}
.stoaGoodsDetail__recommand::before, .stoaGoodsDetail__recommand::after {
  content: "";
  display: block;
  flex-shrink: 0;
  position: relative;
}
.stoaGoodsDetail__recommand::before {
  width: 24px;
  height: 24px;
  background: url("/static/img/stoaModule/goodsDetailIco.png") no-repeat center center/100% auto;
  margin-right: 6px;
  top: 2px;
}
.stoaGoodsDetail__recommand::after {
  width: 16px;
  height: 16px;
  background: url("https://imagecdn.skstoa.com/static/img/Arrow_Arrow_Down.svg") no-repeat 0 0/100% auto;
  margin-left: 13px;
  top: 4px;
}
.stoaGoodsDetail__recommand .tooltip {
  display: flex;
  padding: 0 10px;
  height: 24px;
  align-items: center;
  justify-content: center;
  background: #444;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: -34px;
  font-size: 10px;
  color: #fff;
  line-height: 1;
  font-style: normal;
}
.stoaGoodsDetail__recommand .tooltip::after {
  content: "";
  display: block;
  width: 12px;
  height: 9px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' fill='none'%3E%3Cpath fill='%23444' d='M4.208 5.97a1 1 0 0 0 1.584 0l3.165-4.11A1 1 0 0 0 8.164.25H1.836a1 1 0 0 0-.793 1.61l3.165 4.11Z'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
  position: absolute;
  left: 13px;
  top: calc(100% - 2px);
}
.stoaGoodsDetail__recommand span {
  flex: 1;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  align-items: start;
  gap: 7px 0;
  font-size: 13px;
  line-height: 20px;
  align-self: start;
  position: relative;
  top: 2px;
}
.stoaGoodsDetail__recommand span i {
  font-style: normal;
  font-size: 12px;
  color: #888;
  line-height: 18px;
}
.stoaGoodsDetail__recommand.active {
  padding: 8px 10px 16px;
}
.stoaGoodsDetail__recommand.active::after {
  transform: rotate(180deg);
}
.stoaGoodsDetail__recommand.active span {
  display: flex;
  white-space: normal;
}
.stoaGoodsDetail__ai {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px 0;
  padding: 0 15px;
  margin-bottom: 24px;
  margin-top: 16px;
}
.stoaGoodsDetail__ai .title {
  display: flex;
  font-size: 14px;
  color: #000;
  font-weight: 700;
  align-items: center;
  letter-spacing: -0.04em;
}
.stoaGoodsDetail__ai .title::before, .stoaGoodsDetail__ai .title::after {
  content: "";
  display: block;
}
.stoaGoodsDetail__ai .title::before {
  width: 14px;
  height: 10px;
  background: url("/static/img/stoaModule/aiLogoIco2.svg") no-repeat center center/100% auto;
  image-rendering: auto;
  margin-right: 2px;
}
.stoaGoodsDetail__ai .title::after {
  width: 14px;
  height: 14px;
  background: url("/static/img/stoaModule/goodsDetailTooltip2.svg") no-repeat 0 0/100% auto;
  margin-left: 4px;
}
.stoaGoodsDetail__ai .list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.stoaGoodsDetail__ai .list__item {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.stoaGoodsDetail__ai .list__item li:not([class*=__btn]) {
  display: flex;
  align-items: start;
  gap: 0 8px;
  font-size: 15px;
  color: #444;
  line-height: 20px;
}
.stoaGoodsDetail__ai .list__item li:not([class*=__btn])::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/checkIco2.svg") no-repeat 0 0/100% auto;
  flex-shrink: 0;
  position: relative;
  top: 1px;
}
.stoaGoodsDetail__ai .list__item li:not([class*=__btn]):nth-child(n+4) {
  display: none;
}
.stoaGoodsDetail__ai .list__item li:not([class*=__btn]) b {
  font-weight: 700;
}
.stoaGoodsDetail__ai .list__item.active li:nth-child(n+4):not([class*=__btn]) {
  display: flex !important;
}
.stoaGoodsDetail__ai .list__btn {
  display: flex;
  justify-content: center;
  position: relative;
}
.stoaGoodsDetail__ai .list__btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.13);
}
.stoaGoodsDetail__ai .list__btn span {
  display: flex;
  height: 30px;
  align-items: center;
  gap: 0 6px;
  padding: 0 16px;
  border-radius: 30px;
  border: 1px solid #dfdfdf;
  background: #fff;
  color: #666;
  z-index: 2;
}
.stoaGoodsDetail__ai .list__btn span::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat 0 0/100% auto;
}
.stoaGoodsDetail__ai .list__btn.active span::after {
  transform: rotate(180deg);
}
.stoaGoodsDetail__experienceGroup {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  margin-top: 16px;
}
.stoaGoodsDetail__experienceGroup .info {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px;
}
.stoaGoodsDetail__experienceGroup .info__top {
  display: flex;
  justify-content: space-between;
}
.stoaGoodsDetail__experienceGroup .info__top .date {
  font-size: 13px;
  color: #F47725;
  line-height: 20px;
}
.stoaGoodsDetail__experienceGroup .info__top .step {
  font-size: 13px;
  color: #222;
  line-height: 20px;
}
.stoaGoodsDetail__experienceGroup .info__gauge {
  margin-top: 8px;
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background: #eee;
  overflow: hidden;
}
.stoaGoodsDetail__experienceGroup .info__gauge .gauge {
  height: 100%;
  background: #F47725;
}
.stoaGoodsDetail__experienceGroup .info__cont {
  display: flex;
  gap: 0 12px;
  margin-top: 16px;
  background: #FAFAFA;
}
.stoaGoodsDetail__experienceGroup .info__cont li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  flex: 1;
  position: relative;
  font-size: 13px;
  color: #222;
}
.stoaGoodsDetail__experienceGroup .info__cont li:not(:nth-last-of-type(1))::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #ddd;
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translate3d(0, -50%, 0);
}
.stoaGoodsDetail__experienceGroup .info__list {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  margin-top: 16px;
}
.stoaGoodsDetail__experienceGroup .info__list dl {
  display: flex;
  align-items: center;
}
.stoaGoodsDetail__experienceGroup .info__list dt {
  width: 84px;
  font-size: 13px;
  color: #888;
  line-height: 20px;
}
.stoaGoodsDetail__experienceGroup .info__list dd {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 20px;
}
.stoaGoodsDetail__experienceGroup .guide {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  background: #F5F5F5;
  border-radius: 8px;
  padding: 24px 16px;
}
.stoaGoodsDetail__experienceGroup .guide__list {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  overflow: hidden;
}
.stoaGoodsDetail__experienceGroup .guide__list li {
  display: grid;
  grid-template: repeat(2, auto)/40px auto;
  gap: 0 12px;
  align-items: center;
}
.stoaGoodsDetail__experienceGroup .guide__step {
  grid-area: 1/1/3/2;
  position: relative;
}
.stoaGoodsDetail__experienceGroup .guide__list li:not(:first-child) .guide__step::before {
  content: "";
  display: block;
  width: 1px;
  height: 65px;
  background: repeating-linear-gradient(transparent, transparent 2px, #F47725 4px, #F47725 6px);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate3d(-50%, 0, 0);
}

.stoaGoodsDetail__experienceGroup .guide__step img {
  position: relative;
  z-index: 10;
}
.stoaGoodsDetail__experienceGroup .guide__title {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 20px;
}
.stoaGoodsDetail__experienceGroup .guide__txt {
  font-size: 13px;
  color: #888;
  line-height: 20px;
}
.stoaGoodsDetail__experienceGroup .guide__tip {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
.stoaGoodsDetail__experienceGroup .guide__tipTitle {
  font-size: 16px;
  font-weight: 700;
  color: #F47725;
}
.stoaGoodsDetail__experienceGroup .guide__tipList {
  display: flex;
  gap: 0 32px;
}
.stoaGoodsDetail__experienceGroup .guide__tipList dl {
  flex: 1;
  position: relative;
}
.stoaGoodsDetail__experienceGroup .guide__tipList dl:not(:last-child)::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #ddd;
  position: absolute;
  top: 50%;
  right: -16px;
  transform: translate3d(0, -50%, 0);
}
.stoaGoodsDetail__experienceGroup .guide__tipList dt {
  font-size: 13px;
  color: #222;
  font-weight: 500;
  line-height: 20px;
}
.stoaGoodsDetail__experienceGroup .guide__tipList dd {
  font-size: 13px;
  color: #888;
  line-height: 20px;
}
.stoaGoodsDetail__experienceGroup .guide__tipList dd .up {
  margin-top: 8px;
  display: flex;
  width: 93px;
  height: 28px;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 4px;
  font-size: 13px;
  color: #222;
  line-height: 1;
  font-weight: 500;
  gap: 0 4px;
}
.stoaGoodsDetail__experienceGroup .guide__tipList dd .up::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsReviewRecommand.svg") no-repeat center center/100% auto;
  position: relative;
}
.stoaGoodsDetail__experienceGroup .guide__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  background-color: #444;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
}
.stoaGoodsDetail__experienceGroup .guide__btn::after {
  content: "";
  display: block;
  width: 7px;
  height: 11px;
  background: url("/static/img/stoaModule/whiteArrow.svg") no-repeat center center/100% auto;
}
.stoaGoodsDetail__relatedBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  font-size: 12px;
  font-weight: 500;
  color: #444;
  background-color: #F4F7FE;
}
.stoaGoodsDetail__relatedBtn::after {
  content: "";
  width: 12px;
  height: 12px;
  background: url(https://imagecdn.skstoa.com/static/img/Arrow_Arrow_Down.svg) no-repeat 0 0/100% auto;
  transform: rotate(-90deg);
  top: 4px;
  margin-left: 4px;
}
.stoaGoodsDetail__relatedBtn .relatedBtn__img {
  position: relative;
  width: max-content;
  padding-right: 12px;
  margin-right: 6px;
}
.stoaGoodsDetail__relatedBtn .relatedBtn__img img {
  width: 24px;
  height: 24px;
  margin-left: -10px;
  border: 1.5px solid #fff;
  border-radius: 50px;
}
.stoaGoodsDetail__relatedBtn .relatedBtn__img img:first-child {
  margin-left: 0px;
}
.stoaGoodsDetail__relatedBtn .relatedBtn__img .aiBadge {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 200px;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, rgb(79, 134, 254), rgb(105, 88, 251)) border-box;
  border: 1px solid transparent;
  font-size: 0;
}
.stoaGoodsDetail__relatedBtn .relatedBtn__img .aiBadge::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: url("/static/img/stoaModule/aiLogoIco4.svg") no-repeat 0 0/8px auto;
}
.stoaGoodsDetail__relatedBtn .relatedBtn__img .tooltip {
  position: absolute;
  top: -30px;
  left: calc(50% - 6px);
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  width: max-content;
  font-size: 11px;
  font-weight: 400;
  color: #fff;
  background-color: #3869FF;
  border-radius: 4px;
  padding: 4px 10px;
  animation: tooltipFadeOut1 0.3s ease 4s forwards;
}
.stoaGoodsDetail__relatedBtn .relatedBtn__img .tooltip::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 11px;
  vertical-align: sub;
  background: url(/static/img/ico/ico_benefit.svg) no-repeat center center;
  background-size: cover;
  margin: 0 4px 0 0;
}
.stoaGoodsDetail__relatedBtn .relatedBtn__img .tooltip::after {
  content: "";
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 10px;
  height: 8px;
  background: url("/static/img/stoaModule/bottomArrow.svg") no-repeat 0 0/100% auto;
}

/* //cream_250904_20064 */
/********** // (e) stoa goods detail **********/
/********** stoa goods deal **********/
.stoaGoodsDeal {
  width: 100%;
  z-index: 600;
  overflow: clip;
  display: none;
}
.stoaGoodsDeal::after {
  content: "";
  display: block;
  width: 100%;
  height: calc(100vh - 51px);
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
.stoaGoodsDeal.active {
  overflow: visible;
}
.stoaGoodsDeal.active::after {
  visibility: visible;
  opacity: 1;
}
.stoaGoodsDeal.view {
  top: 0;
  z-index: 9999;
}
.stoaGoodsDeal.on {
  display: block;
}
.stoaGoodsDeal__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  background-color: #fff;
}
.stoaGoodsDeal__title {
  display: flex;
  align-items: center;
  gap: 0 6px;
  font-size: 16px;
  color: #222;
  font-weight: 500;
}
.stoaGoodsDeal__title::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url("/static/img/stoaModule/Arrow _Arrow_Circle_Down_24.svg") no-repeat 0 0/100% auto;
}
.stoaGoodsDeal__title.active::after {
  transform: rotate(180deg);
}
.stoaGoodsDeal__close {
  display: block;
  width: 24px;
  height: 24px;
  background: url("https://imagecdn.skstoa.com/static/img/X_Close.svg") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate3d(0, -50%, 0);
}
.stoaGoodsDeal__list[data-slider] {
  padding: 0 15px 12px;
  background-color: #fff;
}
.stoaGoodsDeal__list[data-slider] .swiper-slide {
  width: 48px;
}
.stoaGoodsDeal__list[data-slider] .swiper-slide.active .thumbnail {
  border: 1px solid #E62642;
}
.stoaGoodsDeal__list[data-slider] .swiper-slide.active .thumbnail i {
  background: #E62642;
}
.stoaGoodsDeal__list[data-slider] .swiper-slide.active .subject {
  color: #E62642;
}
.stoaGoodsDeal__list[data-slider] .thumbnail {
  width: 48px;
  display: flex;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.stoaGoodsDeal__list[data-slider] .thumbnail i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 14px;
  border-radius: 0 0 4px 0;
  background: rgba(34, 34, 34, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  font-style: normal;
  color: #fff;
  font-weight: 700;
  font-size: 10px;
}
.stoaGoodsDeal__list[data-slider] .thumbnail img {
  width: 100%;
}
.stoaGoodsDeal__list[data-slider] .subject {
  display: none;
  font-size: 15px;
  color: #222;
  line-height: 20px;
}
.stoaGoodsDeal__list[data-slider].active .swiper-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  max-height: 510px;
  overflow: auto;
}
.stoaGoodsDeal__list[data-slider].active .swiper-slide {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0 12px;
}
.stoaGoodsDeal__list[data-slider].active .thumbnail {
  width: 64px;
  height: 64px;
}
.stoaGoodsDeal__list[data-slider].active .subject {
  display: block;
}

/********** stoa deal **********/
/********** goods category tab (s) // **********/
.goodsCategoryTab {
  position: relative;
  margin: 0 15px;
  display: flex;
  height: 52px;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.0784313725);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}
.goodsCategoryTab__item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #444;
  position: relative;
}
.goodsCategoryTab__item.active {
  color: #222;
  font-weight: 700;
}
.goodsCategoryTab__item.active::after {
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  background: #E62642;
}
* ~ .goodsCategoryTab {
  margin-top: -26px;
}

/********** // (e) goods category tab **********/
/********** goods delivery (s) // **********/
.goodsDelivery {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0 6px;
  width: 100%;
}
.goodsDelivery.type2 {
  gap: 0 19px;
}
.goodsDelivery__title {
  text-indent: -9999px;
  overflow: hidden;
  width: 20px;
  height: 16px;
  font-size: 13px;
  color: #222;
  background: url("/static/img/stoaModule/goodsDelivery_ico.png") no-repeat 0 0/100% auto;
  letter-spacing: -0.052em;
}
.type2 .goodsDelivery__title {
  text-indent: 0;
  width: auto;
  height: auto;
  background: transparent;
}

.goodsDelivery__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.goodsDelivery__info {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 13px;
  line-height: 1;
  color: #222;
  white-space: nowrap;
  letter-spacing: -0.052em;
  line-height: 26px;
}
.goodsDelivery__info em {
  display: flex;
  align-items: center;
  /*font-weight: $fw-bold;*/
  gap: 0 8px;
}
.goodsDelivery__info em + em {
  margin-left: 8px;
}
.goodsDelivery__info em + em::before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #ccc;
}
.goodsDelivery__info small {
  color: #666;
  font-size: inherit;
  margin-left: 3px;
}
.goodsDelivery__info::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("/static/img/stoaModule/Chevron_Down_S24@2x.png") no-repeat 0 0/100% auto;
  margin-left: auto;
  transform: rotate(0);
  transition: all 0.4s;
}
.goodsDelivery__info.active::after {
  transform: rotate(180deg);
}
.goodsDelivery__info.free::after {
  display: none;
}
.goodsDelivery__tooltip {
  margin-top: 4px;
  font-size: 13px;
  color: #222;
  display: flex;
  align-items: center;
  gap: 0 2px;
  letter-spacing: -0.052em;
}
.goodsDelivery__tooltip::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/goodsDelivery_tooltip_off.png") no-repeat 0 0/100% auto;
  transition: all 0.4s;
}
.goodsDelivery__tooltip.active::after {
  background-image: url("/static/img/stoaModule/goodsDelivery_tooltip_on.png");
}
.goodsDelivery__btn {
  display: flex;
  width: 115px;
  height: 26px;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 12px;
  color: #222;
  gap: 0 2px;
  margin-top: 8px;
}
.goodsDelivery__btn::after {
  content: "";
  display: block;
  width: 8px;
  height: 12px;
  background: url("https://imagecdn.skstoa.com/static/img/Chevron_Right2_24@2x.png") no-repeat center center/100% auto;
}
.goodsDelivery__toast {
  width: 100%;
  background: #F5F5F5;
  letter-spacing: -0.052em;
  max-height: 0;
  overflow: hidden;
  padding: 0 12px;
  margin-top: 0;
  transition: all 0.4s;
}
.goodsDelivery__toast .title {
  font-size: 13px;
  color: #222;
  font-weight: 700;
  margin-bottom: 4px;
}
.goodsDelivery__toast .txt {
  font-size: 12px;
  color: #666;
  line-height: 1.5;
}

/********** // (e) goods delivery **********/
/********** tooltip element (s) // **********/
.tooltipElement {
  position: absolute;
  z-index: 150;
  max-width: 200px;
  padding: 10px;
  background: #444;
  font-size: 12px;
  color: #fff;
  border-radius: 8px;
  box-sizing: border-box;
}
.tooltipElement::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #444 transparent transparent transparent;
}
[class*="--right"].tooltipElement::after {
  left: auto;
  transform: none;
  right: 10px;
}

.tooltipElement.type2::after {
  top: -6px;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #444 transparent;
}
.tooltipElement__list {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}
.tooltipElement__list li {
  display: flex;
  font-size: 13px;
  color: #fff;
  line-height: 1.53;
  gap: 0 6px;
  letter-spacing: -0.052em;
}
.tooltipElement__list li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #fff;
  border-radius: 100%;
  flex-shrink: 0;
  margin-top: 8px;
}

/********** // (e) tooltip element **********/
/********** live (s) // **********/
.live {
  position: relative;
  margin: 0 0 16px;
  padding: 0 15px;
  overflow: hidden;
}
.live video {
  width: 100%;
  height: 51.7333333333vw;
  border-radius: 8px;
}
.live__banner {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: calc(100% - 30px);
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  text-align: center;
  overflow: hidden;
  border-radius: 8px;
}
.live__banner img {
  height: 100%;
  width: auto;
}
.active .live__banner:not(.noAnimate) img {
  animation: thumbnailZoom 5s infinite;
}
.live__banner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(102, 102, 102, 0.05);
  z-index: 3;
}
.live .timer {
  position: absolute;
  top: 8px;
  left: 23px;
  z-index: 20;
  background: rgba(0, 0, 0, 0.4);
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  gap: 4px;
  padding: 0 9px 0 0;
}
.live .timer__title {
  background: #E62642;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  border-radius: 20px;
}
.live .timer__time {
  color: #fff;
  font-size: 12px;
}
.live .channel {
  position: absolute;
  top: 8px;
  right: 23px;
  width: 32px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #999;
  border-radius: 3px;
}
.live .play {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 0;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04);
}
.live .play::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("http://m.skstoa.com/static/img/ico/ico_play_main.png") no-repeat 0 0/100% auto;
  z-index: 10;
}
.live .play::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(1);
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  animation: playAnimation 3s infinite ease-out;
}
.live .play.type2 {
  width: 56px;
  height: 56px;
}
.live .play.type2::before {
  content: "";
  background: url("/static/img/ico/ico_play_new2.svg") no-repeat 0 0/100% auto;
}
.live .play.type2::after {
  content: none;
}
.live .favorite {
  position: absolute;
  bottom: 14px;
  right: 30px;
}
.live .controlArea {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: calc(100% - 30px);
}
.live .controlArea__item {
  width: 100%;
  height: 51.7333333333vw;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.live .controlArea .closeplay {
  position: absolute;
  width: 38px;
  top: 5px;
  right: 5px;
}
.live .controlArea .mute {
  width: 52px;
}
.live .controlArea .pause {
  width: 86px;
}
.live .controlArea .full {
  width: 52px;
}
.live.played .live__banner {
  display: none;
}
.live.played .play {
  display: none;
}

/********** // (e) live **********/
/********* live slider (s) // **********/
.liveSlider {
  padding: 0 15px 20px;
}
.liveSlider .swiper-wrapper {
  height: auto !important;
}
.liveSlider .swiper-slide {
  width: 145px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.liveSlider__item {
  position: relative;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}
.liveSlider__item .timer {
  position: absolute;
  top: 6px;
  left: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(0, 0, 0, 0.3);
  height: 18px;
  border-radius: 18px;
  padding: 0 8px 0 0;
  font-size: 12px;
  line-height: 1;
  color: #fff;
}
.liveSlider__item .timer::before {
  content: "";
  display: block;
  width: 21px;
  height: 18px;
  background: url("/static/img/stoaModule/shotToaIco2.png") no-repeat 0 0/100% auto;
  margin-left: -4px;
}
.liveSlider__item .onAir {
  display: flex;
  position: absolute;
  background: #E62642;
  color: #fff;
  align-items: center;
  height: 18px;
  border-radius: 18px;
  padding: 0 6px;
  gap: 4px;
  top: 6px;
  left: 6px;
  z-index: 10;
}
.liveSlider__item .onAir__item {
  display: flex;
  gap: 2px;
  align-items: end;
  height: 10px;
}
.liveSlider__item .onAir__item::before, .liveSlider__item .onAir__item::after {
  content: "";
}
.liveSlider__item .onAir__item::before, .liveSlider__item .onAir__item::after,
.liveSlider__item .onAir__item i {
  width: 2px;
  display: block;
  background: #fff;
}
.liveSlider__item .onAir__item::before {
  animation: liveAnimate2 1s infinite;
}
.liveSlider__item .onAir__item::after {
  animation: liveAnimate2 1.5s infinite;
}
.liveSlider__item .onAir__item i {
  animation: liveAnimate2 1.8s infinite;
}
.liveSlider__item .date {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 10;
}
.liveSlider__item .date small {
  font-size: 11px;
  color: inherit;
}
.liveSlider__item a {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 6px;
  bottom: 6px;
  padding: 0 6px;
}
.liveSlider__item a .thumbnail {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}
.liveSlider__item a .info {
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.liveSlider__item a .info b {
  font-weight: inherit;
  color: #ff3956;
}
.liveSlider__btn {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("/static/img/stoaModule/playBtn.png") no-repeat 0 0/100% auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 10;
}
.liveSlider__thumb::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%) 0% 0% no-repeat padding-box;
}
.liveSlider__thumb video {
  width: 100%;
}
.liveSlider__txt {
  font-size: 14px;
  color: #222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/********** // (e) live slider **********/
/********** vod banner (s) // **********/
.vodBanner {
  position: relative;
}
.vodBanner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.16);
  z-index: 10;
}
.active.vodBanner::before {
  display: none;
}

.vodBanner__thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}
.active .vodBanner__thumbnail {
  display: none;
}
.vodBanner video {
  height: 56.2666666667vw;
}
.vodBanner .play {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 0;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04);
  z-index: 20;
}
.vodBanner .play::before {
  content: "";
  width: 42px;
  height: 42px;
  background: url("http://m.skstoa.com/static/img/ico/ico_play_main.png") no-repeat 0 0/100% auto;
  z-index: 10;
}
.vodBanner .play::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(1);
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  animation: playAnimation 3s infinite ease-out;
}
.active.vodBanner .play {
  display: none;
}

.vodBanner__playTime {
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  bottom: 60px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  z-index: 20;
}
.active .vodBanner__playTime {
  display: none;
}
.vodBanner .controlArea {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 100%;
  height: 100%;
  z-index: 10;
}
.vodBanner .controlArea__item {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.vodBanner .controlArea .closeplay {
  position: absolute;
  width: 38px;
  top: 5px;
  right: 5px;
}
.vodBanner .controlArea .mute {
  width: 52px;
}
.vodBanner .controlArea .pause {
  width: 86px;
}
.vodBanner .controlArea .full {
  width: 52px;
}
.vodBanner__pop {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 286px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  background: rgba(255, 255, 255, 0.9);
  z-index: 100;
  padding: 16px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1607843137);
  font-size: 14px;
  color: #222;
  transition: all 0.4s;
}
.vodBanner__pop::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0-24H24V0H0Z' transform='translate(0 24)' fill='%23666' fill-rule='evenodd' opacity='0'/%3E%3Cpath d='M10-20A10,10,0,0,1,20-10,10,10,0,0,1,10,0,10,10,0,0,1,0-10,10,10,0,0,1,10-20Zm0,1.5A8.51,8.51,0,0,0,1.5-10,8.51,8.51,0,0,0,10-1.5,8.51,8.51,0,0,0,18.5-10,8.51,8.51,0,0,0,10-18.5ZM10-7a1.25,1.25,0,0,1,1.25,1.25A1.25,1.25,0,0,1,10-4.5,1.25,1.25,0,0,1,8.75-5.75,1.25,1.25,0,0,1,10-7Zm0-8.5a1,1,0,0,1,1,1l-.25,5.75A.75.75,0,0,1,10-8a.75.75,0,0,1-.75-.75L9-14.5A1,1,0,0,1,10-15.5Z' transform='translate(2 22)' fill='%23666' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat center center #eee;
}
.vodBanner__pop.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.vodBanner__close {
  display: block;
  position: absolute;
  right: 8px;
  top: 8px;
  text-indent: -9999px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/X_Close _L@2x.png") no-repeat center center/100% auto;
}

/********** // (e) vod banner **********/
/********** addBanner (s) // **********/
.addBanner {
  position: relative;
}
.addBanner[data-slider] .counter {
  bottom: 8px;
}
.noSlide.addBanner[data-slider] .counter {
  display: none;
}

.addBanner[data-slider=dotAuto].paging--out, .addBanner[data-slider=dot].paging--out {
  padding-bottom: 23px;
}
.addBanner[data-slider=dotAuto].paging--out .paging, .addBanner[data-slider=dot].paging--out .paging {
  bottom: 7px;
}
.my_main .addBanner {
  overflow: hidden;
}

.addBanner a {
  display: block;
}

/********** // (e) addBanner **********/
/********** big banner (s) // **********/
.bigBanner {
  position: relative;
}
.bigBanner .swiper-slide {
  overflow: hidden;
}
.bigBanner.type5 .swiper-slide {
  padding: 0 0 40px;
}
.bigBanner:not(.type2, .type3, .type4, .type5, .type6, .type8, .type9, .typeMain) .swiper-slide a::before {
  content: "";
  display: block;
  width: 100%;
  height: 68%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.1019607843) 12%, rgba(167, 167, 167, 0.6) 40%, rgba(34, 34, 34, 0.6) 100%) 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
  z-index: 10;
  pointer-events: none;
}
.bigBanner.type4 .bigBanner__thumbnail {
  display: flex;
  position: relative;
}
.bigBanner.type4 .bigBanner__thumbnail::before {
  content: "";
  display: block;
  width: 100%;
  height: 68%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.1019607843) 12%, rgba(167, 167, 167, 0.6) 40%, rgba(34, 34, 34, 0.6) 100%) 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
  z-index: 10;
}
.bigBanner__info {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 48px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  text-align: center;
  z-index: 20;
  background: linear-gradient(to top, #fff 0px, #fff 28px, transparent 28px, transparent 100%);
}
.typeMain .bigBanner__info {
  left: 0;
  bottom: auto;
  top: auto;
  bottom: 0;
  height: 34.4vw;
  transform: translate3d(0, 0, 0);
  padding: 10.4vw 5.3333333333vw 0;
  gap: 1.3333333333vw 0;
  text-align: left;
  width: 100%;
}
.typeMain .bigBanner__info:has(.bigBanner__title.type2) {
  padding: 9.0666666667vw 5.3333333333vw 0;
}
.bigBanner.type3 .bigBanner__info {
  position: relative;
  left: 0;
  bottom: 0;
  transform: none;
  padding: 16px 0;
}
.bigBanner.type4 .bigBanner__info {
  width: 100%;
  text-align: left;
  bottom: 38px;
  padding: 0 15px;
  background: transparent;
  /*
  &::after{
  	content: '';
  	display: block;
  	width: 80px;
  	height: 1px;
  	background: $white;
  	margin: 25px 0 0;
  }
  */
}
.bigBanner.type5 .bigBanner__info {
  background: #fff;
  width: calc(100% - 30px);
  bottom: 0;
  padding: 16px 0;
  border-radius: 8px 8px 0 0;
}
.bigBanner.type3 .counter {
  bottom: 92px;
}
.bigBanner.type4 .counter {
  bottom: 12px;
}
.bigBanner.type5 .counter {
  bottom: 90px;
}
.bigBanner.type6 .counter {
  bottom: auto;
  top: 8px;
  background: rgba(0, 0, 0, 0.4);
}
.bigBanner.type7 img {
  height: 78.6666666667vw;
  object-fit: cover;
}
.bigBanner.type7 .bigBanner__info {
  background: transparent;
}
.bigBanner__thumbnail.type2 {
  display: block;
  position: relative;
}
.bigBanner__thumbnail.type2::before, .bigBanner__thumbnail.type2::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  z-index: 2;
}
.bigBanner__thumbnail.type2::before {
  /*height: vw(161px);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%);
  left: 0;
  top: -18px;*/
}
.bigBanner__thumbnail.type2::after {
  height: 29.8666666667vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 78.41%);
  left: 0;
  bottom: 6px;
}
.bigBanner__title {
  font-size: 26px;
  color: #fff;
  letter-spacing: -0.073em;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.type3 .bigBanner__title {
  font-size: 20px;
  color: #222;
}
.type4 .bigBanner__title {
  font-size: 24px;
}
.type5 .bigBanner__title {
  font-size: 20px;
  color: #222;
  padding: 0 20px;
}
.typeMain .bigBanner__title {
  color: #222;
  font-weight: 700;
  line-height: 1.2;
  font-size: 6.9333333333vw;
  letter-spacing: 0.02em;
}
.typeMain .bigBanner__title.type2 {
  width: 54.4vw;
  white-space: wrap;
  font-size: 20px;
  color: #222;
  font-weight: 700;
  letter-spacing: -0.04em;
}
.bigBanner__badge {
  display: flex;
  align-items: center;
  height: 20px;
  border-radius: 20px;
  padding: 0 10px;
  background: #222;
  color: #fff;
  font-size: 13px;
  align-self: start;
}
.bigBanner__txt {
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  letter-spacing: -0.05em;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
}
.type3 .bigBanner__txt {
  font-size: 14px;
  color: #222;
}
.type4 .bigBanner__txt {
  font-size: 14px;
}
.type5 .bigBanner__txt {
  font-size: 14px;
  color: #222;
  padding: 0 20px;
}
.typeMain .bigBanner__txt {
  color: #222;
  font-weight: 500;
  font-size: 4.2666666667vw;
  line-height: 1.25;
  letter-spacing: -0.02em;
}
.bigBanner.type8 {
  overflow: hidden;
  margin: 25px 15px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}
.bigBanner.type8 .counter {
  bottom: 92px;
}
.bigBanner.type8 .bigBanner__thumbnail {
  display: block;
}
.bigBanner.type8 .bigBanner__thumbnail img {
  height: 51.2vw;
  width: 100%;
  object-fit: cover;
}
.bigBanner.type8 .bigBanner__info {
  position: relative;
  left: 0;
  bottom: 0;
  transform: none;
  padding: 16px 0 12px;
}
.bigBanner.type8 .bigBanner__title {
  font-size: 19px;
  font-weight: 700;
  color: #222;
  margin-bottom: 7px;
}
.bigBanner.type8 .bigBanner__txt {
  font-size: 14px;
  font-weight: 500;
  color: #222;
}
.bigBanner.type9 .bigBanner__thumbnail {
  display: block;
}
.bigBanner.type9 .bigBanner__info {
  position: relative;
  left: 0;
  bottom: 0;
  transform: none;
  text-align: left;
  padding: 16px 16px;
  height: 82px;
}
.bigBanner.type9 .counter {
  bottom: 92px;
}
.bigBanner.type9 .bigBanner__title {
  font-size: 20px;
  color: #222;
  font-weight: 700;
}
.bigBanner.type9 .bigBanner__txt {
  font-size: 14px;
  font-weight: 400;
  color: #222;
  margin-top: 2px;
}
.bigBanner.typeMain .bigBanner__thumbnail {
  height: 94.1333333333vw;
  position: relative;
  overflow: hidden;
}
.bigBanner.typeMain .bigBanner__thumbnail img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto !important;
}
.bigBanner.typeMain .swiper-slide:not(:has(.bigBanner__info)) .bigBanner__thumbnail::after {
  display: none;
}

.bigBanner.typeMain .swiper-wrapper {
  align-items: flex-start;
  transition: all 0.3s;
  will-change: height;
}
.bigBanner.typeMain .swiper-slide {
  height: auto;
}
.bigBanner.typeMain a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 28px;
  left: 0;
}
.bigBanner.typeMain .counter {
  background: transparent;
  gap: 0;
  padding: 0;
  right: 20px;
}
.bigBanner.typeMain .counter .control {
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-image: url("https://imagecdn.skstoa.com/static/img/pauseIcoBlack.svg");
  background-size: 5px auto;
  background-position: center center;
}
.bigBanner.typeMain .counter .control.active {
  background-image: url("/static/img/stoaModule/playIcoBlack.svg");
}
.bigBanner.typeMain .counter .open {
  margin-left: 2px;
  width: 24px;
  height: 24px;
  background: url("https://imagecdn.skstoa.com/static/img/plusIcoBlack.svg") no-repeat center center/9px auto;
}
.bigBanner.typeMain .counter__item {
  font-size: 12px;
  color: #111;
}
.bigBanner.typeMain .counter__active {
  color: #111;
  font-weight: 700;
}
.bigBanner ~ .goodsList {
  margin-top: 16px;
  padding: 0 15px;
}
.bigBanner a {
  display: block;
}

/********** // (e) big banner **********/
/********** slider element (s) // **********/
[data-slider] .paging {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  display: flex;
  gap: 4px;
  z-index: 10;
}
[data-slider] .paging__item {
  background: #D4D4D4;
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
}
[data-slider] .paging__item.active {
  background: #E62642;
}
.stoaGoodsDetail__thumbnail-slider[data-slider] .paging__item.active {
  background: #000;
}

[data-slider] .paging.type2 .paging__item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
[data-slider] .paging.type2 .paging__item.active {
  background: #E62642;
  border: none;
}
[data-slider] .counter {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 30;
  display: flex;
  padding: 0 11px;
  height: 24px;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
  gap: 4px;
  letter-spacing: -0.036em;
}
[data-slider] .counter__item {
  display: flex;
  color: #a7a7a7;
  font-size: 13px;
  line-height: 1;
  gap: 0 2px;
}
[data-slider] .counter__active {
  color: #fff;
}
[data-slider] .counter .control {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  width: 14px;
  height: 14px;
  background-image: url("https://imagecdn.skstoa.com/static/img/Pause_Fill@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
[data-slider] .counter .control.active {
  background-image: url("/static/img/stoaModule/Play_Fill@2x.png");
}
[data-slider] .counter .open {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  width: 14px;
  height: 14px;
  background: url("https://imagecdn.skstoa.com/static/img/Add_Plus_W@2x.png") no-repeat 0 0/100% auto;
}
.bigBanner.type2[data-slider] .counter,
.bigBanner.type8[data-slider] .counter,
.bigBanner.type9[data-slider] .counter {
  right: 0;
  bottom: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
  gap: 0;
  height: auto;
}
.bigBanner.type2[data-slider] .counter .control,
.bigBanner.type8[data-slider] .counter .control,
.bigBanner.type9[data-slider] .counter .control {
  width: 26px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 12px auto;
  background-position: center center;
  margin-right: 2px;
}
.bigBanner.type2[data-slider] .counter__item,
.bigBanner.type8[data-slider] .counter__item,
.bigBanner.type9[data-slider] .counter__item {
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
  color: #ccc;
  height: 26px;
  padding: 0 10px;
}
.bigBanner.type2[data-slider] .counter:has(.open) .counter__item,
.bigBanner.type8[data-slider] .counter:has(.open) .counter__item,
.bigBanner.type9[data-slider] .counter:has(.open) .counter__item {
  padding-right: 2px;
}
.bigBanner.type2[data-slider] .counter .open,
.bigBanner.type8[data-slider] .counter .open,
.bigBanner.type9[data-slider] .counter .open {
  width: 22px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 12px auto;
  background-position: left center;
  padding-right: 10px;
}

.bigBanner.type8[data-slider] .counter {
  bottom: 82px;
}
.bigBanner.type8[data-slider] .counter .counter__item {
  justify-content: center;
  height: 22px;
  width: 45px;
  font-size: 12px;
  color: #ccc;
  padding: 0;
}

.bigBanner.type9[data-slider] .counter {
  bottom: 82px;
}

[data-slider] .scrollbar {
  position: absolute;
  bottom: 12px;
  left: 15px;
  width: 74.6666666667vw;
  z-index: 999;
}
[data-slider] .scrollbar .swiper-scrollbar-drag {
  height: 1px;
  background: #fff;
}

/********** // (e) slider element **********/
/********** favorite (s) // **********/
.favorite {
  background: url("https://imagecdn.skstoa.com/static/img/Heart@2x.png") no-repeat center center/100% auto;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
}
.favorite.on {
  background-image: url("/static/img/stoaModule/Heart_Fill@2x.png");
}

/********** // (e) favorite **********/
/********** goodsAlert (s) // **********/
.goodsAlert {
  display: block;
  width: 8.5333333333vw;
  height: 8.5333333333vw;
  border-radius: 100%;
  background: url("https://imagecdn.skstoa.com/static/img/bell@2x.png") no-repeat center center/68.75% auto #fff;
  text-indent: -9999px;
  overflow: hidden;
}
.goodsAlert__count {
  font-style: normal;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  color: #E62642;
  position: absolute;
  left: 50%;
  top: -7px;
  transform: translate3d(-50%, 0, 0);
  min-width: 18px;
  height: 14px;
  align-items: center;
  justify-content: center;
  border: 1px solid #E62642;
  border-radius: 14px;
  background: #fff;
  padding: 0 4px;
  z-index: 10;
  box-sizing: border-box;
}
.goodsAlert.active {
  background-image: url("/static/img/stoaModule/bell_Fill@2x.png");
}
.goodsAlert.type2 {
  width: 40px;
  height: 40px;
  border: 1px solid #CCCCCC;
  background-size: 53%;
  border-radius: 4px;
  background-image: url("/static/img/stoaModule/bell_off.png");
  position: relative;
  text-indent: 0;
  overflow: visible;
  font-size: 0;
}
.goodsAlert.type2.active {
  background-image: url("/static/img/stoaModule/bell_on.png");
}

/********** // (e) goodsAlert **********/
/********** goodsBuy (s) // **********/
.goodsBuy {
  min-width: 120px;
  height: 40px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  background-color: #E62642;
  color: #fff;
  padding: 0px 20px;
}
.goodsBuy:disabled {
  background-color: #aaaaaa;
}

/********** // (e) goodsBuy **********/
/********** goods star (s) // **********/
.goodsStar {
  display: flex;
  align-items: baseline;
  font-size: 12px;
  gap: 4px;
}
.goodsStar::before {
  content: "";
  display: block;
  width: 11px;
  height: 10px;
  background: url("https://imagecdn.skstoa.com/static/img/icon_star.png") no-repeat 0 0/100% auto;
}
.goodsStar.type2 {
  align-items: center;
  font-size: 13px;
  color: #888;
}
.goodsStar.type2 b {
  color: #222;
  font-weight: 400;
}
.goodsStar.type2::before {
  content: none;
}
.goodsStar.type3 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  padding: 0 15px;
  margin: 12px 0 15px !important;
}
.goodsStar.type3 b {
  font-size: 16px;
}
.goodsStar.type3::after {
  content: "";
  display: block;
  width: 8px;
  height: 12px;
  background: url("/static/img/stoaModule/Arrow Chevron_Right.svg") no-repeat 0 0/100% auto;
  margin-left: 1px;
}

/********** // (e) goods star **********/
/********** goods link (s) // **********/
.goodsLink {
  margin: 0 15px;
  padding: 0 20px;
  display: flex;
  width: calc(100% - 30px);
  height: 40px;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 14px;
  color: #222;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
}
.goodsLink .subject {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: inherit;
  color: inherit;
  white-space: nowrap;
  max-width: calc(100% - 16px);
}
.goodsLink::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("https://imagecdn.skstoa.com/static/img/Chevron_Right_24@2x.png") no-repeat 0 0/100% auto;
}
.goodsLink:not([class*=mb]) {
  margin-bottom: 40px;
}
.goodsLink.type2 {
  font-size: 14px;
  color: #222;
  font-weight: 700;
  border-radius: 4px;
  transition: background 0.5s, border-color 0.5s, color 0.5s;
  transition-delay: 0.5s;
  will-change: background, border-color, color;
}
.goodsLink.type2::after {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url("https://imagecdn.skstoa.com/static/img/Chevron_Right_24@2x.png") no-repeat 0 0/100% auto;
}
.goodsLink.type2.active {
  background: #444;
  color: #fff;
  border-color: #444;
}
.goodsLink.type2.active::after {
  background-image: url("/static/img/stoaModule/Chevron_Right_16.png");
}

/********** // (e) goods link **********/
/********** goods more (s) // **********/
.goodsMore {
  margin: 0 15px;
  width: calc(100% - 30px);
  height: 40px;
  border-radius: 6px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  line-height: 1;
  font-size: 14px;
  color: #222;
}
.goodsMore::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat 0 0/100% auto;
  transition: all 0.4s;
}
.goodsMore--hide::after {
  transform: rotate(180deg);
}
.goodsMore--end {
  display: none;
}
.goodsMore:not([class*=mb]) {
  margin-bottom: 20px;
}

/********** // (e) goods more **********/
/********** goods reset (s) // **********/
.goodsReset {
  display: flex;
  width: calc(100% - 30px);
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  color: #222;
  margin: 20px auto 0;
  line-height: 1;
  gap: 4px;
}
.goodsReset::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/Arrow_Rotate_Right@2x.png") no-repeat 0 0/100% auto;
}
.goodsReset i {
  color: #999;
  font-style: normal;
}
.goodsReset b {
  color: #FF7D00;
  font-weight: 400;
}
.goodsReset:not([class*=mb]) {
  margin-bottom: 20px;
}
.goodsReset.type2 {
  height: 44px;
}
.goodsReset.type2::before {
  width: 16px;
  height: 16px;
}
.goodsReset.type2 .counter {
  font-weight: 700;
}
.goodsReset.type2 .counter i {
  font-weight: 400;
}

/********** // (e) goods reset **********/
/********** goods hide (s) // **********/
.goodsHide__item li {
  display: none;
}
.goodsHide__item li.active {
  display: block;
}
.goodsHide .goodsMore {
  margin-top: 20px;
}

/********** // (e) goods hide **********/
/********** save Emphasis (s) // **********/
.saveEmphasis {
  display: flex;
  font-size: 14px;
  color: #E62642;
  letter-spacing: -0.28px;
}
.saveEmphasis strong {
  font-size: 14px;
  font-weight: 700;
  margin: 0 3px;
}

/********** // (e) save Emphasis **********/
/********** goods badge (s) // **********/
.goodsBadge {
  display: flex;
  gap: 2px;
  white-space: nowrap;
  align-items: end;
  flex-wrap: wrap;
  max-height: 21px;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
}
.goodsBadge.type2 {
  max-height: 42px;
}
.goodsBadge.heightAuto {
  max-height: none;
}
.goodsBadge__item {
  display: flex;
  align-items: center;
  height: 20px;
  font-size: 11px;
  line-height: 1;
  padding: 0 3px;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  background: #fff;
  letter-spacing: -0.04em;
  overflow: hidden;
  box-sizing: border-box;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-touch-callout: none) and (not (translate: none)) {
    .goodsBadge__item + .goodsBadge__item {
      margin-right: 2px;
    }
    .goodsBadge {
      gap: 0;
    }
  }
}
.goodsBadge__item.type1 {
  border-color: #F1A8A8;
  color: #F96B64;
}
.goodsBadge__item.type2 {
  border-color: #B5D3DF;
  color: #52B1D5;
}
.goodsBadge__item.type3 {
  border-color: #E9D6B6;
  color: #C9AF98;
}
.goodsBadge__item.type4 {
  border-color: #C7D8C7;
  color: #9BC998;
}
.goodsBadge__item.type5 {
  border-color: #FFBF8E;
  color: #FF944D;
}
.goodsBadge__item.type6 {
  border-color: #F89FE6;
  color: #FB5599;
}
.goodsBadge__item.type7 {
  border-color: #DECCBD;
  color: #AB753F;
}
.goodsBadge__item.type8 {
  width: 50px;
  border-color: #b3a3ff;
  font-size: 0;
  /*text-indent: -9999px;
  background: url('/static/img/stoaModule/uzu.png') no-repeat center center / 35px auto;*/
}
.goodsBadge__item.type8:before {
  content: "우주패스";
  display: inline-block;
  font-size: 11px;
  color: #3617ce;
}
.goodsBadge__item.type9 {
  border-color: #b3a3ff;
  color: #3617ce;
}
.goodsBadge__item.basics {
  border-color: #FAFAFA;
  background: #FAFAFA;
  color: #666;
}
.goodsBadge__item.emphasis {
  border-color: #FFF1F2;
  background: #FFF1F2;
  color: #E62642;
}
.goodsBadge .goodsDeliveryType {
  display: inline-flex;
  margin-top: 0;
  align-self: center;
}

/*.fl-cont[tabname="home"] {
	.goodsBadge {
		max-height: none;
	}
}*/
/********** // (e) goods badge **********/
/********** buy count (s) // **********/
.buyCount {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #3869FF;
}
.buyCount::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(/static/img/stoaModule/checkIco3.svg) no-repeat 0 0/100% auto;
  margin-right: 2px;
  margin-top: -3px;
}

/********** // (e) buy count **********/
/********** goods delivery type (s) // **********/
.goodsDeliveryType {
  display: flex;
  align-items: center;
  gap: 0 2px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 6px;
}
.goodsDeliveryType::before {
  content: "";
  display: block;
  width: 22px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.goodsDeliveryType.today {
  color: #FF563E;
}
.goodsDeliveryType.today::before {
  background-image: url("/static/img/stoaModule/delivery_today.svg");
}
.goodsDeliveryType.tomorrow {
  color: #A727D5;
}
.goodsDeliveryType.tomorrow::before {
  background-image: url("/static/img/stoaModule/delivery_tomorrow.svg");
}
.goodsDeliveryType.holiday {
  color: #1B81FF;
}
.goodsDeliveryType.holiday::before {
  background-image: url("/static/img/stoaModule/delivery_holiday.svg");
}
.benefit .goodsDeliveryType {
  display: flex;
  align-items: center;
  gap: 0 2px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 6px;
}

/********** // (e) goods delivery type **********/
/********** goods common item (s) // **********/
.goodsPrice {
  color: #222;
}

.goodsDiscount {
  color: #E62642;
  font-weight: 700;
  line-height: 1;
}

.goodsDiscountNumber {
  color: #999;
  text-decoration: line-through;
}

.goodsVvip {
  color: #E62642;
  font-size: 13px;
}
.goodsDiscountNumber + .goodsVvip {
  margin-top: -4px;
}

.goodsNumber {
  color: #222;
  font-weight: 700;
}

.goodsPayment {
  color: #222;
  font-weight: 700;
}

.goodsToast {
  background: rgba(68, 68, 68, 0.4);
  font-size: 11px;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  font-style: normal;
  padding: 2px 0;
}

.goodsDate {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  width: 100%;
}
.goodsDate.day, .goodsDate .day {
  font-size: 12px;
  line-height: 16px;
}
.goodsDate.time, .goodsDate .time {
  font-size: 24px;
  line-height: 28px;
}

.goodsRank {
  color: #222;
  font-weight: 700;
}

.goodsCount {
  font-size: 12px;
  color: #222;
}

.goodsShoppingSupport {
  display: block;
  font-size: 10px;
  color: #E62642;
  font-weight: 700;
  line-height: 1;
}

.goodsShoppingNumber {
  color: #222;
}
.goodsShoppingNumber b {
  font-weight: 600;
}

.goodsBroadcast {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;
  font-size: 11px;
  color: #fff;
  font-weight: 700;
  font-style: normal;
  position: absolute;
  bottom: 0;
  left: 0;
}
.goodsBroadcast.prev {
  background: #E62642;
}
.goodsBroadcast.next {
  background: #F47725;
}
.goodsBroadcast.end {
  background: rgba(29, 29, 29, 0.6);
}

/********** // (e) goods common item **********/
/********** goods anchor (s) // **********/
.goodsAnchor__item {
  padding: 0 15px;
  display: flex;
  margin: 0 0 15px;
}
.goodsAnchor__item button {
  flex: 1;
  border: 1px solid #ddd;
  height: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.goodsAnchor__item button:first-child {
  border-radius: 8px 0 0 8px;
  border-right: 0;
}
.goodsAnchor__item button:last-child {
  border-radius: 0 8px 8px 0;
}
.goodsAnchor__item button.active {
  border: 1px solid #444;
}
.goodsAnchor__item button.active .title {
  color: #222;
}
.goodsAnchor__item button.active .txt {
  color: #222;
}
.goodsAnchor__item button .title {
  font-size: 16px;
  font-weight: 700;
  color: #666;
}
.goodsAnchor__item button .txt {
  font-size: 13px;
  color: #666;
}

/********** // (e) goods anchor **********/
/********** goods wide (s) // **********/
.goodsWide {
  position: relative;
  margin: 0 0 20px;
  padding: 0 15px;
}
.goodsWide a:not(.reviewList__link) {
  display: flex;
  flex-direction: column;
  /* cream_250806 */
  flex: 1;
}
.goodsWide .thumbnail {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  text-align: center;
}
.goodsWide .thumbnail::before {
  content: "";
  background: rgba(102, 102, 102, 0.05);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.goodsWide .thumbnail--live {
  border-radius: 8px 8px 0 0;
}
.goodsWide .thumbnail--live img {
  aspect-ratio: 16/9;
  width: 100% !important;
  object-fit: cover;
  height: auto !important;
}
.goodsWide .thumbnail img {
  height: 100%;
  width: auto;
  max-width: 100%;
}
.goodsWide .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 44px;
  height: 44px;
}
.goodsWide .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 40px;
  height: 40px;
}
.goodsWide .thumbnail .goodsToast {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  padding: 3px 0;
}
.goodsWide .thumbnail .live {
  margin: 0;
}
.goodsWide .thumbnail .live video {
  border-radius: 0;
}
.goodsWide .thumbnail .timeWrap {
  display: flex;
  align-items: center;
  position: absolute;
  left: 8px;
  top: 8px;
  height: 20px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  overflow: hidden;
}
.goodsWide .thumbnail .timeWrap .text {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 20px;
  padding: 0 6px 0 25px;
  background: linear-gradient(90deg, rgb(230, 38, 66) 0%, rgb(244, 119, 37) 100%);
  backdrop-filter: blur(20px);
  border-radius: 20px;
  color: #FFF;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: -0.2px;
  transition: width 0.6s ease;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
}
.goodsWide .thumbnail .timeWrap .text:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 27px;
  height: 20px;
  background: url(/static/img/ico/ico_play_tv.png) no-repeat;
  background-size: contain;
}
.goodsWide .thumbnail .timeWrap .text.on {
  width: 62px;
  transition: width 0.4s ease;
}
.goodsWide .thumbnail .timeWrap .time {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 3px 8px 0 4px;
  margin: 0;
  background-color: transparent;
  font-size: 12px;
}
.goodsWide .buyBtn {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #E62642 0%, #F47725 100%);
  font-size: 15px;
  color: #fff;
  font-weight: 700;
  gap: 0 2px;
}
.goodsWide .buyBtn::after {
  content: "";
  display: block;
  width: 11px;
  height: 16px;
  background: url("/static/img/stoaModule/whiteArrow.svg") no-repeat center center/75% auto;
}
.type4.goodsWide .buyBtn {
  flex: 1;
  background: #E62642;
  border-radius: 4px;
  font-size: 13px;
  margin-top: auto;
}
.type4.goodsWide .buyBtn::after {
  display: none;
}
.type4.goodsWide .buyBtn.soldOut {
  background: #aaaaaa;
}

.goodsWide .liveTalkBtn {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  height: 24px;
  border-radius: 24px;
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  padding: 0 8px 0 4px;
  filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.16));
  background: linear-gradient(45deg, #DB07C7 25%, #FF312C 50%, #FF6930 75%, #FFD600 100%);
  position: absolute;
  left: 10px;
  top: -34px;
  z-index: 30;
}
.goodsWide .liveTalkBtn::before, .goodsWide .liveTalkBtn::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.goodsWide .liveTalkBtn::before {
  width: 16px;
  height: 16px;
  background-image: url("/static/img/stoaModule/liveTalkFloatingIco.svg");
  margin-right: 5px;
}
.goodsWide .liveTalkBtn::after {
  width: 6px;
  height: 9px;
  background-image: url("/static/img/stoaModule/Arrow Chevron_Right_white.svg");
  margin-left: 2px;
}
.goodsWide .infoItem {
  display: flex;
  align-items: start;
  /* cream_250903_20450 // */
  /* // cream_250903_20450 */
}
.goodsWide .infoItem__talk {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url("/static/img/stoaModule/liveTalkBtnAnimate.gif") no-repeat 0 0/100% auto;
  color: #222;
  font-weight: 500;
  border-radius: 5px;
  border: 1px solid #eee;
  margin: 10px 0 0 20px;
  position: relative;
  /*
  &::before{
  	content: '';
  	display: block;
  	width: 22px;
  	height: 22px;
  	background: url('/static/img/stoaModule/talkIco.svg') no-repeat center center;
  }
  &--new{
  	&::after{
  		content: '';
  		display: block;
  		width: 13px;
  		height: 13px;
  		background: url('/static/img/stoaModule/newIco.svg') no-repeat 0 0 / 100% auto;
  		position: absolute;
  		right: -4px;
  		top: -2px;
  	}
  }
  */
}
.type3.goodsWide .infoItem__talk {
  margin: 10px 16px 0 auto;
}

.type4.goodsWide .infoItem__talk {
  margin: 0;
  width: 40px;
  height: 40px;
  margin-top: auto;
}

.type4.goodsWide .infoItem {
  width: 100%;
  flex: none;
}

.goodsWide .info {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0;
}
.goodsWide .info.type2 {
  padding: 0 15px;
}
.goodsWide .info.type2 .goodsStar {
  margin: 0 0 10px;
}
.goodsWide .info.type3 {
  padding: 10px 15px 12px;
  margin-top: 0;
}
.type4.goodsWide .info {
  margin: 0;
}

.goodsWide .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 16px;
  color: #222;
}
.goodsWide .title.type2 {
  -webkit-line-clamp: none;
  display: block;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
}
.type4.goodsWide .title {
  font-size: 16px;
}

.goodsWide .subTitle {
  font-size: 14px;
  color: #222;
}
.goodsWide .txt {
  color: #FF7D00;
  font-size: 13px;
  margin: 0 0 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.goodsWide .soldOut :is(.txt, .itemCategory, .title, .title b, .goodsPayment) {
  color: #666;
}
.goodsWide .goodsPrice {
  margin: 2px 0 0;
  font-size: 14px;
  color: #222;
  display: flex;
  align-items: baseline;
}
.type4.goodsWide .goodsPrice {
  flex-wrap: wrap;
  margin-top: 6px;
  line-height: 1;
}

.goodsWide .goodsPayment {
  font-size: 18px;
  margin: 0 4px 0 0;
}
.goodsWide .goodsPayment.type2 {
  font-size: 17px;
}
.goodsWide .goodsPayment.type3 {
  font-size: 15px;
}
.type4.goodsWide .goodsPayment {
  font-size: 18px;
}

.goodsWide .goodsDiscount {
  font-size: 20px;
  font-weight: 700;
  color: #E62642;
  margin: 0 4px 0 0;
}
.goodsWide .goodsDiscount.type2 {
  font-size: 19px;
}
.type4.goodsWide .goodsDiscount {
  font-size: 18px;
}

.goodsWide .goodsDiscountNumber {
  font-size: 14px;
  color: #999;
  margin: 0 0 0 4px;
  text-decoration: line-through;
}
.goodsWide .goodsNumber {
  font-size: 20px;
  font-weight: 700;
  color: #222;
}
.goodsWide .goodsNumber.type2 {
  font-size: 19px;
}
.type4.goodsWide .goodsNumber {
  font-size: 18px;
}

.goodsWide .goodsBadge {
  flex: 1;
  margin: 14px 0 0;
}
.goodsWide .goodsBadge.type2 {
  max-height: 42px;
}
.goodsWide .goodsStar {
  font-size: 12px;
  margin: 8px 0 0;
}
.type4.goodsWide .goodsStar {
  color: #999;
  line-height: 1;
}
.type4.goodsWide .goodsStar b {
  color: #373e40;
}

.goodsWide .goodsPurchasedVolume {
  font-size: 12px;
}
.goodsWide .goodsInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 6px 0 0;
}
.goodsWide .goodsInfo .goodsBadge {
  margin: 0;
}
:has(.typeMain) .goodsWide:not(:has(.reviewList)):not(:has(.goodsStar)) .goodsInfo {
  margin-bottom: 10px;
}

.goodsWide .favorite {
  position: absolute;
  top: 42.6666666667vw;
  right: 30px;
}
.stoaModule__item .goodsWide {
  padding: 24px 15px 27px;
  margin: 0;
}
.stoaModule__item .goodsWide .favorite {
  top: 49.3333333333vw;
}
.stoaModule__item .goodsWide.type4 {
  padding: 0 15px 16px;
}
.stoaModule__cont .goodsWide {
  padding: 0 0 15px;
}
.stoaModule__cont .goodsWide .thumbnail {
  border-radius: 0;
}
.stoaModule__cont .goodsWide .info {
  padding: 0 15px;
}
.stoaModule__cont .goodsWide .info.type2 {
  padding: 0 16px;
  margin-top: 10px;
}
.stoaModule__cont .goodsWide .favorite {
  top: 43.7333333333vw;
  right: 2.6666666667vw;
}
.goodsTab ~ .goodsWide .favorite {
  top: 42.6666666667vw;
}
.stoaModule__title + .goodsWide {
  padding-top: 0;
}
.stoaModule__title + .goodsWide .favorite {
  top: 42.9333333333vw;
}
.goodsWide.type2 {
  background: #FDEFDE;
}
.goodsWide.type3 {
  border: 1px solid transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #E62642 0%, #F47725 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-radius: 8px;
  overflow: hidden;
  padding: 0;
  margin: 0 15px;
}
.goodsWide.type3:has(.goodsWide__item) {
  padding-bottom: 0;
}
.goodsWide.type3--live {
  border-color: #F47725;
}
.goodsWide.type4 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 12px;
  align-items: start;
}
.goodsWide.type4 .stoaModule__videoContainer {
  width: 44.8vw;
  height: 44.8vw;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.goodsWide.type4 .stoaModule__videoContainer::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.05);
  z-index: 2;
}
.goodsWide.type4 .stoaModule__videoContainer .textRoller {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0;
}
.goodsWide.type4 .stoaModule__videoContainer .textRoller .textItem {
  font-size: 12px;
}
.goodsWide.type4 .stoaModule__videoContainer :is(video, img) {
  height: 100%;
  width: max-content;
  max-width: none;
  position: relative;
  left: 48%;
  transform: translate3d(-50%, 0, 0);
}
.goodsWide.type4 .stoaModule__linkWrap {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 6px;
  min-height: 44.8vw;
}
.goodsWide.type4 .goodsInfo {
  width: 100%;
  margin: 0 !important;
}
.goodsWide.type4 .goodsDeliveryType {
  margin-top: 8px;
}
.goodsTab ~ .goodsWide {
  padding-top: 0;
}
.goodsWide ~ .goodsList {
  margin-bottom: 15px;
}
.goodsWide__item {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  padding: 0 16px;
}
.goodsWide__item .goodsList__withList {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.goodsWide__item .goodsList__withList a {
  display: flex;
  flex-direction: row;
  border-radius: 4px;
  overflow: hidden;
  gap: 0 8px;
}
.goodsWide__item .goodsList__withList:not(.active) li:not(:nth-child(-n+1)) {
  display: none;
}
.goodsWide__item .goodsList__withList.active li {
  display: block;
}
.goodsWide__item .goodsList__withList .thumbnail {
  width: 52px;
  height: 52px;
  position: relative;
  border-radius: 100%;
  overflow: hidden;
}
.goodsWide__item .goodsList__withList .thumbnail::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.05);
}
.goodsWide__item .goodsList__withList .info {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  flex: 1;
  overflow: hidden;
  margin-top: 0;
  gap: 2px 0;
  padding: 0;
  overflow: hidden;
}
.goodsWide__item .goodsList__withList .title {
  display: block;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  -webkit-line-clamp: none;
  width: 100%;
}
.goodsWide__item .goodsList__withList .goodsPrice {
  font-size: 12px;
  padding: 0;
}
.goodsWide__item .goodsList__withList .goodsDiscount {
  font-size: 17px;
}
.goodsWide__item .goodsList__withList .goodsNumber {
  font-size: 17px;
}
.goodsWide__item .goodsList__withList .favorite {
  top: 52px;
  left: 56px;
  width: 18px;
  height: 18px;
}
.goodsWide__item .goodsList__withList li:has(.favorite) {
  position: relative;
}
.goodsWide__item .goodsList__withList.type2 .thumbnail {
  border-radius: 4px;
}
.goodsWide__item .goodsList__withList.type2 a {
  background: transparent;
}
.goodsWide__item .goodsList__with {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  width: 100%;
  height: 44px;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #eee;
  border-radius: 4px;
  font-size: 14px;
  color: #666;
}
.goodsWide__item .goodsList__with::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat center center/100% auto;
  transition: all 0.4s;
}
.goodsWide__item .goodsList__with.active::after {
  transform: rotate(180deg);
}
.type4 .goodsWide__item .goodsList__with {
  border-width: 1px;
  border-color: #e5e5e5;
}

.goodsWide__item:not(:has(.goodsList__with)) {
  padding-bottom: 16px;
}
.type4 .goodsWide__item {
  width: 100%;
  padding: 0;
}

/********** // (e) goods wide **********/
/********** store info (s) // **********/
.storeInfo {
  display: flex;
  align-items: center;
  width: calc(100% - 30px);
  height: 48px;
  box-sizing: border-box;
  background-color: #f7f7f7;
  border-radius: 4px;
  padding: 0 16px;
  margin: 0 15px 16px;
}
.storeInfo .name {
  display: flex;
  flex: 1;
  align-items: center;
  flex-direction: row;
  font-size: 16px;
  font-weight: 700;
  color: #222;
}
.storeInfo .name img.ico {
  /*content: "";*/
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 100px;
  margin-right: 8px;
  margin-top: -4px;
}
.storeInfo .name::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  vertical-align: middle;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  transform: rotate(45deg);
  margin-left: 1px;
  margin-top: -1px;
}
.storeInfo .count {
  font-size: 13px;
  font-weight: 400;
  color: #999;
}

/********** // (e) store info **********/
/********** goods list (s) // **********/
.goodsList {
  padding: 0 15px 24px;
  position: relative;
}
.goodsList.plBanner {
  padding-left: 40vw;
  padding-bottom: 10.6666666667vw;
}
.goodsList.plBanner .swiper-slide-active, .goodsList.plBanner .swiper-slide-next, .goodsList.plBanner .swiper-slide-next ~ .swiper-slide {
  opacity: 1;
}
.goodsList .thumbnail {
  position: relative;
}
.goodsList .thumbnail--empty {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 10px;
  background: #F5F5F5 !important;
}
.goodsList .thumbnail--empty img {
  width: auto !important;
  height: auto !important;
}
.goodsList .thumbnail__txt {
  font-size: 12px;
  color: #666;
  font-style: normal;
}
.goodsList .thumbnail .live {
  margin: 0;
}
.goodsList .thumbnail::before {
  content: "";
  background: rgba(102, 102, 102, 0.05);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.goodsList .end .thumbnail::before {
  background: rgba(255, 255, 255, 0.6);
}

.goodsList__arrow {
  position: absolute;
  font-size: 0;
  top: 21.0666666667vw;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  width: 24px;
  height: 36px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  z-index: 90;
}
.goodsList__arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 24px;
  background: url("https://imagecdn.skstoa.com/static/img/arrow_right.png") no-repeat 0 0/100% auto;
}
.goodsList__arrow.prev {
  left: 0;
  border-radius: 0 4px 4px 0;
}
.goodsList__arrow.prev::before {
  transform: rotate(180deg);
}
.goodsList__arrow.next {
  right: 0;
  border-radius: 4px 0 0 4px;
}
.noSlide .goodsList__arrow {
  display: none;
}

.goodsList__pbar {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  margin-top: 30px;
}
.goodsList__pbar .swiper-pagination-progressbar-fill {
  bottom: -1px;
  background-color: #444;
  position: absolute;
  left: 0;
  top: -1px;
  height: 2px;
  width: 100%;
  transform-origin: left top;
}
.goodsList__caption {
  color: #222;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
  margin: 20px 0 20px;
}
.goodsList__caption b {
  font-weight: 700;
}
.goodsList.type1 {
  overflow: visible;
}
.goodsList.type1 .swiper-slide {
  width: 266px;
}
.noSlide.goodsList.type1 .swiper-slide {
  width: 100%;
}

.goodsList.type1 a {
  display: flex;
  border: 1px solid #eee;
  border-radius: 8px;
  gap: 10px;
  overflow: hidden;
  padding: 0 10px 0 0;
  width: 100%;
}
.goodsList.type1 .thumbnail {
  position: relative;
  width: 78px;
  height: 78px;
}
.goodsList.type1 .thumbnail img {
  width: 100%;
  height: 100%;
}
.goodsList.type1 .thumbnail .broadcasting {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 18px;
  font-size: 12px;
  color: #fff;
  font-style: normal;
  position: absolute;
  background: linear-gradient(90deg, #E62642 0%, #F47725 100%);
  bottom: 0;
  left: 0;
  font-weight: 700;
}
.goodsList.type1 .info {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 5px;
}
.goodsList.type1 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  color: #222;
  letter-spacing: -0.04em;
}
.goodsList.type1 .goodsPrice {
  display: flex;
  align-items: baseline;
  font-size: 12px;
}
.goodsList.type1 .goodsDiscount {
  font-size: 15px;
  margin: 0 4px 0 0;
}
.goodsList.type1 .goodsNumber {
  font-size: 15px;
}
.goodsList.type2 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 10px;
}
.goodsList.type2 li {
  position: relative;
  overflow: hidden;
  width: calc((100% - 20px) / 3);
}
.goodsList.type2 a {
  display: flex;
  flex-direction: column;
}
.goodsList.type2 .thumbnail {
  width: 100%;
  height: 28.8vw;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.goodsList.type2 .thumbnail .goodsToast {
  position: absolute;
  left: 0;
  bottom: 0;
}
.goodsList.type2 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
}
.goodsList.type2 .thumbnail .goodsMark.type2 {
  width: 35px;
  height: 35px;
}
.goodsList.type2 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
}
.goodsList.type2 .thumbnail .badge {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 6px;
  height: 22px;
  display: flex;
  align-items: center;
  background: #E62642;
  border-radius: 8px 0 8px 0;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
}
.goodsList.type2 .info {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0;
}
.goodsList.type2 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  height: 36px;
  color: #222;
  letter-spacing: -0.04em;
}
.goodsList.type2 .soldOut :is(.title, .title b, .goodsPayment) {
  color: #666;
}
.goodsList.type2 .goodsPrice {
  display: flex;
  align-items: baseline;
  font-size: 12px;
  margin: 4px 0 0;
}
.goodsList.type2 .goodsPayment {
  font-size: 14px;
  margin: 0 4px 0 0;
}
.goodsList.type2 .goodsDiscount {
  font-size: 13px;
  margin: 0 2px 0 0;
}
.goodsList.type2 .goodsNumber {
  font-size: 15px;
}
.goodsList.type2 .favorite {
  position: absolute;
  top: 21.8666666667vw;
  right: 6px;
}
.goodsList.type2 .goodsBadge {
  margin: 6px 0 0;
}
.goodsList.type2 .goodsStar {
  margin: 8px 0 0;
}
.goodsList.type2 .goodsCount {
  margin: 8px 0 0;
}
.goodsList.type3:not(.swiper-moving) .swiper-slide-prev {
  opacity: 0;
}
.goodsList.type3.row .swiper-wrapper {
  flex-wrap: wrap;
}
.goodsList.type3.small .thumbnail {
  width: 90px;
  height: 90px;
}
.goodsList.type3.small .swiper-slide {
  width: 90px;
}
.goodsList.type3 .swiper-slide {
  transition: opacity 0.4s;
  position: relative;
  width: 102px;
}
.goodsList.type3 .swiper-slide.type2 {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.goodsList.type3 .swiper-slide.type2 .thumbnail {
  border-radius: 0;
}
.goodsList.type3 .swiper-slide.type2 .info.type2 .goodsNumber {
  font-size: 13px;
}
.goodsList.type3 a {
  display: flex;
  flex-direction: column;
}
.goodsList.type3 .thumbnail {
  display: block;
  height: 102px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.goodsList.type3 .thumbnail img {
  height: 100%;
}
.goodsList.type3 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 35px;
  height: 35px;
}
.goodsList.type3 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
}
.goodsList.type3 .goodsRank {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-size: 12px;
  color: #fff;
  background: rgba(68, 68, 68, 0.6);
  border-radius: 8px 0 8px 0;
}
.goodsList.type3 .info {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0;
}
.goodsList.type3 .info.type2 {
  padding: 12px 6px;
  margin: 0;
}
.goodsList.type3 .info.type3 {
  display: flex;
  flex-direction: column;
  margin: 8px 0 0;
}
.goodsList.type3 .info.type3 .title {
  order: 2;
  font-size: 12px;
  height: auto;
}
.goodsList.type3 .info.type3 .goodsPrice {
  order: 1;
  margin: 0 0 6px;
}
.goodsList.type3 .favorite {
  position: absolute;
  top: 75px;
  right: 4px;
}
.goodsList.type3 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 38px;
  font-size: 13px;
  color: #222;
  letter-spacing: -0.04em;
}
.goodsList.type3 .soldOut :is(.title, .goodsPayment) {
  color: #666;
}
.goodsList.type3 .goodsToast {
  position: absolute;
  bottom: 0;
  left: 0;
}
.goodsList.type3 .goodsPrice {
  margin: 4px 0 0;
  display: flex;
  align-items: baseline;
  font-size: 12px;
}
.goodsList.type3 .goodsPrice:first-child {
  margin-top: 0;
  margin-bottom: 4px;
}
.goodsList.type3 .goodsPrice.type2 {
  flex-wrap: wrap;
}
.goodsList.type3 .goodsPrice.type2:has(.goodsDiscount.type2) {
  font-size: 0;
}
.goodsList.type3 .goodsPrice.type2:has(.goodsDiscount.type2)::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  order: 2;
}
.goodsList.type3 .goodsPrice.type2:has(.goodsDiscount.type2) .goodsDiscount.type2 {
  order: 1;
}
.goodsList.type3 .goodsPrice.type2:has(.goodsDiscount.type2) .goodsNumber {
  order: 3;
}
.goodsList.type3 .goodsPrice.type2:has(.goodsDiscount.type2) .goodsNumber::after {
  content: "원";
  font-size: 12px;
  color: #E62642;
  font-weight: 400;
}
.goodsList.type3 .goodsPayment {
  font-size: 14px;
  margin: 0 4px 0 0;
}
.goodsList.type3 .goodsDiscount {
  font-size: 13px;
  margin: 0 2px 0 0;
}
.goodsList.type3 .goodsDiscount.type2 {
  display: flex;
  align-items: center;
  background: #E62642;
  clip-path: polygon(80.95% 100%, 0 100%, 0 0, 100% 0);
  color: #fff;
  padding: 0 14px 0 2px;
  height: 16px;
  margin: 0 0 2px;
}
.goodsList.type3 .goodsDiscount.type3 {
  position: absolute;
  top: 0;
  right: 9px;
  width: 28px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E62642;
  color: #fff;
}
.goodsList.type3 .goodsDiscount.type3::after {
  content: "";
  display: block;
  border-width: 11px 18px 0 18px;
  border-style: solid;
  border-color: #E62642 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.goodsList.type3 .goodsDiscount i {
  font-size: 9px;
}
.goodsList.type3 .goodsDiscountNumber {
  line-height: 1;
}
.goodsList.type3 .goodsDiscountNumber.type2 {
  width: 100%;
}
.goodsList.type3 .goodsNumber {
  font-size: 14px;
}
.goodsList.type3 .goodsBadge {
  margin: 6px 0 0;
}
.goodsList.type3 .goodsStar {
  margin: 8px 0 0;
}
.goodsList.type3 .goodsCount {
  margin: 8px 0 0;
}
.secret .goodsList.type3 {
  padding: 0 15px;
}

.goodsList.type4 {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 10px;
}
.goodsList.type4 li {
  width: calc((100% - 10px) / 2);
  position: relative;
}
.goodsList.type4 a {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.goodsList.type4 .ranking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
}
.goodsList.type4 .ranking__number {
  display: flex;
  align-items: center;
  gap: 0 4px;
  font-size: 16px;
  color: #222;
  font-weight: 700;
  line-height: 24px;
}
.goodsList.type4 .ranking__change {
  display: flex;
  align-items: center;
  gap: 0 4px;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
}
.goodsList.type4 .ranking__change:not(.goodsList.type4 .ranking__change--new)::before {
  content: "";
  display: block;
  border-style: solid;
}
.goodsList.type4 .ranking__change--down {
  color: #999;
}
.goodsList.type4 .ranking__change--down::before {
  border-width: 6px 4px 0 4px;
  border-color: #999 transparent transparent transparent;
}
.goodsList.type4 .ranking__change--up {
  color: #E62642;
}
.goodsList.type4 .ranking__change--up::before {
  border-width: 0 4px 6px 4px;
  border-color: transparent transparent #E62642 transparent;
}
.goodsList.type4 .ranking__change--new {
  font-size: 12px;
  color: #444;
}
.goodsList.type4 .ranking__badge {
  display: flex;
  align-items: center;
  padding: 0 4px;
  height: 19px;
  border-radius: 4px;
  background: rgba(34, 139, 230, 0.1019607843);
  font-size: 11px;
  color: #0089FF;
}
.goodsList.type4 .goodsRank {
  font-size: 16px;
  margin: 0 0 4px;
}
.goodsList.type4 .goodsRank ~ .favorite {
  top: 40vw;
}
.goodsList.type4 .thumbnail {
  width: 100%;
  height: 44.5333333333vw;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.goodsList.type4 .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.goodsList.type4 .thumbnail .goodsRank {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  background: linear-gradient(90deg, #E62642 0%, #F47725 100%);
  border-radius: 8px 0;
}
.goodsList.type4 .thumbnail .goodsRank.type2 {
  background: #444444;
}
.goodsList.type4 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 35px;
  height: 35px;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.goodsList.type4 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 32px;
  height: 32px;
}
.goodsList.type4 .thumbnail .countdown {
  position: absolute;
  left: 6px;
  bottom: 6px;
  display: flex;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  background: #F47725;
  border-radius: 4px;
  padding: 4px 6px;
  font-style: normal;
}
.goodsList.type4 .end .thumbnail .countdown {
  background: #444;
}

.goodsList.type4 .goodsToast {
  position: absolute;
  bottom: 0;
  left: 0;
}
.goodsList.type4 .info {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin: 12px 0 0;
  width: 100%;
}
.goodsList.type4 .time {
  display: flex;
  height: 20px;
  align-items: center;
  background: #FDEFDE;
  color: #222;
  margin: 0 0 8px;
  font-size: 12px;
  padding: 0 6px;
}
.goodsList.type4 .buyCount {
  margin-bottom: 6px;
}
.goodsList.type4 .txt {
  color: #FF7D00;
  font-size: 13px;
  margin: 0 0 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
}
.goodsList.type4 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #222;
  font-size: 15px;
}
.goodsList.type4 .soldOut :is(.title, .title b, .itemCategory, .goodsPayment, .txt) {
  color: #666;
}
.goodsList.type4 .goodsPrice {
  margin: 8px 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-size: 14px;
}
.goodsList.type4 .goodsPrice.type2 {
  display: flex;
  flex-direction: column;
  margin-top: 6px;
}
.goodsList.type4 .goodsPrice.type2 li {
  display: flex;
  align-items: center;
}
.goodsList.type4 .goodsPrice.type2 .goodsNumber {
  font-weight: 400;
  font-size: 12px;
  color: #666;
}
.goodsList.type4 .goodsPrice.type2 .goodsNumber b {
  font-weight: 600;
  font-size: 15px;
}
.goodsList.type4 .goodsPrice.type2 .goodsDiscountNumber {
  font-size: 12px;
  margin-bottom: 2px;
}
.goodsList.type4 .goodsPrice.type2 .goodsShoppingNumber {
  font-size: 13px;
}
.goodsList.type4 .goodsPrice.type2 .goodsShoppingNumber b {
  font-size: 20px;
  line-height: 1;
}
.goodsList.type4 .goodsPrice.type2 .goodsShoppingSupport {
  margin-top: 4px;
}
.goodsList.type4 .goodsPayment {
  font-size: 17px;
  margin: 0 4px 0 0;
  line-height: 1;
}
.goodsList.type4 .goodsDiscount {
  font-size: 20px;
  margin: 0 4px 0 0;
}
.goodsList.type4 .goodsDiscountNumber {
  width: 100%;
  font-size: 14px;
  margin-bottom: 4px;
}
.goodsList.type4 .goodsPrice.type3 {
  color: #E62642;
  align-items: end;
}
.goodsList.type4 .goodsPrice.type3 .goodsDiscountNumber {
  font-size: 14px;
}
.goodsList.type4 .goodsPrice.type3 .goodsDiscount {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 20px;
  box-sizing: border-box;
  background: #e60023;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 6px 0 3px;
  margin: 0;
  /* 사다리꼴 */
  clip-path: polygon(0 0, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
}
.goodsList.type4 .goodsPrice.type3 .goodsNumber {
  color: #E62642;
}
.goodsList.type4 .goodsNumber {
  font-size: 20px;
  line-height: 1;
}
.goodsList.type4 .goodsBadge {
  margin: 10px 0 0;
}
.goodsList.type4 .goodsStar {
  margin: 8px 0 0;
}
.goodsList.type4 .goodsCount {
  margin: 8px 0 0;
}
.goodsList.type4 .goodsPurchasedVolume {
  font-size: 12px;
  margin: 8px 0 0;
}
.goodsList.type4 .goodsAlert {
  position: absolute;
  top: 33.8666666667vw;
  right: 8px;
}
.goodsList.type4 .favorite {
  position: absolute;
  top: 35.4666666667vw;
  right: 10px;
}
.goodsList.type4 .people {
  display: flex;
  font-size: 12px;
  color: #999;
  align-items: end;
  line-height: 1;
  margin-top: 8px;
}
.goodsList.type4 .people b {
  color: #222;
  font-weight: 400;
  margin-right: 2px;
}
.goodsList.type4 .people::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("/static/img/stoaModule/experienceGroupPeople.svg") no-repeat 0 0/100% auto;
  margin-right: 4px;
}
.goodsList.type4:has(.ranking) .favorite {
  top: 43.7333333333vw;
}
.goodsList.type5:not(.swiper-moving) .swiper-slide-prev {
  opacity: 0;
}
.goodsList.type5 .swiper-slide {
  position: relative;
  width: 128px;
  transition: opacity 0.4s;
}
.goodsList.type5 a {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.goodsList.type5 .thumbnail {
  height: 128px;
  overflow: hidden;
  position: relative;
  border-radius: 8px 8px 0 0;
}
.goodsList.type5 .thumbnail img {
  height: 100%;
}
.goodsList.type5 .thumbnail--empty {
  border-radius: 8px;
}
.goodsList.type5 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 34px;
  height: 34px;
}
.goodsList.type5 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 30px;
  height: 30px;
}
.goodsList.type5 .info {
  display: flex;
  flex-direction: column;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #eee;
  padding: 12px 10px 13px;
}
.goodsList.type5 .info.type2 {
  border-radius: 0 0 8px 8px;
}
.goodsList.type5 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 13px;
  color: #222;
  letter-spacing: -0.056em;
  margin: 0 0 6px;
  min-height: 37px;
}
.goodsList.type5 .soldOut :is(.title, .goodsPayment) {
  color: #666;
}
.goodsList.type5 .layer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
}
.goodsList.type5 .layer b {
  font-size: 20px;
}
.goodsList.type5 .goodsPrice {
  display: flex;
  align-items: baseline;
  font-size: 13px;
}
.goodsList.type5 .goodsPayment {
  font-size: 14px;
  margin: 0 4px 0 0;
}
.goodsList.type5 .goodsDiscount {
  font-size: 15px;
  margin: 0 4px 0 0;
}
.goodsList.type5 .goodsNumber {
  font-size: 15px;
  color: #222;
}
.goodsList.type5 .btnArea {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  height: 36px;
  gap: 4px;
  border-radius: 0 0 8px 8px;
}
.goodsList.type5 .btnArea.type1 {
  background: #E62642;
  color: #fff;
  font-weight: 700;
}
.goodsList.type5 .btnArea.type2 {
  border: 1px solid #eee;
  color: #E62642;
}
.goodsList.type5 .btnArea.type2::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("https://imagecdn.skstoa.com/static/img/bell@2x.png") no-repeat 0 0/100% auto;
}
.goodsList.type5 .btnArea.type2.active {
  color: #999;
}
.goodsList.type5 .btnArea.type2.active::before {
  background-image: url("/static/img/stoaModule/bell_Fill@2x.png");
}
.goodsList.type5 .btnArea.type3 {
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #eee;
}
.goodsList.type5 .btnArea.type3::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/Shopping_Cart@2x.png") no-repeat 0 0/100% auto;
}
.goodsList.type5 .favorite {
  position: absolute;
  top: 100px;
  right: 8px;
}
.goodsList.type6 {
  display: flex;
  flex-direction: column;
}
.goodsList.type6.goodsRecomm {
  display: block;
  _height: 396px;
  box-sizing: border-box;
}
.goodsList.type6.goodsRecomm .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
  height: 426px;
}
.goodsList.type6.goodsRecomm .swiper-slide {
  width: 295px;
  height: auto !important;
  position: relative;
  order: 0 !important;
}
.goodsList.type6.goodsRecomm .swiper-slide:not(:nth-child(3n+1)) {
  margin-top: 24px !important;
}
.goodsList.type6.goodsRecomm .swiper-slide:nth-child(3n+1) {
  margin-top: 0 !important;
}
.goodsList.type6.goodsRecomm .paging {
  position: relative;
  bottom: 0;
  left: 0;
  transform: none;
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.goodsList.type6.goodsRecomm .paging__item {
  background: #ccc;
  width: 6px;
  height: 6px;
}
.goodsList.type6.goodsRecomm .paging__item.active {
  background: #000;
}
.goodsList.type6.goodsBroadcastList .swiper-wrapper {
  flex-wrap: wrap;
}
.goodsList.type6.goodsBroadcastList .swiper-slide {
  width: 297px;
}
.goodsList.type6.goodsBroadcastList .swiper-slide:nth-child(even) {
  margin-top: 16px !important;
}
.goodsList.type6.goodsBroadcastList .swiper-scrollbar {
  width: 100%;
  height: 1px;
  background: #ddd;
  margin-top: 24px;
}
.goodsList.type6.goodsBroadcastList .swiper-scrollbar-drag {
  height: 2px;
  background: #444;
}
.goodsList.type6.goodsBroadcastList .thumbnail {
  width: 130px;
  height: 130px;
}
.goodsList.type6 li {
  position: relative;
}
.goodsList.type6 > li + li {
  margin-top: 16px;
}
.goodsList.type6 a {
  display: flex;
}
a ~ .goodsList.type6 {
  padding-top: 16px;
}
.goodsList.type6.small .thumbnail {
  width: 78px;
  height: 78px;
}
.goodsList.type6.small .favorite {
  top: 50px;
  left: 50px;
}
.goodsList.type6.small :is(.goodsNumber, .goodsDiscount) {
  font-size: 17px;
}
.goodsList.type6 .favorite {
  position: absolute;
  top: 82px;
  left: 82px;
}
.goodsList.type6 .thumbnail {
  overflow: hidden;
  width: 108px;
  height: 108px;
  border-radius: 8px;
  position: relative;
  flex-shrink: 0;
}
.goodsList.type6 .thumbnail img {
  width: 100%;
  height: 100%;
}
.goodsList.type6 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 35px;
  height: 35px;
}
.goodsList.type6 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
}
.goodsList.type6 .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  overflow: hidden;
  margin-left: 12px;
}
.goodsList.type6 .time {
  display: flex;
  height: 20px;
  align-items: center;
  background: #FEF9EF;
  color: #222;
  margin: 0 0 8px;
  font-size: 12px;
  padding: 0 6px;
}
.goodsList.type6 .badge {
  display: flex;
  gap: 4px;
  margin: 0 0 6px;
  width: 100%;
  overflow: hidden;
}
.goodsList.type6 .badge.single .badge__item {
  max-width: 100%;
}
.goodsList.type6 .badge__item {
  line-height: 1;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  height: 20px;
  padding: 0 4px;
  max-width: calc(50% - 2px);
  font-style: normal;
  font-size: 10px;
  letter-spacing: -0.7px;
}
.goodsList.type6 .badge__item i {
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.goodsList.type6 .badge__item.type1 {
  background: #FDEFDE;
  color: #FF7D00;
}
.goodsList.type6 .badge__item.type2 {
  background: #F5FAFE;
  color: #12B886;
}
.goodsList.type6 .badge__item.type2::before {
  content: "";
  display: block;
  width: 9px;
  height: 14px;
  background: url("/static/img/stoaModule/img_bolt@2x.png") no-repeat 0 0/100% auto;
  flex-shrink: 0;
}
.goodsList.type6 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  color: #222;
  margin: 0 0 4px;
  letter-spacing: -0.04em;
}
.goodsList.type6 .soldOut :is(.title, .title b, .itemCategory, .goodsPayment) {
  color: #666;
}
.goodsList.type6 .goodsToast {
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: 700;
}
.goodsList.type6 .goodsPrice {
  font-size: 13px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.goodsList.type6 .goodsPrice.type2 {
  display: flex;
  flex-direction: column;
}
.goodsList.type6 .goodsPrice.type2 li {
  display: flex;
  align-items: center;
}
.goodsList.type6 .goodsPrice.type2 .goodsNumber {
  font-weight: 400;
  font-size: 12px;
  color: #666;
}
.goodsList.type6 .goodsPrice.type2 .goodsNumber b {
  font-weight: 600;
  font-size: 15px;
}
.goodsList.type6 .goodsPrice.type2 .goodsDiscountNumber {
  font-size: 12px;
}
.goodsList.type6 .goodsPrice.type2 .goodsShoppingNumber {
  font-size: 13px;
}
.goodsList.type6 .goodsPrice.type2 .goodsShoppingNumber b {
  font-size: 18px;
}
.goodsList.type6 .goodsPrice.type2 .goodsShoppingSupport {
  margin: 4px 0 0 4px;
}
.goodsList.type6 .goodsPayment {
  font-size: 16px;
  margin: 0 4px 0 0;
}
.goodsList.type6 .goodsDiscount {
  font-size: 18px;
  margin: 0 4px 0 0;
}
.goodsList.type6 .goodsNumber {
  font-size: 18px;
}
.goodsList.type6 .goodsDiscountNumber {
  font-size: 14px;
  width: 100%;
  margin: 0 0 3px;
  line-height: 1;
}
.goodsList.type6 .goodsBadge {
  margin: 6px 0 0;
}
.goodsList.type6 .goodsStar {
  margin: 8px 0 0;
}
.goodsList.type7.row .swiper-wrapper {
  flex-wrap: wrap;
  gap: 8px 0px;
}
.goodsList.type7 .swiper-slide {
  transition: opacity 0.4s;
  position: relative;
  width: 128px;
  border-radius: 8px;
  background: #fff;
}
.goodsList.type7 .swiper-slide.type2 {
  border-radius: 4px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.0588235294);
  background: #fff;
}
.goodsList.type7 .swiper-slide.type2 .thumbnail {
  border-radius: 4px 4px 0 0;
}
.goodsList.type7 .swiper-slide.type2 .info {
  padding: 0 10px 15px;
}
.goodsList.type7 .swiper-slide.type2 .title {
  font-size: 13px;
}
.goodsList.type7 .swiper-slide.type2 .goodsDiscount {
  font-size: 13px;
}
.goodsList.type7 .swiper-slide.type2 .goodsNumber {
  font-size: 14px;
}
.goodsList.type7 .swiper-slide.type2 .goodsPayment {
  font-size: 14px;
}
.goodsList.type7 .swiper-slide.type2 .goodsPayment {
  font-size: 14px;
}
.goodsList.type7 .swiper-slide:has(.cart) .info {
  margin-top: 48px;
}
.goodsList.type7:not(.swiper-moving) .swiper-slide-prev {
  opacity: 0;
}
.goodsList.type7 a {
  display: flex;
  flex-direction: column;
}
.goodsList.type7 .thumbnail {
  display: block;
  height: 128px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.goodsList.type7 .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.goodsList.type7 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 35px;
  height: 35px;
}
.goodsList.type7 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 30px;
  height: 30px;
}
.goodsList.type7 .thumbnail .countdown {
  position: absolute;
  left: 6px;
  bottom: 6px;
  display: flex;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  background: #F47725;
  border-radius: 4px;
  padding: 4px 6px;
  font-style: normal;
}
.goodsList.type7 .thumbnail .badge {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 6px;
  height: 22px;
  display: flex;
  align-items: center;
  background: #E62642;
  border-radius: 8px 0 8px 0;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
}
.goodsList.type7 .goodsRank {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  font-style: normal;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #fff;
  background: rgba(68, 68, 68, 0.6);
  border-radius: 8px 0 8px 0;
}
.goodsList.type7 .info {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0;
  align-items: start;
}
.goodsList.type7 .info.type2 {
  padding: 12px 6px;
  margin-top: 0;
}
.goodsList.type7 .info.type3 {
  display: flex;
  flex-direction: column;
  margin: 10px 0 0;
}
.goodsList.type7 .info.type3 .title {
  order: 2;
  line-height: 16px;
  letter-spacing: -0.52px;
  height: auto;
}
.goodsList.type7 .info.type3 .goodsPrice {
  order: 1;
  margin: 0 0 6px;
  font-size: 13px;
  flex-direction: initial;
}
.goodsList.type7 .info.type3 .goodsPrice--row {
  flex-flow: row;
  align-items: center;
  color: #e62642;
}
.goodsList.type7 .info.type3 .goodsPrice .goodsDiscount.type3 {
  position: absolute;
  top: 0;
  right: 9px;
  width: 33px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E62642;
  color: #fff;
  font-size: 18px;
}
.goodsList.type7 .info.type3 .goodsPrice .goodsDiscount.type3::after {
  content: "";
  display: block;
  border-width: 14px 22px 0 22px;
  border-style: solid;
  border-color: #E62642 transparent transparent transparent;
  position: absolute;
  top: 96%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.goodsList.type7 .info.type3 .goodsPrice .goodsDiscount i {
  font-size: 10px;
}
.goodsList.type7 .info.type3 .goodsPrice .goodsDiscount.type4 {
  position: relative;
  margin-bottom: 6px;
  padding: 0 0 0 17px;
  font-size: 12px;
}
.goodsList.type7 .info.type3 .goodsPrice .goodsDiscount.type4::after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 18px;
  height: 18px;
  background: url(/static/img/ico/ico_sale.svg) no-repeat;
}
.goodsList.type7 .info.type3 .goodsPrice .goodsDiscount.type5 {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 3px;
  padding: 1px 4px 0;
  font-size: 11px;
  color: #fff;
  line-height: 15px;
  font-weight: 700;
  border-radius: 2px;
  background: #E62642;
  order: 2;
}
.goodsList.type7 .info.type3 .goodsPrice .goodsNumber {
  font-size: 17px;
  font-weight: 700;
  color: #222;
}
.goodsList.type7 .info.type3 .goodsBadge {
  order: 3;
}
.goodsList.type7 .info.type4 {
  margin-top: 8px;
}
.goodsList.type7 .cart {
  position: absolute;
  top: 136px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 13px;
  color: #222;
  background: #fff;
  z-index: 3;
}
.goodsList.type7 .time {
  display: flex;
  height: auto;
  align-items: center;
  font-size: 12px;
  word-break: break-all;
  background: #FDEFDE;
  color: #222;
  margin: 0 0 8px;
  padding: 0 6px;
}
.goodsList.type7 .infoBadge {
  display: flex;
  height: auto;
  min-width: 32px;
  align-items: center;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  word-break: break-all;
  border-radius: 8px;
  background: #F5F5F5;
  color: #444;
  margin: 0 0 8px;
  padding: 2px 6px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
}
.goodsList.type7 .favorite {
  position: absolute;
  top: 98px;
  right: 4px;
}
.goodsList.type7 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  height: 37px;
  overflow: hidden;
  font-size: 14px;
  color: #222;
  letter-spacing: -0.04em;
  padding-bottom: 1px;
}
.goodsList.type7 .title.type2 {
  font-size: 12px;
  color: #666;
  height: 35px;
}
.goodsList.type7 .goodsPrice + .title {
  margin-top: 4px;
}

.goodsList.type7 .subTxt {
  font-size: 12px;
  color: #999;
  margin-top: 4px;
  line-height: 1.16;
}
.goodsList.type7 .subTxt.type2 {
  font-size: 13px;
  color: #444;
  line-height: 1.3;
  width: 100%;
}
.goodsList.type7 .subTxt.type3 {
  color: #E62642;
  line-height: 1.5;
}
.goodsList.type7 .subTxt.type3 + .goodsPrice {
  margin: 3px 0 4px;
}
.goodsList.type7 .soldOut :is(.title, .goodsPrice, .goodsPayment) {
  color: #666;
}
.goodsList.type7 .goodsToast {
  position: absolute;
  bottom: 0;
  left: 0;
}
.goodsList.type7 .goodsPrice {
  margin: 8px 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-size: 13px;
}
.goodsList.type7 .goodsPrice.type2 {
  display: flex;
  flex-direction: column;
}
.goodsList.type7 .goodsPrice.type2::after {
  content: "";
  flex-basis: 100%;
  order: 1;
}
.goodsList.type7 .goodsPrice.type2 li {
  display: flex;
  align-items: center;
}
.goodsList.type7 .goodsPrice.type2 .goodsNumber {
  font-weight: 400;
  font-size: 12px;
  color: #666;
  line-height: 1;
  margin-bottom: 2px;
}
.goodsList.type7 .goodsPrice.type2 .goodsNumber b {
  font-weight: 600;
  font-size: 15px;
}
.goodsList.type7 .goodsPrice.type2 .goodsDiscountNumber {
  font-size: 12px;
}
.goodsList.type7 .goodsPrice.type2 .goodsShoppingNumber {
  font-size: 13px;
}
.goodsList.type7 .goodsPrice.type2 .goodsShoppingNumber b {
  font-size: 18px;
  line-height: 1;
}
.goodsList.type7 .goodsPrice.type2 .goodsShoppingSupport {
  height: 10px;
  margin-top: 2px;
}
.goodsList.type7 .goodsPrice.type2 .goodsShoppingSupport.type1 {
  width: 62px;
}
.goodsList.type7 .goodsPrice.type2 .goodsShoppingSupport.type2 {
  width: 82px;
}
.goodsList.type7 .goodsPrice.type3 {
  align-items: center;
  color: #E62642;
  gap: 0 1px;
}
.goodsList.type7 .goodsPrice.type3 .goodsNumber {
  color: inherit;
  align-self: normal;
}
.goodsList.type7 .goodsPrice:first-child {
  margin-top: 0;
}
.goodsList.type7 .infoBadge + .goodsPrice {
  margin-top: 0;
}

.goodsList.type7 .goodsPayment {
  font-size: 16px;
  margin: 0 4px 0 0;
}
.goodsList.type7 .goodsDiscountNumber {
  width: 100%;
  font-size: 13px;
  margin: 0 4px 0 0;
}
.goodsList.type7 .goodsDiscount {
  font-size: 16px;
  margin: 0 2px 0 0;
}
.goodsList.type7 .goodsDiscount.type2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  background: #e60023;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 8px 0 3px;
  margin: 0;
  /* 사다리꼴 */
  clip-path: polygon(0 0, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
}
.goodsList.type7 .goodsNumber {
  font-size: 17px;
  line-height: 1;
}
.goodsList.type7 .goodsBadge {
  margin: 10px 0 0;
}
.goodsList.type7 .goodsStar {
  margin: 8px 0 0;
}
.goodsList.type7 .goodsStar.type2 {
  display: flex;
  align-items: center;
  gap: 0 2px;
  font-size: 14px;
  color: #222;
  font-weight: 700;
  margin: 0 0 12px;
}
.goodsList.type7 .goodsStar__item {
  width: 68px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsReviewStarEmpty.svg") space 0 0/12px auto;
}
.goodsList.type7 .goodsStar__item::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background: url("/static/img/stoaModule/star.svg") space 0 0/12px auto;
  clip-path: inset(0 calc((var(--score) / 5 * 100% - 100%) * -1) 0 0);
}
.goodsList.type7 .goodsStar__review {
  font-size: 12px;
  color: #666;
  font-style: normal;
  font-weight: 400;
}
.goodsList.type7 .goodsCount {
  margin: 8px 0 0;
}
.goodsList.type7 .goodsDeliveryType {
  order: 4;
}
.goodsList.type7 .goodsDeliveryType--order {
  order: initial;
}
.goodsList.type7 .buyCount {
  margin-top: 4px;
}
.goodsList.type7--add a {
  height: 160px;
  justify-content: end;
}
.goodsList.type7--add a.txt-link {
  height: auto;
}
.goodsList.type7--add .goodsDeliveryType {
  order: initial;
}
.goodsList.type7--add .thumbnail {
  border-radius: 8px;
}
.goodsList.type7--add .thumbnail.open:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.goodsList.type7--add .thumbnail.open .date {
  position: absolute;
  left: 0;
  top: 51px;
  width: 100%;
  height: 34px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  z-index: 3;
  text-align: center;
}
.goodsList.type7--add .broadcast-label {
  border-radius: 8px 8px 0 0;
  height: 32px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.52px;
  line-height: 32px;
  text-align: center;
}
.goodsList.type7--add .broadcast-label--time {
  background: #FFF1E7;
  color: #F47725;
}
.goodsList.type7--add .broadcast-label--live {
  background: #FEE9ED;
  color: #E62642;
}
.goodsList.type7--add .broadcast-label + .thumbnail {
  border-radius: 0 0 8px 8px;
}
.goodsList.type7--add .order-btn {
  width: 100%;
  height: 30px;
  border-radius: 4px;
  background: #E62642;
  box-sizing: border-box;
  margin-top: 10px;
}
.goodsList.type7--add .order-btn span {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
.goodsList.type7--add .order-btn--notify {
  border: 1px solid #ccc;
  background: #fff;
}
.goodsList.type7--add .order-btn--notify span {
  position: relative;
  padding: 0 0 0 16px;
  color: #E62642;
  font-weight: 500;
}
.goodsList.type7--add .order-btn--notify span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 13.33px;
  background: url(/static/img/ico/ico_notify.svg) no-repeat;
}
.goodsList.type7--add .favorite {
  top: 130px;
  z-index: 3;
}
.goodsList.type8 .swiper-slide {
  transition: opacity 0.4s;
  position: relative;
  width: 102px;
}
.goodsList.type8 a {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
}
.goodsList.type8 .thumbnail {
  display: block;
  height: 102px;
  overflow: hidden;
  position: relative;
}
.goodsList.type8 .thumbnail img {
  height: 100%;
}
.goodsList.type8 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
}
.goodsList.type8 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
}
.goodsList.type8 .info {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 12px 10px 10px;
}
.goodsList.type8 .favorite {
  position: absolute;
  top: 75px;
  right: 4px;
}
.goodsList.type8 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 37px;
  font-size: 13px;
  color: #222;
  letter-spacing: -0.04em;
}
.goodsList.type8 .soldOut :is(.title, .goodsPayment) {
  color: #666;
}
.goodsList.type8 .goodsToast {
  position: absolute;
  bottom: 0;
  left: 0;
}
.goodsList.type8 .goodsPrice {
  margin: 4px 0 0;
  display: flex;
  align-items: baseline;
  font-size: 12px;
}
.goodsList.type8 .goodsPayment {
  font-size: 14px;
  margin: 0 4px 0 0;
}
.goodsList.type8 .goodsDiscount {
  font-size: 15px;
  margin: 0 4px 0 0;
}
.goodsList.type8 .goodsNumber {
  font-size: 15px;
}
.goodsList.type8 .goodsBadge {
  margin: 8px 0 0;
}
.goodsList.type8 .goodsStar {
  margin: 8px 0 0;
}
.goodsList.type9 {
  padding-top: 24px;
}
.goodsList.type9.pt0 {
  padding-top: 0;
}
.goodsList.type9 .swiper-slide {
  transition: all 0.4s;
}
.goodsList.type9 .swiper-slide-next, .goodsList.type9 .swiper-slide-prev {
  opacity: 0;
}
.goodsList.type9 a {
  display: flex;
  flex-direction: column;
}
.goodsList.type9 .thumbnail {
  width: 100%;
  height: 51.7333333333vw;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  text-align: center;
}
.goodsList.type9 .thumbnail img {
  height: 100%;
  width: auto;
}
.goodsList.type9 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 44px;
  height: 44px;
}
.goodsList.type9 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 40px;
  height: 40px;
}
.goodsList.type9 .thumbnail .goodsToast {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  padding: 3px 0;
}
.goodsList.type9 .info {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0;
  align-items: start;
}
.goodsList.type9 .time {
  display: flex;
  height: 20px;
  align-items: center;
  background: #FDEFDE;
  color: #222;
  margin: 0 0 8px;
  font-size: 12px;
  padding: 0 6px;
}
.goodsList.type9 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 16px;
  color: #222;
}
.goodsList.type9 .txt {
  color: #FF7D00;
  font-size: 13px;
  margin: 0 0 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.goodsList.type9 .soldOut :is(.txt, .itemCategory, .title, .title b, .goodsPayment) {
  color: #666;
}
.goodsList.type9 .goodsPrice {
  margin: 8px 0 0;
  font-size: 14px;
  color: #222;
  display: flex;
  align-items: baseline;
}
.goodsList.type9 .goodsPrice.type2 {
  display: flex;
  flex-direction: column;
}
.goodsList.type9 .goodsPrice.type2 li {
  display: flex;
  align-items: center;
}
.goodsList.type9 .goodsPrice.type2 .goodsNumber {
  font-weight: 400;
  font-size: 12px;
  color: #666;
}
.goodsList.type9 .goodsPrice.type2 .goodsNumber b {
  font-weight: 600;
  font-size: 15px;
}
.goodsList.type9 .goodsPrice.type2 .goodsDiscountNumber {
  font-size: 12px;
}
.goodsList.type9 .goodsPrice.type2 .goodsShoppingNumber {
  font-size: 14px;
}
.goodsList.type9 .goodsPrice.type2 .goodsShoppingNumber b {
  font-size: 19px;
}
.goodsList.type9 .goodsPrice.type2 .goodsShoppingSupport {
  margin: 4px 0 0 6px;
}
.goodsList.type9 .goodsPayment {
  font-size: 18px;
  margin: 0 4px 0 0;
}
.goodsList.type9 .goodsDiscount {
  font-size: 20px;
  font-weight: 700;
  color: #E62642;
  margin: 0 4px 0 0;
}
.goodsList.type9 .goodsDiscountNumber {
  font-size: 13px;
  color: #999;
  margin: 0 0 0 4px;
  text-decoration: line-through;
}
.goodsList.type9 .goodsNumber {
  font-size: 20px;
  font-weight: 700;
  color: #222;
}
.goodsList.type9 .goodsBadge {
  margin: 14px 0 0;
}
.goodsList.type9 .goodsStar {
  font-size: 12px;
  margin: 8px 0 0;
}
.goodsList.type9 .goodsPurchasedVolume {
  font-size: 12px;
}
.goodsList.type9 .goodsInfo {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 6px 0 0;
  width: 100%;
}
.goodsList.type9 .goodsInfo .goodsBadge {
  margin: 0;
}
.goodsList.type9 .goodsInfo .goodsCount {
  position: absolute;
  top: -26px;
  right: 0;
  font-size: 12px;
}
.goodsList.type9 .favorite {
  position: absolute;
  top: 42.6666666667vw;
  right: 8px;
}
.goodsList.type10 a {
  display: flex;
  gap: 12px;
}
.goodsList.type10:is([data-slider=row2space24], [data-slider=row2space15]) .swiper-wrapper {
  flex-wrap: wrap;
}
.goodsList.type10:not(:is([data-slider=row2space24], [data-slider=row2space15])) .swiper-slide:not(:nth-child(-n+2)) {
  margin-top: 4px !important;
}
.goodsList.type10 .swiper-slide {
  position: relative;
  width: 320px;
}
.goodsList.type10 .thumbnail {
  width: 78px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.goodsList.type10 .thumbnail.type2 {
  width: 108px;
  height: 108px;
}
.goodsList.type10 .thumbnail .goodsToast {
  position: absolute;
  left: 0;
  bottom: 0;
}
.goodsList.type10 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
}
.goodsList.type10 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
}
.goodsList.type10 .title {
  font-size: 14px;
  color: #222;
}
.goodsList.type10 .title.type2 {
  font-size: 13px;
}
.goodsList.type10 .soldOut :is(.title, .title b, .itemCategory, .goodsPayment) {
  color: #666;
}
.goodsList.type10 .info {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.goodsList.type10 .goodsPrice {
  margin: 4px 0 0;
  font-size: 12px;
  display: flex;
  align-items: baseline;
}
.goodsList.type10 .goodsPrice.type2 {
  display: flex;
  flex-direction: column;
}
.goodsList.type10 .goodsPrice.type2 li {
  display: flex;
  align-items: center;
}
.goodsList.type10 .goodsPrice.type2 .goodsNumber {
  font-weight: 400;
  font-size: 12px;
  color: #666;
}
.goodsList.type10 .goodsPrice.type2 .goodsNumber b {
  font-weight: 600;
  font-size: 14px;
}
.goodsList.type10 .goodsPrice.type2 .goodsDiscountNumber {
  font-size: 12px;
}
.goodsList.type10 .goodsPrice.type2 .goodsShoppingNumber {
  font-size: 12px;
}
.goodsList.type10 .goodsPrice.type2 .goodsShoppingNumber b {
  font-size: 15px;
}
.goodsList.type10 .goodsPrice.type2 .goodsShoppingSupport {
  margin: 2px 0 0 4px;
}
.goodsList.type10 .goodsPrice.type3 {
  margin-top: 0;
  line-height: 1.2;
}
.goodsList.type10 .goodsPayment {
  font-size: 14px;
  margin: 0 4px 0 0;
}
.goodsList.type10 .goodsPayment.type2 {
  font-size: 17px;
}
.goodsList.type10 .goodsDiscount {
  font-size: 15px;
  margin: 0 4px 0 0;
}
.goodsList.type10 .goodsDiscount.type2 {
  font-size: 18px;
}
.goodsList.type10 .goodsNumber {
  font-size: 15px;
}
.goodsList.type10 .goodsNumber.type2 {
  font-size: 18px;
}
.goodsList.type10 .favorite {
  position: absolute;
  right: 6px;
  bottom: 6px;
}
.goodsList.type10 .favorite--type1 {
  right: 0;
  left: 50px;
}
.goodsList.type10 .badge {
  display: flex;
  gap: 4px;
  margin: 0 0 4px;
  width: 100%;
  overflow: hidden;
}
.goodsList.type10 .badge.single .badge__item {
  max-width: 100%;
}
.goodsList.type10 .badge__item {
  line-height: 1;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  height: 20px;
  padding: 0 4px;
  max-width: calc(50% - 2px);
  font-style: normal;
  font-size: 12px;
  letter-spacing: -0.7px;
}
.goodsList.type10 .badge__item i {
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.goodsList.type10 .badge__item.type1 {
  background: #FDEFDE;
  color: #FF7D00;
}
.goodsList.type10 .badge__item.type2 {
  background: #F5FAFE;
  color: #12B886;
}
.goodsList.type10 .badge__item.type2::before {
  content: "";
  display: block;
  width: 9px;
  height: 14px;
  background: url("/static/img/stoaModule/img_bolt@2x.png") no-repeat 0 0/100% auto;
  flex-shrink: 0;
}
.goodsList.type10 .badge__item.type3 {
  background: #FEF6F6;
  color: #EB536A;
}
.goodsList.type10 .goodsBadge {
  margin-top: 4px;
}
.goodsList.type10 .goodsStar {
  margin-top: 5px;
  line-height: 1;
}
.goodsList.type11 {
  background: #FDEFDE;
  padding: 16px 15px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.goodsList.type11 a {
  display: flex;
  gap: 12px;
}
.goodsList.type11 .thumbnail {
  width: 167px;
  position: relative;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}
.goodsList.type11 .thumbnail img {
  height: 180px;
}
.goodsList.type11 .thumbnail .discountBadge {
  position: absolute;
  top: 0;
  left: 6px;
  display: flex;
  align-items: end;
  justify-content: center;
  width: 32px;
  height: 28px;
  background: #228BE6;
  color: #fff;
  font-size: 10px;
  line-height: 1;
}
.goodsList.type11 .thumbnail .discountBadge b {
  font-size: 18px;
}
.goodsList.type11 .thumbnail .discountBadge::after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 14px 22px 0 22px;
  border-color: #228BE6 transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate3d(-50%, 0, 0);
}
.goodsList.type11 .info {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.goodsList.type11 .title {
  font-size: 14px;
  color: #222;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 0 4px;
  margin: 0 0 9px;
}
.goodsList.type11 .price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: #666;
  margin: 0 0 4px;
}
.goodsList.type11 .price__number {
  text-decoration: line-through;
}
.goodsList.type11 .benefit {
  font-size: 11px;
  color: #228BE6;
  font-weight: 700;
}
.goodsList.type11 .priceTotal {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 8px 0 0;
  padding: 8px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #FF7D00;
  font-weight: 700;
}
.goodsList.type11 .priceTotal__subject {
  font-size: 14px;
}
.goodsList.type11 .priceTotal__number {
  line-height: 1;
  display: flex;
  align-items: baseline;
  font-weight: 400;
  font-size: 11px;
}
.goodsList.type11 .priceTotal__number em {
  font-size: 19px;
  font-weight: 700;
}
.goodsList.type11 .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 28px;
  background: #FF7D00;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  margin: 8px 0 0;
}
.goodsList.type12 {
  padding: 0;
}
.stoaModule__item[style*=background] .goodsList.type12 {
  padding: 0 15px 50px;
}
.stoaModule__item[style*=background] .goodsList.type12 .goodsList__item {
  padding: 0 0 15px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.stoaModule__item[style*=background] .goodsList.type12 .goodsList__item:not(:first-child) {
  margin: 16px 0 0;
}
.stoaModule__item[style*=background] .goodsList.type12 .thumbnail {
  border-radius: 0;
}
.stoaModule__item[style*=background] .goodsList.type12 .info {
  padding: 0 15px;
}
.stoaModule__item[style*=background] .goodsList.type12 .favorite {
  right: 10px;
}

.goodsList.type12 .goodsList__item {
  position: relative;
  padding: 0 15px 40px;
}
.goodsList.type12 a {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.goodsList.type12 .thumbnail {
  width: 100%;
  height: 51.7333333333vw;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  text-align: center;
}
.goodsList.type12 .thumbnail::before {
  content: "";
  background: rgba(102, 102, 102, 0.05);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
.goodsList.type12 .thumbnail img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.goodsList.type12 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 44px;
  height: 44px;
}
.goodsList.type12 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 40px;
  height: 40px;
}
.goodsList.type12 .thumbnail .goodsToast {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  padding: 3px 0;
}
.goodsList.type12 .thumbnail .live {
  padding: 0;
}
.goodsList.type12 .thumbnail .live .live__banner {
  width: 101%;
  height: 101%;
}
.goodsList.type12 .thumbnail .live img {
  object-fit: cover;
}
.goodsList.type12 .info {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0;
  align-items: start;
}
.goodsList.type12 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 16px;
  color: #222;
}
.goodsList.type12 .time {
  display: flex;
  height: 20px;
  align-items: center;
  background: #FDEFDE;
  color: #222;
  margin: 0 0 8px;
  font-size: 12px;
  padding: 0 6px;
}
.goodsList.type12 .txt {
  width: 100%;
  color: #FF7D00;
  font-size: 13px;
  margin: 0 0 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.goodsList.type12 .soldOut :is(.txt, .itemCategory, .title, .title b, .goodsPayment) {
  color: #666;
}
.goodsList.type12 .goodsPrice {
  margin: 6px 0 0;
  font-size: 14px;
  color: #222;
  display: flex;
  align-items: baseline;
}
.goodsList.type12 .goodsPrice.type2 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.goodsList.type12 .goodsPrice.type2 li {
  display: flex;
  align-items: center;
}
.goodsList.type12 .goodsPrice.type2 .goodsNumber {
  font-weight: 400;
  font-size: 12px;
  color: #666;
}
.goodsList.type12 .goodsPrice.type2 .goodsNumber b {
  font-weight: 600;
  font-size: 15px;
}
.goodsList.type12 .goodsPrice.type2 .goodsDiscountNumber {
  font-size: 12px;
}
.goodsList.type12 .goodsPrice.type2 .goodsShoppingNumber {
  font-size: 14px;
}
.goodsList.type12 .goodsPrice.type2 .goodsShoppingNumber b {
  font-size: 20px;
  line-height: 1;
}
.goodsList.type12 .goodsPrice.type2 .goodsShoppingSupport {
  margin: 3px 0 0 6px;
}
.goodsList.type12 .goodsPayment {
  font-size: 18px;
  margin: 0 4px 0 0;
}
.goodsList.type12 .goodsDiscount {
  font-size: 20px;
  font-weight: 700;
  color: #E62642;
  margin: 0 4px 0 0;
}
.goodsList.type12 .goodsDiscountNumber {
  font-size: 12px;
  color: #999;
  margin: 0 0 0 4px;
  text-decoration: line-through;
}
.goodsList.type12 .goodsNumber {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  line-height: 1;
}
.goodsList.type12 .goodsBadge {
  flex: 1;
  margin: 14px 0 0;
}
.goodsList.type12 .goodsStar {
  font-size: 12px;
  margin: 8px 0 0;
}
.goodsList.type12 .goodsPurchasedVolume {
  font-size: 12px;
}
.goodsList.type12 .goodsInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 0;
  position: relative;
  width: 100%;
}
.goodsList.type12 .goodsInfo .goodsBadge {
  margin: 0;
}
.goodsList.type12 .goodsInfo .goodsCount {
  position: absolute;
  top: -26px;
  right: 0;
}
.goodsList.type12 .favorite {
  position: absolute;
  top: 42.6666666667vw;
  right: 30px;
}
.goodsTab ~ .goodsList.type12 .favorite {
  top: 42.6666666667vw;
}
.stoaModule__title + .goodsList.type12 {
  padding-top: 0;
}
.stoaModule__title + .goodsList.type12 .favorite {
  top: 42.9333333333vw;
}
.goodsTab ~ .goodsList.type12 {
  padding-top: 0;
}
.goodsList.type13 {
  display: flex;
  flex-direction: column;
  padding: 0 15px 24px;
  gap: 20px 0;
}
.goodsList.type13 .goodsList__item {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.0784313725);
  border-radius: 8px;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.0588235294);
  overflow: hidden;
  z-index: 3;
  padding-bottom: 20px;
}
.goodsList.type13 .goodsList__item:has(.goodsList__with) {
  padding-bottom: 0px;
}
.goodsList.type13 .goodsList__item:has(.thumbnail_caption:last-child) {
  padding-bottom: 0px;
}
.goodsList.type13 .goodsList__withList {
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.goodsList.type13 .goodsList__withList a {
  display: flex;
  flex-direction: row;
  background: #FAFAFA;
  border-radius: 4px;
  overflow: hidden;
}
.goodsList.type13 .goodsList__withList:not(.active) li:not(:first-child) {
  display: none;
}
.goodsList.type13 .goodsList__withList.active li {
  display: block;
}
.goodsList.type13 .goodsList__withList .thumbnail {
  width: 80px;
  height: 80px;
}
.goodsList.type13 .goodsList__withList .info {
  flex: 1;
  overflow: hidden;
  margin-top: 0;
  padding: 8px 12px;
}
.goodsList.type13 .goodsList__withList .title {
  font-size: 14px;
  padding: 0;
}
.goodsList.type13 .goodsList__withList .goodsPrice {
  font-size: 12px;
  padding: 0;
}
.goodsList.type13 .goodsList__withList .goodsDiscount {
  font-size: 17px;
}
.goodsList.type13 .goodsList__withList .goodsNumber {
  font-size: 17px;
}
.goodsList.type13 .goodsList__withList .favorite {
  top: 52px;
  left: 56px;
  width: 18px;
  height: 18px;
}
.goodsList.type13 .goodsList__withList li:has(.favorite) {
  position: relative;
}
.goodsList.type13 .goodsList__withList.type2 .thumbnail {
  border-radius: 4px;
}
.goodsList.type13 .goodsList__withList.type2 a {
  background: transparent;
}
.goodsList.type13 .goodsList__with {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  width: 100%;
  height: 44px;
  border-top: 1px solid rgba(0, 0, 0, 0.0784313725);
  font-size: 14px;
  color: #666;
  margin-top: 20px;
}
.goodsList.type13 .goodsList__with::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat center center/100% auto;
  transition: all 0.4s;
}
.goodsList.type13 .goodsList__with.active::after {
  transform: rotate(180deg);
}
.goodsList.type13 a {
  display: flex;
  flex-direction: column;
}
.goodsList.type13 .thumbnail {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.goodsList.type13 .thumbnail::before {
  content: "";
  background: rgba(102, 102, 102, 0.05);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.goodsList.type13 .thumbnail img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  aspect-ratio: 16/9;
}
.goodsList.type13 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 44px;
  height: 44px;
}
.goodsList.type13 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 40px;
  height: 40px;
}
.goodsList.type13 .thumbnail .goodsToast {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  padding: 3px 0;
}
.goodsList.type13 .thumbnail .live {
  width: 100%;
  padding: 0;
}
.goodsList.type13 .thumbnail .live__banner {
  width: 101%;
  height: 101%;
}
.goodsList.type13 .thumbnail .live__banner, .goodsList.type13 .thumbnail video {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.goodsList.type13 .thumbnail_caption {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #222;
  background: #F5F5F5;
  padding: 15px 15px;
  margin-bottom: 20px;
}
.goodsList.type13 .thumbnail_caption:last-child {
  margin-bottom: 0;
}
.goodsList.type13 .info {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0;
  align-items: start;
  padding-bottom: 20px;
}
.goodsList.type13 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 16px;
  color: #222;
  padding: 0 16px;
}
.goodsList.type13 .subTitle {
  font-size: 13px;
  color: #666;
  padding: 0 16px;
  margin-top: 4px;
  line-height: 1.69;
}
.goodsList.type13 .time {
  display: flex;
  height: 20px;
  align-items: center;
  background: #FDEFDE;
  color: #222;
  margin: 0 0 8px;
  font-size: 12px;
  padding: 0 6px;
}
.goodsList.type13 .txt {
  color: #FF7D00;
  font-size: 13px;
  margin: 0 0 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 16px;
}
.goodsList.type13 .soldOut :is(.txt, .itemCategory, .title, .title b, .goodsPayment) {
  color: #666;
}
.goodsList.type13 .goodsPrice {
  margin: 6px 0 0;
  font-size: 14px;
  color: #222;
  display: flex;
  align-items: baseline;
  padding: 0 16px;
}
.goodsList.type13 .goodsPayment {
  font-size: 18px;
  margin: 0 4px 0 0;
}
.goodsList.type13 .goodsDiscount {
  font-size: 20px;
  font-weight: 700;
  color: #E62642;
  margin: 0 4px 0 0;
}
.goodsList.type13 .goodsDiscountNumber {
  font-size: 12px;
  color: #999;
  margin: 0 0 0 4px;
  text-decoration: line-through;
}
.goodsList.type13 .goodsNumber {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  line-height: 1;
}
.goodsList.type13 .goodsBadge {
  flex: 1;
  margin: 14px 0 0;
}
.goodsList.type13 .goodsStar {
  font-size: 12px;
  margin: 8px 0 0;
}
.goodsList.type13 .goodsInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 0;
  position: relative;
  width: 100%;
  padding: 0 16px;
}
.goodsList.type13 .goodsInfo .goodsBadge {
  margin: 0;
}
.goodsList.type13 .goodsInfo .goodsCount {
  position: absolute;
  top: -26px;
  right: 0;
}
.goodsList.type13 .goodsDeliveryType {
  padding: 0 15px;
  width: 100%;
}
.goodsList.type13 .favorite {
  position: absolute;
  top: 42.6666666667vw;
  right: 30px;
}
.stoaModule__title + .goodsList.type13 {
  padding-top: 0;
}
.stoaModule__title + .goodsList.type13 .favorite {
  top: 15.4666666667vw;
}
.goodsList.type13 .liveIcoBtn {
  top: 46.6666666667vw;
  left: 10px;
  flex-direction: row;
  z-index: 10;
}
.goodsList.type14 .swiper-wrapper {
  height: inherit;
}
.goodsList.type14 .swiper-slide {
  transition: opacity 0.4s;
  position: relative;
  width: 128px;
  height: 100%;
}
.goodsList.type14 a {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0784313725);
}
.goodsList.type14 .thumbnail {
  display: block;
  height: 172px;
  overflow: hidden;
  position: relative;
}
.goodsList.type14 .thumbnail__txt {
  font-size: 12px;
  color: #666;
  font-style: normal;
}
.goodsList.type14 .thumbnail img {
  height: 100%;
  object-fit: cover;
}
.goodsList.type14 .thumbnail::before {
  background: rgba(102, 102, 102, 0.0509803922);
}
.goodsList.type14 .thumbnail.thumbnail--empty {
  background: #fff !important;
  height: 232px;
}
.goodsList.type14 .thumbnail.thumbnail--empty::before {
  opacity: 0;
}
.goodsList.type14 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
}
.goodsList.type14 .thumbnail.type2::before {
  background: rgba(102, 102, 102, 0.05);
}
.goodsList.type14 .live {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  margin: 0;
  top: 8px;
  left: 8px;
  height: 22px;
  border-radius: 22px;
  background: #E62642;
  font-weight: 700;
  color: #fff;
  gap: 0 4px;
}
.goodsList.type14 .live__item {
  display: flex;
  gap: 2px;
  align-items: end;
  height: 10px;
}
.goodsList.type14 .live__item::before, .goodsList.type14 .live__item::after {
  content: "";
}
.goodsList.type14 .live__item::before, .goodsList.type14 .live__item::after,
.goodsList.type14 .live__item i {
  width: 2px;
  display: block;
  background: #fff;
  border-radius: 2px;
}
.goodsList.type14 .live__item::before {
  animation: liveAnimate2 1s infinite;
}
.goodsList.type14 .live__item::after {
  animation: liveAnimate2 1.5s infinite;
}
.goodsList.type14 .live__item i {
  animation: liveAnimate2 1.8s infinite;
}
.goodsList.type14 .info {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 8px 10px 12px;
}
.goodsList.type14 .goodsAlert {
  position: absolute;
  top: 135px;
  right: 8px;
  width: 8vw;
  height: 8vw;
}
.goodsList.type14 .goodsAlert .goodsAlert {
  display: block;
}
.goodsList.type14 .goodsAlert .goodsAlert.active {
  background-image: url("/static/img/stoaModule/bell_Fill@2x.png");
}
.goodsList.type14 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.04em;
  color: #222;
}
.goodsList.type14 .soldOut :is(.title, .goodsPayment) {
  color: #666;
}
.goodsList.type14 .goodsDate {
  position: absolute;
  top: 4px;
  left: 4px;
  width: auto;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  text-align: left;
  align-items: start;
  padding: 4px 6px;
  gap: 5px 0;
}
.goodsList.type14 .goodsDate .day {
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}
.goodsList.type14 .goodsDate .time {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.goodsList.type15 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 10px;
  padding-bottom: 40px;
}
.goodsList.type15 li {
  width: calc((100% - 10px) / 2);
  position: relative;
}
.goodsList.type15 a {
  display: flex;
  flex-direction: column;
  align-items: start;
  border-radius: 4px;
  background-color: #fff;
  height: 100%;
}
.goodsList.type15 .goodsRank {
  font-size: 16px;
  margin: 0 0 4px;
}
.goodsList.type15 .goodsRank ~ .favorite {
  top: 40vw;
}
.goodsList.type15 .thumbnail {
  width: 100%;
  height: 44.5333333333vw;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  position: relative;
}
.goodsList.type15 .thumbnail img {
  width: 100%;
  height: 100%;
}
.goodsList.type15 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 35px;
  height: 35px;
}
.goodsList.type15 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 32px;
  height: 32px;
}
.goodsList.type15 .goodsToast {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3px 0;
}
.goodsList.type15 .info {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin: 12px 0 0;
  width: 100%;
  padding: 10px 12px 16px;
  margin-top: 0;
  box-sizing: border-box;
}
.goodsList.type15 .time {
  display: flex;
  height: 20px;
  align-items: center;
  background: #FDEFDE;
  color: #222;
  margin: 0 0 8px;
  font-size: 12px;
  padding: 0 6px;
}
.goodsList.type15 .txt {
  color: #FF7D00;
  font-size: 13px;
  margin: 0 0 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
}
.goodsList.type15 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #222;
  font-size: 14px;
}
.goodsList.type15 .soldOut :is(.title, .title b, .itemCategory, .goodsPayment, .txt) {
  color: #666;
}
.goodsList.type15 .goodsPrice {
  margin: 8px 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-size: 14px;
}
.goodsList.type15 .goodsPayment {
  font-size: 15px;
  margin: 0 4px 0 0;
  line-height: 1;
}
.goodsList.type15 .goodsDiscount {
  font-size: 19px;
  margin: 0 4px 0 0;
}
.goodsList.type15 .goodsDiscountNumber {
  width: 100%;
  font-size: 12px;
  margin-bottom: 2px;
}
.goodsList.type15 .goodsNumber {
  font-size: 19px;
  line-height: 1;
}
.goodsList.type15 .goodsBadge {
  margin: 10px 0 0;
}
.goodsList.type15 .goodsStar {
  margin: 8px 0 0;
}
.goodsList.type15 .goodsCount {
  margin: 8px 0 0;
}
.goodsList.type15 .goodsPurchasedVolume {
  font-size: 12px;
  margin: 8px 0 0;
}
.goodsList.type15 .goodsAlert {
  position: absolute;
  top: 33.8666666667vw;
  right: 8px;
}
.goodsList.type15 .favorite {
  position: absolute;
  top: 35.4666666667vw;
  right: 10px;
}
.goodsList.type16 {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.goodsList.type16 .soldOut :is(.title, .title b, .itemCategory, .goodsPayment) {
  color: #666;
}
.goodsList.type16 .goodsList__item {
  border: 1px solid #ddd;
  padding: 16px;
  border-radius: 8px;
  overflow: hidden;
}
.goodsList.type16 .goodsList__item:has(.goodsList__with) {
  padding: 16px 16px 0;
}
.goodsList.type16 .goodsList__item:has(.goodsList__with) .info {
  margin-bottom: 5px;
}
.goodsList.type16 .goodsList__item a {
  display: flex;
}
.goodsList.type16 .goodsList__item.small .thumbnail {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
}
.goodsList.type16 .goodsList__item.small .goodsList__item {
  padding: 14px;
}
.goodsList.type16 .goodsList__item.small .info {
  padding-right: 0;
}
.goodsList.type16 .goodsList__item.small .favorite {
  top: 88px;
  left: 104px;
}
.goodsList.type16 .thumbnail {
  width: 128px;
  height: 128px;
}
.goodsList.type16 .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.goodsList.type16 .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding: 0 13px;
}
.goodsList.type16 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  color: #222;
}
.goodsList.type16 .subTitle {
  font-size: 13px;
  color: #666;
  line-height: 1.69;
}
.goodsList.type16 .goodsPrice {
  font-size: 14px;
  color: #222;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px 0;
  margin-top: 8px;
}
.goodsList.type16 .goodsPayment {
  font-size: 18px;
  margin: 0 4px 0 0;
}
.goodsList.type16 .goodsPayment.type2 {
  font-size: 16px;
}
.goodsList.type16 .goodsPayment.type3 {
  font-size: 15px;
}
.goodsList.type16 .goodsDiscount {
  font-size: 18px;
  font-weight: 700;
  color: #E62642;
  margin: 0 4px 0 0;
}
.goodsList.type16 .goodsDiscountNumber {
  font-size: 12px;
  color: #999;
  text-decoration: line-through;
  width: 100%;
}
.goodsList.type16 .goodsNumber {
  font-size: 18px;
  font-weight: 700;
  color: #222;
  line-height: 1;
  margin-right: 2px;
}
.goodsList.type16 .goodsBadge, .goodsList.type16 .goodsStar {
  margin-top: 8px;
}
.goodsList.type16 .goodsList__withList {
  padding: 16px 0;
  display: none;
  flex-direction: column;
  gap: 16px 0;
}
.goodsList.type16 .goodsList__withList a {
  display: flex;
  flex-direction: row;
  border-radius: 4px;
  overflow: hidden;
  border: 0;
}
.goodsList.type16 .goodsList__withList.active {
  display: flex;
}
.goodsList.type16 .goodsList__withList.active ~ .goodsList__with {
  border-top: 1px solid #eee;
}
.goodsList.type16 .goodsList__withList .thumbnail {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  overflow: hidden;
}
.goodsList.type16 .goodsList__withList .info {
  flex: 1;
  overflow: hidden;
  margin-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.goodsList.type16 .goodsList__withList .title {
  font-size: 14px;
  padding: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  white-space: nowrap;
}
.goodsList.type16 .goodsList__withList .goodsPrice {
  font-size: 12px;
  padding: 0;
  margin-top: 2px;
  align-items: baseline;
}
.goodsList.type16 .goodsList__withList .goodsDiscount {
  font-size: 17px;
  line-height: 24px;
}
.goodsList.type16 .goodsList__withList .goodsNumber {
  font-size: 17px;
  line-height: 24px;
}
.goodsList.type16 .goodsList__with {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  width: 100%;
  height: 44px;
  border-top: 1px solid #eee;
  font-size: 14px;
  color: #666;
}
.goodsList.type16 .goodsList__with::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat center center/100% auto;
  transition: all 0.4s;
}
.goodsList.type16 .goodsList__with.active::after {
  transform: rotate(180deg);
}
.goodsList.type16 .subTxt {
  font-size: 13px;
  color: #444;
  line-height: 1.3;
  margin-top: 5px;
}
.goodsList.type16 .favorite {
  position: absolute;
  top: 108px;
  left: 124px;
}
.goodsList.type16 .myCart {
  margin: 8px 0 0 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 13px;
  color: #222;
}
.goodsList.type17 {
  display: flex;
  flex-direction: column;
}
.goodsList.type17 .goodsList__tvTime {
  position: relative;
  padding-top: 2px;
  height: 56px;
  display: flex;
  align-items: center;
  color: #222;
}
.goodsList.type17 .goodsList__tvTime::before {
  content: "";
  height: calc(100% + 2px);
  width: 0px;
  border-right: 2px dashed #DDDDDD;
  margin-top: -2px;
  margin-left: 17px;
}
.goodsList.type17 .goodsList__tvTime::after {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: #E62642;
  border-radius: 8px;
}
.goodsList.type17 .goodsList__tvTime .tag {
  width: 58px;
  height: 22px;
  line-height: 21px;
  font-size: 12px;
  font-weight: 400;
  background: url("/static/img/stoaModule/tvTimeTag.svg") no-repeat;
  background-size: contain;
  margin-left: 12px;
  padding-left: 7px;
}
.goodsList.type17 .goodsList__tvTime .time {
  font-size: 17px;
  font-weight: 700;
  margin-left: 8px;
}
.goodsList.type17 .goodsList__item {
  position: relative;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #eee;
}
.goodsList.type17 .goodsList__item a {
  display: flex;
  padding: 16px 15px 16px 15px;
}
.goodsList.type17 .goodsList__multiitem .goodsList__item {
  width: calc(100% - 25px);
  max-width: 320px;
}
.goodsList.type17 .thumbnail {
  width: 128px;
  height: 128px;
  border-radius: 8px;
  overflow: hidden;
}
.goodsList.type17 .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.goodsList.type17 .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 13px;
  gap: 5px 0;
}
.goodsList.type17 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  color: #222;
}
.goodsList.type17 .subTitle {
  font-size: 13px;
  color: #666;
  line-height: 1.69;
}
.goodsList.type17 .goodsPrice {
  font-size: 13px;
  color: #222;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 2px 0;
}
.goodsList.type17 .goodsPayment {
  font-size: 18px;
  margin: 0 4px 0 0;
}
.goodsList.type17 .goodsDiscount {
  font-size: 20px;
  font-weight: 700;
  color: #E62642;
  margin: 0 4px 0 0;
}
.goodsList.type17 .goodsDiscountNumber {
  font-size: 12px;
  color: #999;
  text-decoration: line-through;
  width: 100%;
}
.goodsList.type17 .goodsNumber {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  line-height: 1;
}
.goodsList.type17 .goodsBadge__item {
  font-size: 10px;
}
.goodsList.type17 .goodsAlert {
  position: absolute;
  top: 113px;
  left: 113px;
  width: 26px;
  height: 26px;
}
.goodsList__item:has(.goodsAlert) {
  position: relative;
}

.goodsList.type17 .goodsList__withList {
  padding: 20px 16px;
  display: none;
  flex-direction: column;
  gap: 16px 0;
}
.goodsList.type17 .goodsList__withList a {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  border: 0;
  padding: 0;
}
.goodsList.type17 .goodsList__withList.active {
  display: flex;
}
.goodsList.type17 .goodsList__withList .thumbnail {
  width: 78px;
  height: 78px;
}
.goodsList.type17 .goodsList__withList .info {
  flex: 1;
  overflow: hidden;
  margin-top: 0;
  padding: 8px 12px;
}
.goodsList.type17 .goodsList__withList .title {
  font-size: 14px;
  padding: 0;
}
.goodsList.type17 .goodsList__withList .goodsPrice {
  font-size: 12px;
  padding: 0;
}
.goodsList.type17 .goodsList__withList .goodsDiscount {
  font-size: 17px;
}
.goodsList.type17 .goodsList__withList .goodsNumber {
  font-size: 17px;
}
.goodsList.type17 .goodsList__with {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  width: 100%;
  height: 44px;
  border-top: 1px solid #eee;
  font-size: 14px;
  color: #666;
  letter-spacing: -0.08em;
}
.goodsList.type17 .goodsList__with::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat center center/100% auto;
  transition: all 0.4s;
}
.goodsList.type17 .goodsList__with.active::after {
  transform: rotate(180deg);
}
.goodsList.type18 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 11px;
}
.goodsList.type18 li {
  width: calc((100% - 11px) / 2);
  position: relative;
}
.goodsList.type18 a {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.goodsList.type18 .ga-prd-live .thumbnail {
  position: relative;
  width: 100%;
  height: 56vw;
  border-radius: 8px;
  overflow: hidden;
}
.goodsList.type18 .ga-prd-live .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.goodsList.type18 .ga-prd-live .thumbnail::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.goodsList.type18 .ga-prd-live .thumbnail::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 8.2666666667vw;
  width: 8.2666666667vw;
  transform: translate(-50%, -50%);
  background: url("/static/img/ico/shopping_live_start_icon2.svg") no-repeat center;
  background-size: contain;
}
.goodsList.type18 .ga-prd-click {
  display: flex;
  flex-direction: row;
  gap: 0 8px;
  margin-top: 12px;
}
.goodsList.type18 .ga-prd-click .thumbnail {
  overflow: hidden;
  width: 46px;
  height: 46px;
  flex-shrink: 0;
  border-radius: 4px;
}
.goodsList.type18 .ga-prd-click .thumbnail img {
  width: 100%;
  height: 100%;
}
.goodsList.type18 .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  overflow: hidden;
}
.goodsList.type18 .title {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #222;
  margin: 0 0 4px;
  letter-spacing: -0.04em;
}
.goodsList.type18 .soldOut :is(.title, .title b, .itemCategory, .goodsPayment) {
  color: #666;
}
.goodsList.type18 .goodsPrice {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.goodsList.type18 .goodsDiscount {
  font-size: 15px;
  font-weight: 700;
  margin: 0 4px 0 0;
}
.goodsList.type18 .goodsNumber {
  font-size: 15px;
}
.goodsList.type19 {
  display: flex;
  flex-direction: column;
  padding: 0 15px 24px;
  gap: 20px 0;
}
.goodsList.type19 .goodsList__item {
  position: relative;
  z-index: 3;
}
.goodsList.type19 .goodsList__item:not(:has(.goodsList__with)) {
  padding-bottom: 20px;
}
.goodsList.type19 .goodsList__withList {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.goodsList.type19 .goodsList__withList a {
  display: flex;
  flex-direction: row;
  background: #FAFAFA;
  border-radius: 4px;
  overflow: hidden;
}
.goodsList.type19 .goodsList__withList:not(.active) li:not(:nth-child(-n+2)) {
  display: none;
}
.goodsList.type19 .goodsList__withList.active li {
  display: block;
}
.goodsList.type19 .goodsList__withList .thumbnail {
  width: 78px;
  height: 78px;
}
.goodsList.type19 .goodsList__withList .info {
  flex: 1;
  overflow: hidden;
  margin-top: 0;
  padding: 8px 12px;
}
.goodsList.type19 .goodsList__withList .title {
  font-size: 14px;
  padding: 0;
}
.goodsList.type19 .goodsList__withList .goodsPrice {
  font-size: 13px;
  padding: 0;
}
.goodsList.type19 .goodsList__withList .goodsDiscount {
  font-size: 17px;
}
.goodsList.type19 .goodsList__withList .goodsNumber {
  font-size: 17px;
}
.goodsList.type19 .goodsList__withList .favorite {
  top: 52px;
  left: 56px;
  width: 18px;
  height: 18px;
}
.goodsList.type19 .goodsList__withList li:has(.favorite) {
  position: relative;
}
.goodsList.type19 .goodsList__withList.type2 .thumbnail {
  border-radius: 4px;
}
.goodsList.type19 .goodsList__withList.type2 a {
  background: transparent;
}
.goodsList.type19 .goodsList__main ~ .goodsList__withList {
  margin-top: 24px;
}
.goodsList.type19 .goodsList__with {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  width: 100%;
  height: 44px;
  border-top: 1px solid rgba(0, 0, 0, 0.0784313725);
  font-size: 14px;
  color: #666;
  margin-top: 20px;
}
.goodsList.type19 .goodsList__with::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat center center/100% auto;
  transition: all 0.4s;
}
.goodsList.type19 .goodsList__with.active::after {
  transform: rotate(180deg);
}
.goodsList.type19 a {
  display: flex;
  flex-direction: column;
}
.goodsList.type19 .tvTime {
  display: flex;
  align-items: center;
  height: 52px;
}
.goodsList.type19 .tvTime ~ .liveIcoBtn {
  top: 60.5333333333vw;
}
.stoaBottomToast__cont .goodsList__item:first-child .tvTime {
  display: none;
}

.goodsList.type19 .thumbnail {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  text-align: center;
}
.goodsList.type19 .thumbnail::before {
  content: "";
  background: rgba(102, 102, 102, 0.05);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.goodsList.type19 .thumbnail img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.goodsList.type19 .thumbnail .live {
  width: 100%;
  padding: 0;
}
.goodsList.type19 .thumbnail .live__banner {
  width: 101%;
  height: 101%;
}
.goodsList.type19 .thumbnail .live__banner, .goodsList.type19 .thumbnail video {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.goodsList.type19 .info {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0;
  align-items: start;
  padding-bottom: 24px;
  /* cream_250903_20450 // */
  /* // cream_250903_20450 */
}
.goodsList.type19 .info:last-child {
  padding-bottom: 0;
}
.goodsList.type19 .info__item {
  display: flex;
  align-items: start;
  gap: 0 20px;
  width: 100%;
}
.goodsList.type19 .info__talk {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  font-size: 11px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("/static/img/stoaModule/liveTalkBtnAnimate.gif") no-repeat 0 0/100% auto;
  color: #222;
  font-weight: 500;
  border-radius: 5px;
  border: 1px solid #eee;
  margin: 0 0 0 auto;
  position: relative;
  /*
  &::before{
  	content: '';
  	display: block;
  	width: 22px;
  	height: 22px;
  	background: url('/static/img/stoaModule/talkIco.svg') no-repeat center center;
  }

  &--new{
  	&::after{
  		content: '';
  		display: block;
  		width: 13px;
  		height: 13px;
  		background: url('/static/img/stoaModule/newIco.svg') no-repeat 0 0 / 100% auto;
  		position: absolute;
  		right: -4px;
  		top: -2px;
  	}
  }
  */
}
.goodsList.type19 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: auto;
  font-size: 15px;
  color: #222;
  border: none;
}
.goodsList.type19 .subTitle {
  font-size: 13px;
  color: #666;
  padding: 0 16px;
  margin-top: 4px;
  line-height: 1.69;
}
.goodsList.type19 .goodsPrice {
  margin: 6px 0 0;
  font-size: 14px;
  color: #222;
  display: flex;
  align-items: baseline;
}
.goodsList.type19 .goodsPayment {
  font-size: 18px;
  margin: 0 4px 0 0;
}
.goodsList.type19 .goodsDiscount {
  font-size: 21px;
  font-weight: 700;
  color: #E62642;
  margin: 0 4px 0 0;
}
.goodsList.type19 .goodsDiscountNumber {
  font-size: 14px;
  color: #999;
  margin: 0 0 0 4px;
  text-decoration: line-through;
}
.goodsList.type19 .goodsNumber {
  font-size: 21px;
  font-weight: 700;
  color: #222;
  line-height: 1;
}
.goodsList.type19 .goodsBadge {
  flex: 1;
  margin: 14px 0 0;
}
.goodsList.type19 .goodsBadge__item {
  font-size: 11px;
}
.goodsList.type19 .goodsInfo {
  display: flex;
  position: relative;
  width: 100%;
  margin: 10px 0 0;
}
.goodsList.type19 .goodsInfo .flagGroup {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.goodsList.type19 .goodsInfo .goodsBadge {
  margin: 0;
  flex: none;
}
.goodsList.type19 .goodsInfo .goodsAlert, .goodsList.type19 .goodsInfo .goodsBuy {
  margin-left: 8px;
}
.goodsList.type19 .goodsInfo .goodsCount {
  position: absolute;
  top: -26px;
  right: 0;
}
.stoaModule__title + .goodsList.type19 {
  padding-top: 0;
}
.stoaModule__title + .goodsList.type19 .favorite {
  top: 42.9333333333vw;
}
.goodsList.type19 .liveIcoBtn {
  top: 47.4666666667vw;
  left: 10px;
  flex-direction: row;
  z-index: 10;
}
.goodsList.type19 .goodsList__with {
  height: 44px;
  border-radius: 4px;
  border: 1px solid #DDDDDD;
}
.goodsList.type20 {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  padding: 20px;
  max-height: calc(100vh - 48px - 211px - 100px);
  overflow: auto;
  overscroll-behavior: none;
}
.goodsList.type20 .buyBtn {
  display: grid;
  grid-template: repeat(2, auto)/78px repeat(2, auto);
  gap: 6px 12px;
}
.goodsList.type20 .thumbnail {
  width: 78px;
  height: 78px;
  border-radius: 4px;
  overflow: hidden;
  grid-area: 1/1/3/2;
}
.goodsList.type20 .title {
  grid-area: 1/2/2/4;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  display: block;
  height: auto;
  border-bottom: 0;
}
.goodsList.type20 .title b {
  font-weight: 700;
}
.goodsList.type20 .priceItem {
  display: flex;
  align-items: baseline;
  grid-area: 2/2/3/3;
  font-size: 12px;
  color: #222;
  letter-spacing: -0.02em;
}
.goodsList.type20 .priceItem .discount {
  color: #E62642;
  font-weight: 700;
  font-size: 17px;
  margin-right: 4px;
  letter-spacing: inherit;
}
.goodsList.type20 .priceItem .price {
  font-size: 17px;
  color: #222;
  font-weight: 700;
  letter-spacing: inherit;
}
.goodsList.type20 .btnIco {
  grid-area: 2/3/3/4;
  display: flex;
  width: 79px;
  height: 32px;
  align-items: center;
  justify-content: center;
  background: #E62642;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin-left: auto;
}
.goodsList.type21 a.ga-prd-click {
  display: flex;
  gap: 12px;
}
.goodsList.type21[data-slider=row2space24] .swiper-wrapper {
  flex-wrap: wrap;
}
.goodsList.type21 .swiper-slide {
  position: relative;
  width: 320px;
}
.goodsList.type21 .thumbnail {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.goodsList.type21 .thumbnail .goodsToast {
  position: absolute;
  left: 0;
  bottom: 0;
}
.goodsList.type21 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
}
.goodsList.type21 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
}
.goodsList.type21 .title {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  color: #222;
}
.goodsList.type21 .soldOut :is(.title, .title b, .itemCategory, .goodsPayment) {
  color: #666;
}
.goodsList.type21 .info {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: calc(100% - 92px);
  color: #000;
}
.goodsList.type21 .goodsPrice {
  margin: 4px 0 0;
  font-size: 13px;
  display: flex;
  align-items: baseline;
}
.goodsList.type21 .goodsPayment {
  font-size: 14px;
  margin: 0 4px 0 0;
}
.goodsList.type21 .goodsDiscount {
  font-size: 15px;
  margin: 0 4px 0 0;
}
.goodsList.type21 .goodsNumber {
  font-size: 15px;
  color: #000;
}
.goodsList.type21 .goodsStar {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.goodsList.type21 .goodsStar::before {
  width: 14px;
  height: 14px;
}
.goodsList.type21 .goodsStar b {
  font-size: 14px;
}
.goodsList.type21 .review {
  display: block;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.04em;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #444;
  padding: 10px 12px;
  margin-top: 8px;
}
.goodsList.type21 .review .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.goodsList.type21 .review .goodsStar {
  margin-top: 6px;
}
.goodsList.type21.type21--1 .swiper-slide {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px;
}
.goodsList.type21.type21--1 a.ga-prd-click {
  display: block;
}
.goodsList.type21.type21--1 a.ga-prd-click .flexWrap {
  display: flex;
  gap: 12px;
}
.goodsList.type21.type21--1 .thumbnail {
  width: 88px;
  height: 88px;
}
.goodsList.type21.type21--1 .goodsStar {
  color: #666;
}
.goodsList.type21.type21--1 .goodsStar b {
  color: #222;
}
.goodsList.type21.type21--1 .goodsStar:before {
  display: none;
}
.goodsList.type21.type21--1 .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
}
.goodsList.type21.type21--1 .review {
  border: none;
  border-top: 1px solid #eee;
  margin-top: 16px;
  border-radius: 0;
  padding: 10px 0 0;
}
.goodsList.type22.row .swiper-wrapper {
  flex-wrap: wrap;
}
.goodsList.type22 .swiper-slide {
  position: relative;
  transition: opacity 0.4s;
  display: flex;
  gap: 10px;
  padding: 64px 16px 24px;
  width: auto;
  border-radius: 12px;
  border: 1px solid #E5E5E5;
  background: #FFF;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.04);
  min-height: 370px;
}
.goodsList.type22 .ga-prd {
  position: relative;
  width: 128px;
}
.goodsList.type22:not(.swiper-moving) .swiper-slide-prev {
  opacity: 0;
}
.goodsList.type22 a {
  display: flex;
  flex-direction: column;
}
.goodsList.type22 .thumbnail {
  display: block;
  height: 128px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.goodsList.type22 .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.goodsList.type22 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 35px;
  height: 35px;
}
.goodsList.type22 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 30px;
  height: 30px;
}
.goodsList.type22 .thumbnail .countdown {
  position: absolute;
  left: 6px;
  bottom: 6px;
  display: flex;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  background: #F47725;
  border-radius: 4px;
  padding: 4px 6px;
  font-style: normal;
}
.goodsList.type22 .thumbnail .badge {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 6px;
  height: 22px;
  display: flex;
  align-items: center;
  background: #E62642;
  border-radius: 8px 0 8px 0;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
}
.goodsList.type22 .goodsRank {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  font-style: normal;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #fff;
  background: rgba(68, 68, 68, 0.6);
  border-radius: 8px 0 8px 0;
}
.goodsList.type22 .info {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0;
  align-items: start;
}
.goodsList.type22 .time {
  display: flex;
  height: auto;
  align-items: center;
  font-size: 12px;
  word-break: break-all;
  background: #FDEFDE;
  color: #222;
  margin: 0 0 8px;
  padding: 0 6px;
}
.goodsList.type22 .favorite {
  position: absolute;
  top: 98px;
  right: 4px;
}
.goodsList.type22 .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  height: 36px;
  overflow: hidden;
  font-size: 14px;
  color: #222;
  letter-spacing: -0.04em;
}
.goodsList.type22 .subTxt {
  font-size: 12px;
  color: #999;
  margin-top: 4px;
  line-height: 1.16;
}
.goodsList.type22 .soldOut :is(.title, .goodsPrice, .goodsPayment) {
  color: #666;
}
.goodsList.type22 .goodsToast {
  position: absolute;
  bottom: 0;
  left: 0;
}
.goodsList.type22 .goodsPrice {
  margin: 8px 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-size: 13px;
}
.goodsList.type22 .goodsPrice.type2 {
  display: flex;
  flex-direction: column;
}
.goodsList.type22 .goodsPrice.type2 li {
  display: flex;
  align-items: center;
}
.goodsList.type22 .goodsPrice.type2 .goodsNumber {
  font-weight: 400;
  font-size: 12px;
  color: #666;
  line-height: 1;
  margin-bottom: 2px;
}
.goodsList.type22 .goodsPrice.type2 .goodsNumber b {
  font-weight: 600;
  font-size: 15px;
}
.goodsList.type22 .goodsPrice.type2 .goodsDiscountNumber {
  font-size: 12px;
}
.goodsList.type22 .goodsPrice.type2 .goodsShoppingNumber {
  font-size: 13px;
}
.goodsList.type22 .goodsPrice.type2 .goodsShoppingNumber b {
  font-size: 18px;
  line-height: 1;
}
.goodsList.type22 .goodsPrice.type2 .goodsShoppingSupport {
  height: 10px;
  margin-top: 2px;
}
.goodsList.type22 .goodsPrice.type2 .goodsShoppingSupport.type1 {
  width: 62px;
}
.goodsList.type22 .goodsPrice.type2 .goodsShoppingSupport.type2 {
  width: 82px;
}
.goodsList.type22 .goodsPayment {
  font-size: 16px;
  margin: 0 4px 0 0;
}
.goodsList.type22 .goodsDiscountNumber {
  width: 100%;
  font-size: 13px;
  margin: 0 4px 0 0;
}
.goodsList.type22 .goodsDiscount {
  font-size: 16px;
  margin: 0 2px 0 0;
}
.goodsList.type22 .goodsNumber {
  font-size: 17px;
  line-height: 1;
}
.goodsList.type22 .goodsBadge {
  margin: 10px 0 0;
}
.goodsList.type22 .goodsStar {
  margin: 8px 0 0;
}
.goodsList.type22 .goodsCount {
  margin: 8px 0 0;
}
.goodsList.type22 .storeInfo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 12px 12px 0 0;
  margin: 0;
}
.goodsList.type22 .storeInfo .name {
  flex-direction: row;
}
.goodsList.type23 a.ga-prd-click {
  display: flex;
  gap: 12px;
}
.goodsList.type23[data-slider=row2space24] .swiper-wrapper {
  flex-wrap: wrap;
}
.goodsList.type23 .swiper-slide {
  position: relative;
  width: 320px;
}
.goodsList.type23 .thumbnail {
  flex-shrink: 0;
  width: 88px;
  height: 88px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.goodsList.type23 .thumbnail .goodsToast {
  position: absolute;
  left: 0;
  bottom: 0;
}
.goodsList.type23 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
}
.goodsList.type23 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
}
.goodsList.type23 .title {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  color: #222;
}
.goodsList.type23 .soldOut :is(.title, .title b, .itemCategory, .goodsPayment) {
  color: #666;
}
.goodsList.type23 .info {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: calc(100% - 92px);
  color: #000;
}
.goodsList.type23 .goodsPrice {
  margin: 4px 0 0;
  font-size: 13px;
  display: flex;
  align-items: baseline;
}
.goodsList.type23 .goodsPayment {
  font-size: 14px;
  margin: 0 4px 0 0;
}
.goodsList.type23 .goodsDiscount {
  font-size: 15px;
  margin: 0 4px 0 0;
}
.goodsList.type23 .goodsNumber {
  font-size: 15px;
  color: #000;
}
.goodsList.type23 .goodsStarWrap {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #666;
  gap: 0 4px;
  margin-bottom: 4px;
}
.goodsList.type23 .goodsStarWrap::before {
  width: 14px;
  height: 14px;
}
.goodsList.type23 .goodsStarWrap b {
  font-size: 16px;
  color: #222;
}
.goodsList.type23 .review {
  display: block;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.04em;
  background-color: #F5F5F5;
  border-radius: 4px;
  color: #444;
  padding: 10px 12px;
  margin-top: 8px;
}
.goodsList.type23 .review .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: max-content;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  border-radius: 100px;
  background: linear-gradient(90deg, #4F86FE 0%, #6958FB 105%);
  padding: 0 6px;
  margin-bottom: 4px;
}
.goodsList.type23 .review .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.goodsList.type23 .review .goodsStar {
  margin-top: 6px;
}
.goodsList.type24 a {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.goodsList.type24 .swiper-slide {
  position: relative;
  width: 280px;
}
.goodsList.type24 .thumbnail {
  width: 88px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.goodsList.type24 .thumbnail .goodsToast {
  position: absolute;
  left: 0;
  bottom: 0;
}
.goodsList.type24 .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
}
.goodsList.type24 .thumbnail .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
}
.goodsList.type24 .title {
  font-size: 14px;
  color: #222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 40px;
}
.goodsList.type24 .title.type2 {
  font-size: 13px;
}
.goodsList.type24 .soldOut :is(.title, .title b, .itemCategory, .goodsPayment) {
  color: #666;
}
.goodsList.type24 .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-right: 4px;
}
.goodsList.type24 .goodsPrice {
  margin: 4px 0 0;
  font-size: 12px;
  display: flex;
  align-items: baseline;
}
.goodsList.type24 .goodsPayment {
  font-size: 14px;
  margin: 0 4px 0 0;
}
.goodsList.type24 .goodsDiscount {
  font-size: 15px;
  margin: 0 4px 0 0;
}
.goodsList.type24 .goodsNumber {
  font-size: 15px;
}
.goodsList.type24 .favorite {
  position: absolute;
  right: 6px;
  bottom: 6px;
}
.goodsList.type24 .badge {
  display: flex;
  gap: 4px;
  margin: 0 0 4px;
  width: 100%;
  overflow: hidden;
}
.goodsList.type24 .badge.single .badge__item {
  max-width: 100%;
}
.goodsList.type24 .badge__item {
  line-height: 1;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  height: 20px;
  padding: 0 4px;
  max-width: calc(50% - 2px);
  font-style: normal;
  font-size: 12px;
  letter-spacing: -0.7px;
}
.goodsList.type24 .badge__item i {
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.goodsList.type24 .badge__item.type1 {
  background: #FDEFDE;
  color: #FF7D00;
}
.goodsList.type24 .badge__item.type2 {
  background: #F5FAFE;
  color: #12B886;
}
.goodsList.type24 .badge__item.type2::before {
  content: "";
  display: block;
  width: 9px;
  height: 14px;
  background: url("/static/img/stoaModule/img_bolt@2x.png") no-repeat 0 0/100% auto;
  flex-shrink: 0;
}
.goodsList.type24 .badge__item.type3 {
  background: #FEF6F6;
  color: #EB536A;
}
.goodsList.type24 .goodsBadge {
  margin-top: 4px;
}
.goodsList.type24 .goodsStar {
  margin: 8px 0 0;
}
.goodsList.type24 .goodsStar.type2 {
  display: flex;
  align-items: center;
  gap: 0 4px;
  font-size: 16px;
  color: #222;
  font-weight: 700;
  margin: 0 0 4px;
}
.goodsList.type24 .goodsStar__item {
  width: 84px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsReviewStarEmpty.svg") space 0 0/15px auto;
}
.goodsList.type24 .goodsStar__item::before {
  content: "";
  display: block;
  width: 100%;
  height: 15px;
  background: url("/static/img/stoaModule/star.svg") space 0 0/15px auto;
  clip-path: inset(0 calc((var(--score) / 5 * 100% - 100%) * -1) 0 0);
}
.goodsList.type24 .goodsStar__review {
  font-size: 12px;
  color: #666;
  font-style: normal;
  font-weight: 400;
}
.goodsList.type24 .goodsInfoReview {
  display: flex;
  width: 100%;
  background: #F5F5F5;
  padding: 10px;
  border-radius: 4px;
  flex-direction: column;
  align-items: start;
  gap: 4px 0;
}
.goodsList.type24 .goodsInfoReview .title {
  display: flex;
  height: 20px;
  align-items: center;
  padding: 0 6px;
  border-radius: 20px;
  background: linear-gradient(90deg, #4F86FE 0%, #6958FB 105%);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
}
.goodsList.type24 .goodsInfoReview .txt {
  font-size: 13px;
  color: #444;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  max-height: 60px;
}
.goodsList__withList.type3 {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.goodsList__withList.type3 a {
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.goodsList__withList.type3:not(.active) li:not(:nth-child(-n+2)) {
  display: none;
}
.goodsList__withList.type3.active li {
  display: block;
}
.goodsList__withList.type3 .thumbnail {
  width: 56px;
  height: 56px;
  border-radius: 4px;
  overflow: hidden;
}
.goodsList__withList.type3 .info {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  margin-top: 0;
  padding: 4px 0 4px 8px;
  gap: 4px 0;
}
.goodsList__withList.type3 .title {
  font-size: 14px;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.goodsList__withList.type3 .goodsPrice {
  font-size: 13px;
  padding: 0;
}
.goodsList__withList.type3 .goodsDiscount {
  font-size: 17px;
}
.goodsList__withList.type3 .goodsNumber {
  font-size: 17px;
}
.goodsList__withList.type3 .favorite {
  top: 52px;
  left: 56px;
  width: 18px;
  height: 18px;
}
.goodsList__withList.type3 li:has(.favorite) {
  position: relative;
}
.goodsList__withList.type3.type2 .thumbnail {
  border-radius: 4px;
}
.goodsList__withList.type3.type2 a {
  background: transparent;
}
.goodsList__empty {
  display: block;
  font-size: 13px;
  text-align: center;
  color: #999;
  padding: 16px 0;
}

/********** // (e) goods list **********/
/********** recently goods (s) // **********/
.recentlyGoods {
  display: flex;
  gap: 0 10px;
  padding: 0 15px;
  margin-bottom: 8px;
}
.recentlyGoods__thumbnail {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden;
}
.recentlyGoods__item {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
  align-items: start;
  flex: 1;
  overflow: hidden;
}
.recentlyGoods__category {
  display: flex;
  align-items: center;
  padding: 0 5px;
  height: 20px;
  font-size: 11px;
  color: #E62642;
  background: #FFF1F2;
  border-radius: 2px;
}
.recentlyGoods__title {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #666;
}

/********** // (e) recently goods **********/
/********** goods review (s) // **********/
.stoaGoodsReview {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
}
.stoaGoodsReview * {
  box-sizing: border-box;
  letter-spacing: -0.02em;
}
.stoaGoodsReview__emptyTxt {
  font-size: 16px;
  color: #888;
  margin: 0 0 16px;
  text-align: center;
  width: 100%;
}
.stoaGoodsReview__guide {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  width: calc(100% - 30px);
  padding: 16px;
  margin: 0 auto 24px;
  background: #FFF6F6;
}
.stoaGoodsReview__guide .txt {
  font-size: 14px;
  color: #444;
  word-break: keep-all;
}
.stoaGoodsReview__guide .list {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
.stoaGoodsReview__guide .list li {
  display: flex;
  align-items: center;
  gap: 0 6px;
  font-size: 13px;
  color: #444;
  padding: 0 2px;
}
.stoaGoodsReview__guide .list li::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.stoaGoodsReview__guide .list b {
  font-weight: 400;
  color: #E62642;
}
.stoaGoodsReview__guide .list__normal::before {
  background-image: url("/static/img/stoaModule/goodsReviewGuideIco1.svg");
}
.stoaGoodsReview__guide .list__image::before {
  background-image: url("/static/img/stoaModule/goodsReviewGuideIco2.svg");
}
.stoaGoodsReview__guide .list__first::before {
  background-image: url("/static/img/stoaModule/goodsReviewGuideIco3.svg");
}
.stoaGoodsReview__title {
  display: flex;
  align-items: baseline;
  padding: 20px 15px 16px;
  gap: 0 4px;
  width: 100%;
}
.stoaGoodsReview__title :is(.title, .number, .link) {
  line-height: 1;
}
.stoaGoodsReview__title .title {
  font-size: 18px;
  color: #222;
  font-weight: 700;
}
.stoaGoodsReview__title .number {
  font-size: 18px;
  color: #222;
  font-weight: 700;
}
.stoaGoodsReview__title .link {
  display: flex;
  align-items: center;
  gap: 0 4px;
  margin-left: auto;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
.stoaGoodsReview__title .link::after {
  content: "";
  display: block;
  width: 11px;
  height: 16px;
  background: url("https://imagecdn.skstoa.com/static/img/Arrow%20Chevron_Right_gray.svg") no-repeat 0 0/100% auto;
}
.stoaGoodsReview__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 6px;
  height: 48px;
  width: calc(100% - 30px);
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  color: #222;
  font-weight: 500;
  margin: 0 auto 24px;
  line-height: 1;
}
.stoaGoodsReview__btn::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsReviewIco.svg") no-repeat 0 0/100% auto;
}
.stoaGoodsReview__btn b {
  color: #E62642;
}
.stoaGoodsReview .reviewGoods {
  margin: 0 0 24px;
  width: 100%;
}
.stoaGoodsReview__score {
  display: flex;
  justify-content: center;
  align-items: end;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.stoaGoodsReview__score .score {
  width: 148px;
  height: 28px;
  position: relative;
  background: url("https://imagecdn.skstoa.com/static/img/goodsReviewStarEmpty.svg") space 0 0/auto 100%;
  margin-right: 8px;
}
.stoaGoodsReview__score .score::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("https://imagecdn.skstoa.com/static/img/goodsReviewStarOn.svg") space 0 0/auto 100%;
  clip-path: inset(0 calc((var(--score) / 5 * 100% - 100%) * -1) 0 0);
}
.stoaGoodsReview__score .number {
  font-weight: 700;
  color: #222;
  font-size: 28px;
  line-height: 1;
}
.stoaGoodsReview__score small {
  font-size: 16px;
  color: #888;
  margin-left: 4px;
}
.stoaGoodsReview__score .info {
  display: block;
  width: 100%;
}
.stoaGoodsReview__score .info .stoaModule__toolTip {
  align-items: center;
  gap: 4px;
  font-size: 13px;
  margin: 12px auto 0;
}
.stoaGoodsReview__score .info .stoaModule__toolTip::after {
  width: 14px;
  height: 14px;
}
.stoaGoodsReview__ai {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  align-items: center;
  gap: 8px 0;
  width: 92vw;
  border-radius: 20px;
  padding: 12px 20px 20px;
  border: 1px solid transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(96.93deg, #E62642, #F47725);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  margin: 0 auto 16px;
}
.stoaGoodsReview__ai .title {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 18px;
  color: #222;
  font-weight: 700;
  line-height: 1;
}
.stoaGoodsReview__ai .title::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("/static/img/stoaModule/goodsDetailTooltip2.svg") no-repeat 0 0/100% auto;
}
.stoaGoodsReview__ai .recommand {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  width: 118px;
  height: 32px;
  gap: 0 4px;
  font-size: 13px;
  color: #222;
  border: 1px solid #ddd;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0392156863);
  border-radius: 4px;
}
.stoaGoodsReview__ai .recommand::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsReviewRecommand.svg") no-repeat 0 0/100% auto;
  order: 2;
}
.stoaGoodsReview__ai .recommand i {
  order: 3;
  font-style: normal;
  color: #E62642;
  font-size: 14px;
  font-weight: 700;
}
.stoaGoodsReview__ai .txt {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  grid-area: 2/1/3/3;
}
.stoaGoodsReview__ai .txt li {
  font-size: 14px;
  color: #444;
  line-height: 23px;
  letter-spacing: -0.04em;
}
.stoaGoodsReview__ai .txt li b {
  font-weight: 400;
  background: #FFE2E2;
}
.stoaGoodsReview__ai .aiAnimateIco {
  width: 32px;
  height: 18px;
  background: url("https://imagecdn.skstoa.com/static/img/ico_AI.svg") no-repeat center center/70% auto;
  transform: matrix(1, 0, 0, 1, 0, 2);
}
.stoaGoodsReview__summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 14px 0;
}
.stoaGoodsReview__summary .summary {
  display: flex;
  flex-direction: column;
  padding: 0 24px;
  gap: 12px 0;
  width: 100%;
}
.stoaGoodsReview__summary .summary li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 0;
}
.stoaGoodsReview__summary .summary .title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 82px;
  height: 28px;
  border-radius: 28px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #222;
  font-weight: 500;
}
.stoaGoodsReview__summary .summary .txt {
  display: flex;
  align-items: center;
  gap: 0 5px;
  flex: 1;
  font-size: 15px;
  color: #222;
  margin-left: 10px;
}
.stoaGoodsReview__summary .summary .txt::after {
  content: "";
  display: block;
  flex: 1;
  height: 1px;
  background-image: repeating-linear-gradient(90deg, #ddd 0, #ddd 3px, #fff 3px, #fff 5px);
}
.stoaGoodsReview__summary .summary .number {
  margin-left: 8px;
  font-size: 14px;
  color: #666;
}
.stoaGoodsReview__summary .summary .number span {
  color: #999;
}
.stoaGoodsReview__summary .summary .list {
  width: 100%;
  display: none;
  flex-direction: column;
  gap: 12px 0;
}
.summary.active .list {
  display: flex;
}
.summary.active .list__gauge i {
  animation: maxWidthAnimate 1s forwards;
}

.stoaGoodsReview__summary .summary .list li.active .list__gauge i {
  background: linear-gradient(270deg, #FF8585 0%, #E534F4 100%);
}
.stoaGoodsReview__summary .summary .list__title {
  width: 96px;
  font-size: 13px;
  color: #999;
}
.stoaGoodsReview__summary .summary .list__gauge {
  flex: 1;
  height: 6px;
  border-radius: 6px;
  background: #f3f3f3;
  position: relative;
}
.stoaGoodsReview__summary .summary .list__gauge i {
  display: block;
  background: rgba(72, 90, 123, 0.3019607843);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.031372549) inset;
  width: calc(var(--gauge) * 1%);
  max-width: 0;
  height: 100%;
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s;
}
.stoaGoodsReview__summary .summary .list__txt {
  width: 52px;
  font-size: 13px;
  color: #ccc;
  text-align: right;
}
.stoaGoodsReview__summary .moreBtn {
  position: relative;
}
.stoaGoodsReview__summary .moreBtn::before {
  content: "";
  display: block;
  width: 87.2vw;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  pointer-events: none;
  background: #eee;
}
.stoaGoodsReview__summary .more {
  display: flex;
  gap: 0 4px;
  width: 115px;
  height: 36px;
  border-radius: 36px;
  align-items: center;
  justify-content: center;
  background: #F5F5F5;
  font-size: 14px;
  color: #666;
  position: relative;
  z-index: 1;
}
.stoaGoodsReview__summary .more::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat 0 0/100% auto;
}
.summary.active + .more::after {
  transform: rotate(180deg);
}

.stoaGoodsReview__photo {
  padding: 0 15px;
  margin: 0 0 24px;
  overflow: hidden;
  width: 100%;
}
.stoaGoodsReview__photo .thumbnail {
  width: 76px;
  height: 76px;
  overflow: hidden;
}
.stoaGoodsReview__photo .thumbnail:first-of-type {
  border-radius: 4px 0 0 4px;
}
.stoaGoodsReview__photo .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stoaGoodsReview__photo .num {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 16px;
  border-radius: 4px 0 0 0;
  background: rgba(0, 0, 0, 0.4);
  font-size: 10px;
  color: #fff;
  font-weight: 600;
  font-style: normal;
  line-height: 1;
}
.stoaGoodsReview__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.stoaGoodsReview__item .tabs {
  padding: 0 15px;
  display: flex;
  gap: 16px;
}
.stoaGoodsReview__item .tabs > button:not(.sort) {
  display: flex;
  height: 48px;
  align-items: center;
  gap: 0 2px;
  font-size: 16px;
  color: #222;
  font-weight: 700;
  padding: 0 8px;
  position: relative;
}
.stoaGoodsReview__item .tabs > button:not(.sort).active::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #E62642;
  position: absolute;
  bottom: 0;
  left: 0;
}
.stoaGoodsReview__item .tabs > button:not(.sort).active small {
  color: #222;
  font-weight: 700;
}
.stoaGoodsReview__item .tabs > button:not(.sort):not(:nth-of-type(1))::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #ddd;
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translate3d(0, -50%, 0);
}
.stoaGoodsReview__item .tabs > button:not(.sort) small {
  color: #888;
  font-size: 14px;
  font-weight: 400;
}
.stoaGoodsReview__item .tabs .sort {
  display: flex;
  margin-left: auto;
  position: relative;
}
.stoaGoodsReview__item .tabs .sort__btn {
  display: flex;
  gap: 0 4px;
  align-items: center;
  font-size: 14px;
  color: #666;
}
.stoaGoodsReview__item .tabs .sort__btn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/goodsReviewSortIco.svg") no-repeat 0 0/100% auto;
}
.stoaGoodsReview__item .tabs .sort__summary {
  display: block;
  width: 14px;
  height: 14px;
  background: url("/static/img/stoaModule/Question_Circle@2x.png") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: auto;
  font-size: 0;
}
.stoaGoodsReview__item .tabs .sort__list {
  display: none;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 100;
  width: 100px;
  border: 1px solid #000;
  border-radius: 4px;
}
.stoaGoodsReview__item .tabs .sort__list.active {
  display: flex;
}
.stoaGoodsReview__item .tabs .sort__list li {
  display: flex;
  align-items: center;
  padding: 0 0 0 14px;
  gap: 0 4px;
}
.stoaGoodsReview__item .tabs .sort__list li:not(:last-child) {
  border-bottom: 1px solid #F5F5F5;
}
.stoaGoodsReview__item .tabs .sort__list li button:not(.sort__summary) {
  height: 36px;
  font-size: 14px;
  color: #666;
}
.stoaGoodsReview__item .tabs .sort__list li button:not(.sort__summary).active {
  color: #222;
}
.stoaGoodsReview__item .listSort {
  display: flex;
  align-items: center;
  padding: 0 15px;
  margin: 24px 0 0;
  gap: 0 16px;
}
.stoaGoodsReview__item .listSort__btn {
  position: relative;
  font-size: 14px;
  color: #666;
  line-height: 16px;
}
.stoaGoodsReview__item .listSort__select {
  display: flex;
  align-items: center;
  gap: 0 4px;
  height: 16px;
  font-size: 14px;
  color: #666;
  border: 0;
  width: auto;
  text-indent: 0;
  position: relative;
}
.stoaGoodsReview__item .listSort__select::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat right center/16px auto;
}
.stoaGoodsReview__item .listSort > *:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #e5e5e5;
  margin-right: 8px;
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.stoaGoodsReview__item .warning {
  display: flex;
  align-items: start;
  width: calc(100% - 30px);
  gap: 0 6px;
  font-size: 13px;
  color: #444;
  padding: 16px;
  margin: 24px auto 0;
  border: 1px solid #eee;
  background: #FAFAFA;
}
.stoaGoodsReview__item .warning::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/warningIco.svg") no-repeat 0 0/100% auto;
  flex-shrink: 0;
}
.stoaGoodsReview__list {
  width: 100%;
  padding: 20px 15px;
}
.stoaGoodsReview__list > li {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.stoaGoodsReview__list > li:not(:last-child) {
  border-bottom: 1px solid #eee;
  padding-bottom: 24px;
}
.stoaGoodsReview__list > li:not(:first-child) {
  padding-top: 20px;
}
.stoaGoodsReview__list .score {
  width: 82px;
  height: 16px;
  position: relative;
  background: url("https://imagecdn.skstoa.com/static/img/goodsReviewStarEmpty.svg") space 0 0/auto 100%;
  margin: 0 0 8px;
}
.stoaGoodsReview__list .score::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("https://imagecdn.skstoa.com/static/img/goodsReviewStarOn.svg") space 0 0/auto 100%;
  clip-path: inset(0 calc((var(--score) / 5 * 100% - 100%) * -1) 0 0);
}
.stoaGoodsReview__list .sup {
  font-size: 13px;
  color: #222;
  margin: 0 0 15px;
}
.stoaGoodsReview__list .summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  width: 100%;
  background: #FAFAFA;
  padding: 9px 15px;
  gap: 4px;
  margin: 0 0 16px;
}
.stoaGoodsReview__list .summary dl {
  display: flex;
  gap: 0 4px;
  align-items: center;
}
.stoaGoodsReview__list .summary dl:not(:last-child)::after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background: #ccc;
}
.stoaGoodsReview__list .summary :is(dt, dd) {
  font-size: 13px;
}
.stoaGoodsReview__list .summary dt {
  color: #444;
}
.stoaGoodsReview__list .summary dd {
  color: #999;
}
.stoaGoodsReview__list .photo {
  display: flex;
  gap: 0 2px;
  margin: 0 0 12px;
  border-radius: 4px;
  overflow: hidden;
}
.stoaGoodsReview__list .photo__thumbnail {
  width: 90px;
  height: 90px;
}
.stoaGoodsReview__list .photo__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.stoaGoodsReview__list .flag {
  display: flex;
  margin-bottom: 12px;
  position: static;
  min-width: auto;
  font-size: inherit;
}
.stoaGoodsReview__list .flag__item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  padding: 1px 6px 0;
  height: 20px;
  border-radius: 4px;
  border: 1px solid;
  margin-right: 4px;
}
.stoaGoodsReview__list .flag__experience {
  border-color: #F47725;
  color: #F47725;
}
.stoaGoodsReview__list .flag__repurchase {
  border: 1px solid rgba(230, 38, 66, 0.2);
  background: #FFF8F9;
  color: #E62642;
}
.stoaGoodsReview__list .flag__review {
  border: 1px solid rgba(34, 87, 191, 0.2);
  background: #F6F9FF;
  color: #223CBF;
}
.stoaGoodsReview__list .txt {
  font-size: 14px;
  color: #222;
  line-height: 20px;
  margin: 0 0 12px;
}
.stoaGoodsReview__list .txt b {
  font-weight: 400;
  background: #FFE2E2;
}
.stoaGoodsReview__list .item {
  display: flex;
}
.stoaGoodsReview__list .item li {
  display: flex;
  gap: 0 4px;
}
.stoaGoodsReview__list .item li:not(:last-child) {
  border-right: 1px solid #ddd;
  padding-right: 8px;
}
.stoaGoodsReview__list .item li:not(:first-child) {
  padding-left: 8px;
}
.stoaGoodsReview__list .item :is(.user, .date) {
  font-size: 13px;
}
.stoaGoodsReview__list .item :is(.user, .date, .report) {
  color: #999;
  line-height: 1;
}
.stoaGoodsReview__list .item .user {
  display: flex;
  align-items: center;
  gap: 0 4px;
}
.stoaGoodsReview__list .item .user::after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background: #ccc;
}
.stoaGoodsReview__list .item .user--vvip::before {
  content: "";
  display: block;
  width: 33px;
  height: 16px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsDetailPriceIco3.png") no-repeat 0 0/100% auto;
}
.stoaGoodsReview__list .item .user--vip::before {
  content: "";
  display: block;
  width: 27px;
  height: 16px;
  background: url("/static/img/stoaModule/goodsDetailPriceIco4.png") no-repeat 0 0/100% auto;
}
.stoaGoodsReview__list .item .user--gold::before {
  content: "";
  display: block;
  width: 35px;
  height: 16px;
  background: url("/static/img/stoaModule/goodsDetailPriceIco5.png") no-repeat 0 0/100% auto;
}
.stoaGoodsReview__list .item .user--silver::before {
  content: "";
  display: block;
  width: 41px;
  height: 16px;
  background: url("/static/img/stoaModule/goodsDetailPriceIco6.png") no-repeat 0 0/100% auto;
}
.stoaGoodsReview__list .item .user--family::before {
  content: "";
  display: block;
  width: 42px;
  height: 16px;
  background: url("/static/img/stoaModule/goodsDetailPriceIco7.png") no-repeat 0 0/100% auto;
}
.stoaGoodsReview__list .item .report {
  display: flex;
  align-items: center;
  gap: 0 4px;
  font-size: 12px;
}
.stoaGoodsReview__list .item .report::after {
  content: "";
  display: block;
  width: 11px;
  height: 13px;
  background: url("/static/img/stoaModule/reportIco.svg") no-repeat 0 0/100% auto;
  position: relative;
  top: -1px;
}
.stoaGoodsReview__list .recommand {
  display: flex;
  align-items: center;
  gap: 0 8px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 13px;
  color: #222;
  padding: 0 16px;
  margin: 16px 0 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0392156863);
}
.stoaGoodsReview__list .recommand .number {
  display: flex;
  align-items: baseline;
  gap: 0 4px;
  font-size: 14px;
  font-weight: 700;
  color: #E62642;
  font-style: normal;
  line-height: 1;
  position: relative;
  top: 1px;
}
.stoaGoodsReview__list .recommand .number::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsReviewRecommand.svg") no-repeat 0 0/100% auto;
}

/********** // (e) goods review **********/
/********** goods photo review detail (s) // **********/
.goodsPhotoDetail {
  padding: 0 0 24px;
}
.goodsPhotoDetail__slider {
  position: relative;
  overflow: hidden;
}
.goodsPhotoDetail__slider .swiper-slide {
  display: flex;
  align-items: center;
  height: 128vw;
  overflow: hidden;
}
:is(.goodsPhotoDetail__slider .btns__prev, .goodsPhotoDetail__slider .btns__next) {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 38px;
  height: 48px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
}
:is(.goodsPhotoDetail__slider .btns__prev, .goodsPhotoDetail__slider .btns__next)::before {
  content: "";
  display: block;
  width: 24px;
  height: 36px;
  background: url("https://imagecdn.skstoa.com/static/img/Arrow%20Chevron_Right_white.svg") no-repeat 0 0/100% auto;
  position: absolute;
  top: 50%;
}
.goodsPhotoDetail__slider .btns__prev {
  left: 0;
  border-radius: 0 36px 36px 0;
}
.goodsPhotoDetail__slider .btns__prev::before {
  left: 35%;
  transform: translate3d(-50%, -50%, 0) rotate(180deg);
}
.goodsPhotoDetail__slider .btns__next {
  right: 0;
  border-radius: 36px 0 0 36px;
}
.goodsPhotoDetail__slider .btns__next::before {
  right: 35%;
  transform: translate3d(50%, -50%, 0);
}
.goodsPhotoDetail .goodsLink {
  width: calc(100% - 16px);
}

/********** // (e) goods photo review detail **********/
/********** stoa summary (s) // **********/
.stoaSummary {
  display: flex;
  margin-top: 4px;
  align-items: start;
  padding: 16px;
  gap: 0 8px;
  background: #fff;
  z-index: 100;
  border: 1px solid #ddd;
  border-radius: 6px;
  position: absolute;
  width: 256px;
  word-break: keep-all;
}
.stoaSummary__wrap {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}
.stoaSummary__title {
  font-size: 15px;
  color: #222;
  font-weight: 700;
}
.stoaSummary__txt {
  font-size: 14px;
  color: #666;
}
.stoaSummary__close {
  display: block;
  width: 20px;
  height: 20px;
  background: url("https://imagecdn.skstoa.com/static/img/X_Close.svg") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: auto;
  font-size: 0;
  flex-shrink: 0;
}

/********** // (e) stoa summary **********/
/********** item category (s) // **********/
.itemCategory {
  font-weight: 700;
  vertical-align: baseline;
}
.itemCategory.type1 {
  color: #E62642;
}
.itemCategory.type2 {
  color: #BE9E67;
}

/********** // (e) item category **********/
/********** goods category (s) // **********/
.goodsCategory {
  padding: 0 26px 0 15px;
}
.goodsCategory .swiper-wrapper {
  flex-wrap: wrap;
}
.goodsCategory a {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 56px;
  height: 75px;
}
.goodsCategory .thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #F5F5F5;
  width: 56px;
  height: 56px;
}
.goodsCategory .thumbnail img {
  width: 48px;
  height: 48px;
}
.goodsCategory .title {
  font-size: 13px;
  color: #444;
  letter-spacing: -0.036em;
  white-space: nowrap;
  margin: 6px 0 0;
}

/********** // (e) goods category **********/
/********** goods tab (s) // **********/
.goodsTab {
  position: relative;
  padding: 18px 15px 16px;
}
.goodsTab .swiper-wrapper {
  height: auto;
}
.goodsTab .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 36px;
  border-radius: 36px;
  font-size: 14px;
  color: #444;
  background: #fff;
  padding: 0 16px;
  letter-spacing: -0.05em;
  /*max-width: 146px; 251022 삭제요청 */
  border: 1px solid #e5e5e5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* cream_250829_19966 // */
  min-width: 50px;
  /* // cream_250829_19966 */
}
.goodsTab .swiper-slide.active {
  background: #1d1d1d;
  color: #fff;
  font-weight: 700;
  border-color: #000;
}
.stoaModule__title + .goodsTab {
  padding-top: 0;
}
.stickyActive .goodsTab {
  position: absolute;
  z-index: 1000;
  background: #fff;
  padding: 8px 15px 6px;
}
.goodsTab:has(.goodsTab__toggle) {
  padding-right: 56px;
}
.goodsTab:has(.goodsTab__toggle)::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 70px;
  height: 100%;
  background: linear-gradient(270deg, #FFFFFF 47.86%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
.goodsTab__toggle {
  position: absolute;
  z-index: 2;
  top: 18px;
  right: 15px;
  display: block;
  overflow: hidden;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  font-size: 0;
  background-color: #ffffff;
  border: 1px solid #eee;
  border-radius: 100px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.0784313725);
}
.goodsTab__toggle::after {
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 4px);
  display: block;
  width: 8px;
  height: 8px;
  border: 0px solid #222;
  transform: rotate(45deg) translate(calc(-50% + 3px), calc(-50% + 3px));
  border-right-width: 1px;
  border-bottom-width: 1px;
}
[data-goodstab]:has(.goodsTab__toggle.open) .swiper-wrapper {
  flex-wrap: wrap;
  gap: 8px 0;
}
[data-goodstab]:has(.goodsTab__toggle.open) .goodsTab__toggle::after {
  transform: rotate(225deg) translate(calc(-50% + 3px), calc(-50% + 3px));
}

.stoaModule__title + .goodsTab .goodsTab__toggle {
  top: 2px;
}

.goodsTab__icon {
  width: 28px;
  height: 28px;
  border-radius: 100px;
  margin-left: -8px;
  margin-right: 4px;
}
.goodsTab__icon::before {
  content: "";
  background: rgba(102, 102, 102, 0.05);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.goodsTab.type2 {
  border-width: 1px 0;
  border-style: solid;
  border-color: #eee;
  background: #F5F7F8;
  padding: 12px 58px 12px 15px;
}
.goodsTab.type2 .swiper-slide {
  display: flex;
  align-items: center;
  gap: 0 2px;
  height: 32px;
  border-radius: 32px;
  padding: 0 16px;
  background: #fff;
  color: #222;
}
.goodsTab.type2 .swiper-slide.active {
  background: #444;
  color: #fff;
}
.goodsTab.type2 .swiper-slide.active small {
  color: #fff;
}
.goodsTab.type2 .swiper-slide small {
  font-size: 12px;
  color: #999;
  font-weight: 400;
  position: relative;
  top: 1px;
}
.goodsTab.type2 .goodsTab__toggle {
  top: 12px;
}
.goodsTab.type3 .swiper-slide {
  max-width: initial;
}
.goodsTab.type3 .swiper-slide:not(.active) {
  border: 1px solid #ddd;
  background: #fff;
}
.goodsTab.type3.kw-rec .swiper-wrapper {
  max-height: 79px;
  overflow: hidden;
}
.goodsTab.type3.kw-rec .swiper-slide {
  box-sizing: border-box;
  min-width: 56px;
  max-height: 95px;
}
.goodsTab.type3.kw-rec .swiper-slide:not(.active) {
  color: #444;
}
.goodsTab.type3.kw-rec .swiper-slide:has(.goodsTab__icon) {
  min-width: 70px;
}
.goodsTab.type4 {
  background-color: #FAFAFA;
  padding: 0 9px;
}
.goodsTab.type4 .swiper-slide {
  max-width: initial;
  height: 44px;
  font-weight: 500;
  background-color: inherit;
  color: #888;
  border: none;
  padding: 0 6px;
}
.goodsTab.type4 .swiper-slide.active {
  color: #222;
}
.goodsTab.type5 {
  padding: 0 15px 24px;
}
.goodsTab.type5 .swiper-slide {
  display: flex;
  align-items: center;
  max-width: 110px;
  min-width: 82px;
  height: 48px;
  padding: 0 11px;
  gap: 0 8px;
  border: 1px solid #ddd;
  border-radius: 48px;
  background: #fff;
}
.goodsTab.type5 .swiper-slide.active {
  background: #444;
}
.goodsTab.type5 .swiper-slide.active :is(.title, .txt) {
  color: #fff;
}
.goodsTab.type5 .swiper-slide.active .title {
  font-weight: 700;
}
.goodsTab.type5 .swiper-slide .ico {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
}
.goodsTab.type5 .swiper-slide .ico::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(102, 102, 102, 0.05);
}
.goodsTab.type5 .swiper-slide .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  overflow: hidden;
  gap: 2px 0;
}
.goodsTab.type5 .swiper-slide .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  width: 100%;
  letter-spacing: -0.05em;
  text-align: center;
}
.goodsTab.type5 .swiper-slide .txt {
  font-size: 12px;
  font-weight: 400;
  color: #666;
}
.goodsTab.type6 .swiper-slide {
  background: #F4F9FF;
  border: 1px solid #A9CAFF;
  color: #444;
}
.typeGradient .goodsTab.type6 .swiper-slide {
  background: #fff;
  border-color: #e5e5e5;
}

.goodsTab.type6 .swiper-slide.active {
  color: #fff;
  font-weight: 700;
  background: linear-gradient(90deg, #4F86FE 0%, #6958FB 105%);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.0784313725);
  border-width: 0;
}
.goodsTab.type-ranking {
  padding: 14px 15px;
}
.goodsTab.type-ranking .swiper-wrapper {
  height: max-content;
  background-color: #fff;
  z-index: 10;
}
.goodsTab.type-ranking .goodsTab__toggle {
  top: 16px;
  z-index: 15;
}
.goodsTab.type-ranking:has(.goodsTab__toggle) {
  padding-right: 56px;
}
.goodsTab.type-ranking:has(.goodsTab__toggle)::after {
  z-index: 13;
}
.goodsTab.type-ranking:has(.goodsTab__toggle.open) {
  padding: 0;
  height: 64px;
}
.goodsTab.type-ranking:has(.goodsTab__toggle.open) .swiper-wrapper {
  padding: 14px 56px 14px 15px;
}
.goodsTab.type-ranking .goodsTab__dim {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 146;
  background-color: #000000;
  opacity: 0;
  pointer-events: none;
}
.goodsTab.type-ranking .goodsTab__toggle.open ~ .goodsTab__dim {
  opacity: 0.5;
  pointer-events: visible;
}
.goodsTab.type-open .swiper-wrapper {
  flex-wrap: wrap;
  gap: 7px 4px;
}
.goodsTab.type-open .swiper-slide {
  margin-right: 0 !important;
}

/********** // (e) goods tab **********/
/********** secret (s) // **********/
.secret {
  background: #FEF8F4;
  padding: 32px 0;
}
.secret__title {
  display: block;
  text-indent: -9999px;
  width: 170px;
  height: 25px;
  background: url("/static/img/tvHome/secret_title.png") no-repeat 0 0/100% auto;
  margin: 0 auto 8px;
}
.secret__txt {
  font-size: 14px;
  color: #999;
  text-align: center;
  margin: 0 0 24px;
}
.secret__txt b {
  font-weight: 400;
  color: #222;
}
.secret__reset {
  display: flex;
  width: calc(100% - 30px);
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  color: #222;
  margin: 20px auto 0;
  line-height: 1;
  gap: 4px;
}
.secret__reset::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/Arrow_Rotate_Right@2x.png") no-repeat 0 0/100% auto;
}
.secret__reset b {
  color: #FF7D00;
}
.secret__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 127px;
  height: 36px;
  border-radius: 36px;
  background: rgba(255, 166, 25, 0.7019607843);
  margin: 0 auto;
  font-size: 14px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2117647059);
  box-shadow: 0px 3px 6px rgba(121, 74, 0, 0.1607843137);
}
.secret__link::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Chevron_Right_16.png") no-repeat 0 0/100% auto;
}
.secret.type2 {
  background: url("/static/img/tvHome/secret_bg.png") no-repeat 0 0/cover;
  padding: 10.1333333333vw 0 9.0666666667vw;
}
.secret.type2 .secret__title {
  width: 186px;
  height: 28px;
  background-image: url("/static/img/tvHome/secret_title2.png");
  margin-bottom: 16px;
}
.secret.type2 .secret__txt {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 14px;
}
.secret .goodsList.type3 .goodsDiscount {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  background: rgba(244, 119, 37, 0.8);
  color: #fff;
  width: 49px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px 0 8px 0;
  font-size: 12px;
}
.secret .goodsList.type3 .goodsDiscount::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("/static/img/stoaModule/Arrow_down2.png") no-repeat 0 0/100% auto;
}

/********** // (e) secret **********/
/********** brand tab (s) // **********/
.brandTab {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
.brandTab__category {
  padding: 0 26px 0 15px;
  background: #FAFAFA;
  border-bottom: 1px solid #eee;
}
.brandTab__category .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 56px;
  height: 104px;
  padding: 12px 0 0;
  position: relative;
  transition: opacity 0.4s;
}
.brandTab__category .swiper-slide button::after {
  content: "";
  display: block;
  width: 34px;
  height: 2px;
  background: #E62642;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  opacity: 0;
}
.brandTab__category .swiper-slide .active::after {
  opacity: 1;
}
.brandTab__category .swiper-slide .active .thumbnail {
  border: 2px solid #E62642;
}
.brandTab__category .swiper-slide .active .title {
  font-weight: 700;
}
.brandTab__category:not(.swiper-moving) .swiper-slide-prev {
  opacity: 0;
}
.brandTab__category .thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  border: 1px solid #eee;
  background: #fff;
  overflow: hidden;
}
.brandTab__category .title {
  font-size: 13px;
  color: #444;
  letter-spacing: -0.036em;
  white-space: nowrap;
}
.brandTab__slider {
  padding: 0 15px 20px;
}
.brandTab__slider .swiper-wrapper {
  flex-wrap: wrap;
  display: grid;
  grid-template: repeat(4, 1fr)/auto;
  grid-auto-flow: column;
  gap: 24px 0;
}
.brandTab__slider .swiper-slide {
  position: relative;
}
.brandTab__slider a {
  display: flex;
  gap: 12px;
}
.brandTab__slider .thumbnail {
  width: 78px;
  height: 78px;
  border-radius: 8px;
  overflow: hidden;
}
.brandTab__slider .thumbnail img {
  width: 100%;
  height: 100%;
}
.brandTab__slider .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 8px 40px 0 0;
}
.brandTab__slider .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 13px;
  color: #222;
}
.brandTab__slider .recommand {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(244, 119, 37, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 22px;
  border-radius: 8px 0 8px 0;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}
.brandTab__slider .goodsPrice {
  display: flex;
  align-items: baseline;
  font-size: 12px;
  margin: 8px 0 0;
}
.brandTab__slider .goodsDiscount {
  font-size: 15px;
  margin: 0 4px 0 0;
}
.brandTab__slider .goodsNumber {
  font-size: 15px;
}
.brandTab__slider .favorite {
  position: absolute;
  top: 48px;
  right: 10px;
}

/********** // (e) brand tab **********/
/********** banner slide (s) // **********/
.bannerSlide {
  padding: 0 15px;
}
.bannerSlide .swiper-slide {
  width: 318px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #eee;
  padding: 0 0 16px;
}
.bannerSlide .goodsList {
  margin: 15px 0 0;
  padding: 0 15px;
}

/********** // (e) banner slide **********/
/********** search area (s) // **********/
.searchArea {
  display: flex;
  position: relative;
}
input[type=text].searchArea__input {
  margin: 0 15px;
  position: relative;
  display: flex;
  width: calc(100% - 30px);
  height: 44px;
  border-radius: 44px;
  border: 1px solid #222;
  color: #999;
  font-size: 16px;
  padding: 0 40px 0 20px;
  letter-spacing: -0.045em;
  align-items: center;
  justify-content: start;
}

.searchArea__btn {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 26px;
  transform: translate3d(0, -50%, 0);
  background: url("/static/img/stoaModule/Search@2x.png") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: hidden;
}

/********** // (e) search area **********/
/********** icon banner (s) // **********/
.iconBanner {
  padding: 0 15px 24px;
}
.iconBanner .swiper-slide {
  width: 102px;
}

/********** // (e) icon banner **********/
/********** imgBanner (s) // **********/
.imgBanner {
  display: block;
  margin: 0 0 15px;
}

/********** // (e) imgBanner **********/
/********** stoaModal (s) // **********/
/* cream_250904_20064 */
.stoaModal {
  display: flex;
  justify-content: center;
  align-items: start;
  position: fixed;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 20001;
  pointer-events: none;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  padding: 20px 0;
  overscroll-behavior: contain;
  -ms-overflow-style: none;
  scrollbar-width: none;
  box-sizing: border-box;
}
.stoaModal::-webkit-scrollbar {
  display: none;
}
.stoaModal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.stoaModal.active {
  pointer-events: all;
  visibility: visible;
  opacity: 1;
}
.stoaModal__container {
  display: flex;
  flex-direction: column;
  width: 91.7vw;
  max-height: 100%;
  background: #ffffff;
  position: relative;
  padding: 19px 15px;
  border-radius: 10px;
  box-sizing: border-box;
}
.stoaModal__container.type2 {
  padding: 0;
}
.stoaModal__container .textBoldC {
  color: #222;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}
.stoaModal__container .textBoldC + .textBoldC {
  margin-top: 12px;
}
.stoaModal__container .textBoldC:last-of-type {
  margin-bottom: 20px;
}
.stoaModal-open .modal__container {
  left: 0;
}
.stoaModal__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #444;
  padding: 0 0px 12px 0;
}
.stoaModal__header.center {
  justify-content: center;
  text-align: center;
}
.stoaModal__header.type2 {
  justify-content: normal;
  border-bottom: 1px solid #eee;
}
.stoaModal.modal-full .stoaModal__header.type2 {
  padding: 12px 12px 12px;
  max-height: 50px;
}

.stoaModal__header.type2 .stoaModal__title {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 26px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  gap: 0 4px;
}
.stoaModal__header.type2 .stoaModal__title small {
  color: #888;
  font-size: inherit;
  line-height: inherit;
  vertical-align: baseline;
}
.stoaModal__header.type2 .stoaModal__back {
  position: absolute;
  top: 11px;
  left: 12px;
}
.stoaModal__header.type2 .stoaModal__close {
  position: absolute;
  top: 11px;
  right: 12px;
  width: 26px;
  height: 26px;
}
.stoaModal__header.type3 {
  padding: 11px 0px 10px;
  justify-content: center;
  border-bottom: 1px solid #EEE;
}
.stoaModal__header.type3 .stoaModal__close {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  right: 12px;
  width: 26px;
  height: 26px;
}
.stoaModal__header.type4 {
  margin: 0 -15px;
  padding: 0 15px 16px;
  justify-content: center;
  border-color: #eee;
}
.stoaModal__header.type4 .stoaModal__close {
  position: absolute;
  top: -2px;
  right: 15px;
  width: 26px;
  height: 26px;
}
.stoaModal__header.type5 {
  padding: 11px 44px 10px 16px;
  border-bottom: 1px solid #EEE;
  text-align: left;
}
.stoaModal__header.type5 .stoaModal__title {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stoaModal__header.type5 .stoaModal__close {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  right: 12px;
  width: 26px;
  height: 26px;
}
.stoaModal__header.type6 {
  display: flex;
  flex-direction: column;
  align-items: start;
  border-bottom: 0;
  word-break: keep-all;
  padding-bottom: 0;
  margin-bottom: 3px;
}
.stoaModal__header.type6 .stoaModal__close {
  margin-left: auto;
}
.stoaModal__header.type7 {
  box-sizing: border-box;
  justify-content: normal;
  border-bottom: none;
  min-height: 47.4px;
}
.stoaModal.modal-full .stoaModal__header.type7 {
  padding: 12px 12px 12px;
  max-height: 50px;
}

.stoaModal__header.type7 .stoaModal__title {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 26px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  gap: 0 4px;
}
.stoaModal__header.type7 .stoaModal__title small {
  color: #888;
  font-size: inherit;
  line-height: inherit;
  vertical-align: baseline;
}
.stoaModal__header.type7 .stoaModal__back {
  position: absolute;
  top: 11px;
  left: 12px;
}
.stoaModal__header.type7 .stoaModal__close {
  position: absolute;
  top: 11px;
  right: 12px;
  width: 26px;
  height: 26px;
}
.stoaModal__header.noborder {
  border: none;
}
.stoaModal__title {
  font-size: 14px;
  color: #222;
  font-weight: 400;
}
.stoaModal__title.type2 {
  font-size: 18px;
}
.stoaModal__title.type3 {
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
}
.stoaModal__title.type4 {
  font-size: 16px;
  font-weight: 700;
}
.stoaModal__title .gray {
  font-style: inherit;
  color: #888;
  margin-left: 1px;
  vertical-align: bottom;
}
.stoaModal__subText {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.32px;
  color: #222;
}
.stoaModal__subText.type2 {
  line-height: 28px;
  font-size: 18px;
}
.stoaModal__subText .point {
  font-size: inherit;
  font-weight: inherit;
  vertical-align: baseline;
  color: #E62642;
}
.stoaModal__subText.center {
  text-align: center;
}
.stoaModal__back {
  background: url("https://imagecdn.skstoa.com/static/img/headerArrowIco.svg") no-repeat center;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
}
.stoaModal__close {
  display: block;
  position: relative;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
}
.stoaModal__close.fiexed {
  position: absolute;
  top: calc(50% - 17px);
  right: 0;
}
.stoaModal__close::before, .stoaModal__close::after {
  content: "";
  display: block;
  width: 18px;
  height: 1px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
}
.stoaModal__close::before {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.stoaModal__close::after {
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.stoaModal__close.type2 {
  position: absolute;
  top: 14px;
  right: 15px;
}
.stoaModal__close.close_absolute {
  position: absolute;
  right: 16px;
  top: 16px;
}
.stoaModal__close.close_absolute::after, .stoaModal__close.close_absolute::before {
  height: 2px;
}
.stoaModal__inner {
  height: 100%;
  overflow-y: auto;
  font-size: 13px;
  color: #333;
  padding: 13px 0 0 0;
  display: flex;
  flex-direction: column;
}
.stoaModal__inner.type2 {
  padding: 20px;
}
.stoaModal__inner:has(.grade) {
  padding: 0;
}
.stoaModal__inner.typeHorizon {
  flex-direction: row;
  padding-top: 0;
  gap: 0 10px;
}
.stoaModal__inner.typeHorizon .stoaModal__close {
  flex-shrink: 0;
}
.stoaModal__inner .txt {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  font-size: 14px;
  color: #222;
  line-height: 20px;
}
.stoaModal__inner .txt.type2 {
  font-size: 15px;
}
.stoaModal__inner .notice {
  display: flex;
  gap: 0 4px;
  font-size: 14px;
  color: #222;
  line-height: 20px;
}
.stoaModal__inner .notice::before {
  content: "※";
}
.stoaModal__inner .list {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
.stoaModal__inner .list li {
  display: flex;
  gap: 0 4px;
  align-items: start;
  font-size: 13px;
  color: #666;
  line-height: 18px;
}
.stoaModal__inner .list li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #888;
  flex-shrink: 0;
  position: relative;
  transform: translate3d(0, 7px, 0);
}
.stoaModal__inner.promoEvent {
  height: calc(100vh - 210px);
  padding-top: 0px;
}
.stoaModal__inner.promoEvent:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.stoaModal__footer {
  display: flex;
  gap: 10px;
}
.stoaModal__footer.stoaBtnGroup {
  margin-top: 0;
}
.stoaModal__footer-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background-color: #E62642;
  border-color: #E62642;
}
.stoaModal__footer-btn:disabled {
  background-color: #FBD8DE;
}
.stoaModal__footer .stoaFooter__text {
  display: block;
  width: 100%;
  color: #222;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.28px;
  margin-bottom: 16px;
}
.stoaModal__footer .stoaFooter__text::before {
  content: "※";
  margin-right: 2px;
}
.stoaModal__footer.type2 {
  flex-direction: column;
  padding: 0 20px 20px;
  gap: 12px 0;
}
.stoaModal__footer.type2 .stoaBtn {
  flex: none;
  height: 44px;
}
.stoaModal__footer.type3 {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  padding: 10px 20px 20px;
}
.stoaModal__footer.type3 .stoaBtn {
  height: 44px;
}
.stoaModal__footer.type3 .stoaChk {
  justify-content: center;
  width: 100%;
  margin-bottom: 16px;
}
.stoaModal__footer.type3 .stoaChk label {
  flex: none;
}
.stoaModal__footer.type4 {
  overflow: hidden;
  gap: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.stoaModal__footer.type4 .stoaBtn {
  height: 48px;
  border-radius: 0;
}
.stoaModal.modal-small .stoaModal__container {
  max-width: 296px;
  max-height: 300px;
  padding: 20px;
}
.stoaModal.modal-small .stoaModal__container.type2 {
  padding: 0;
}
.stoaModal.modal-small .stoaModal__container.type2 .stoaModal__inner {
  padding: 16px 20px 20px;
}
.stoaModal.modal-small .stoaModal__txt {
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.48px;
}
.stoaModal.modal-small .stoaModal__txt2 {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.42px;
}
.stoaModal.modal-small .stoaModal__txt + .stoaModal__txt2 {
  margin-top: 15px;
}
.stoaModal.modal-small .stoaModal__txt3 {
  color: #222;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.39px;
  margin-top: 16px;
}
.stoaModal.modal-small .stoaModal__txtList {
  text-align: left;
  border-radius: 4px;
  background-color: #F5F5F5;
  color: #222;
  margin-top: 8px;
  padding: 10px;
}
.stoaModal.modal-small .stoaModal__txtList li {
  position: relative;
  padding-left: 21px;
}
.stoaModal.modal-small .stoaModal__txtList li:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 8px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 10px;
  background-color: #222;
}
.stoaModal.modal-small .stoaBtnGroup {
  height: 48px;
  flex-shrink: 0;
  margin: 24px -20px -20px;
}
.stoaModal.modal-small .stoaBtnGroup .stoaBtn {
  height: 100%;
  border-radius: 0px 0px 12px 12px;
}
.stoaModal.modal-small .stoaBtnGroup--customer {
  margin: 0;
  align-items: end;
}
.stoaModal.modal-small .stoaBtnGroup--customer .stoaBtn {
  border-radius: 4px;
}
.stoaModal.modal-small .stoaBtnGroup2 {
  height: 48px;
}
.stoaModal.modal-small .stoaBtnGroup2 .stoaBtn {
  height: 100%;
}
.stoaModal.modal-small .txt-point {
  color: #E62642;
  vertical-align: baseline;
}
.stoaModal.modal-small .txt-center {
  text-align: center;
}
.stoaModal.modal-full {
  padding: 0px 0;
}
.stoaModal.modal-full .stoaModal__container {
  width: 100vw;
  height: 100vh;
  border-radius: 0;
  padding: 0;
}
.stoaModal.modal-full .stoaModal__header {
  padding: 19px 20px 12px 15px;
}
.stoaModal.modal-full .stoaModal__inner {
  padding: 13px 15px 19px;
}
.stoaModal.modal-full .stoaModal__footer.stoaBtnGroup {
  padding: 13px 15px 19px;
}
.stoaModal.modal-full .stoaModal__close::before, .stoaModal.modal-full .stoaModal__close::after {
  top: 50%;
}
.stoaModal.above .maskbg {
  display: none;
}
.stoaModal__inner.p0, .stoaModal.modal-full .stoaModal__inner {
  padding: 0;
}
.stoaModal .imageReview {
  display: grid;
  grid-template-columns: repeat(3, calc((100% - 4px) / 3));
  gap: 2px;
  padding: 15px;
}
.stoaModal .imageReview button {
  display: flex;
  height: 30.3093333333vw;
  overflow: hidden;
  position: relative;
}
.stoaModal .imageReview button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stoaModal .imageReview__num {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 18px;
  border-radius: 4px 0 0 0;
  background: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
}
.stoaModal .stoaGoodsReview {
  padding-top: 0;
  margin-top: 8px;
}
.stoaModal .grade {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  padding: 20px 0 24px;
}
.stoaModal .grade__title {
  font-size: 16px;
  color: #222;
  text-align: center;
  line-height: 24px;
}
.stoaModal .grade__item {
  display: flex;
  background: #F7f7f7;
  padding: 16px 24px;
  gap: 0 1px;
}
.stoaModal .grade__item li {
  flex: 1;
  display: grid;
  grid-template-rows: 30px auto auto 36px;
  position: relative;
}
.stoaModal .grade__item li.active :is(.grade__tooltip, .grade__level, .grade__graph, .grade__benefit) {
  opacity: 1;
}
.stoaModal .grade__item li:has(~ .active) .grade__graph {
  opacity: 1;
}
.stoaModal .grade__item li:first-of-type .grade__graph {
  border-radius: 6px 0 0 6px;
}
.stoaModal .grade__item li:last-of-type .grade__graph {
  border-radius: 0 6px 6px 0;
}
.stoaModal .grade__tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  white-space: nowrap;
  background: #444;
  border-radius: 22px;
  height: 22px;
  padding: 0 6px;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  opacity: 0;
}
.stoaModal .grade__tooltip::before {
  content: "";
  display: block;
  border-width: 8px 6px 0 6px;
  border-style: solid;
  border-color: #444 transparent transparent transparent;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  top: 100%;
}
.stoaModal .grade__level {
  grid-row: 2/3;
  font-size: 12px;
  font-weight: 800;
  color: #444;
  line-height: 18px;
  text-align: center;
  opacity: 0.4;
}
.stoaModal .grade__graph {
  grid-row: 3/4;
  width: 100%;
  height: 6px;
  background: #444;
  opacity: 0.1;
  margin: 4px 0;
}
.stoaModal .grade__benefit {
  grid-row: 4/5;
  font-size: 12px;
  color: #222;
  line-height: 18px;
  text-align: center;
  word-break: break-all;
  opacity: 0.4;
}
.stoaModal.stoaModal--type1 .stoaModal__container {
  padding: 0;
}
.stoaModal.stoaModal--type1 .stoaModal__container .stoaModal__header {
  height: 58px;
  justify-content: center;
  padding: 0;
  border-bottom: 1px solid #eee;
}
.stoaModal.stoaModal--type1 .stoaModal__container .stoaModal__header .stoaModal__title {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.72px;
}
.stoaModal.stoaModal--type1 .stoaModal__container .stoaModal__header .stoaModal__close {
  position: absolute;
  right: 10px;
  top: 13px;
  width: 30px;
  height: 30px;
}
.stoaModal.stoaModal--type1 .stoaModal__container .stoaModal__inner {
  padding: 20px;
}
.stoaModal.stoaModal--type1 .stoaModal__container .stoaModal__inner .infoList {
  margin-bottom: 24px;
}
.stoaModal.stoaModal--type1 .stoaModal__container .stoaModal__inner .infoList li {
  position: relative;
  padding: 0 0 0 14px;
  font-size: 16px;
  letter-spacing: -0.64px;
}
.stoaModal.stoaModal--type1 .stoaModal__container .stoaModal__inner .infoList li + li {
  margin-top: 6px;
}
.stoaModal.stoaModal--type1 .stoaModal__container .stoaModal__inner .infoList li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #999;
}
.stoaModal.stoaModal--type1 .stoaModal__container .stoaModal__inner .infoList li .amount {
  font-size: 16px;
  font-weight: 700;
}
.stoaModal.stoaModal--type1 .stoaModal__container .stoaModal__inner .infoList li .accountNumber {
  text-decoration: underline;
}
.stoaModal.stoaModal--big {
  padding: 80px 0;
}
.stoaModal.stoaModal--big .stoaModal__inner {
  overflow: hidden;
}
.stoaModal_subTitle {
  display: flex;
  font-size: 15px;
  margin: 16px 0 12px;
  color: #222;
}
.stoaModal .btn_basic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  background: #E62642;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
  margin-top: 20px;
}
.stoaModal--deposit .stoaModal__header.type3 {
  padding: 16px 0 15px;
}
.stoaModal--deposit .stoaModal__header.type3 .stoaModal__title.type3 {
  font-size: 18px;
}
.stoaModal--deposit .deposit-info li {
  position: relative;
  margin-bottom: 6px;
  padding: 0 0 0 10px;
  color: #222;
  font-size: 16px;
  line-height: 24px;
}
.stoaModal--deposit .deposit-info li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #999;
}
.stoaModal--deposit .deposit-actions {
  display: flex;
  flex-flow: column;
  margin: 20px 0 0;
  gap: 12px 0;
}
.stoaModal--deposit .deposit-actions .deposit-actions__button {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 48px;
  background: #E62642;
  border-radius: 4px;
  line-height: 48px;
}
.stoaModal--deposit .deposit-actions .deposit-actions__button span {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
.stoaModal--deposit .deposit-actions .deposit-actions__button.kakaopay {
  height: 44px;
  border: 1px solid #ccc;
  background: #fff;
  line-height: 44px;
}
.stoaModal--deposit .deposit-actions .deposit-actions__button.kakaopay span {
  position: relative;
  color: #222;
  font-weight: 500;
}
.stoaModal--deposit .deposit-actions .deposit-actions__button.kakaopay span::before {
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  margin-right: 8px;
  background: url(/static/img/ico/ico_pay.png) no-repeat;
  width: 39px;
  height: 16px;
}

/* //cream_250904_20064 */
/********** // (e) stoaModal **********/
/********** stoaCard (s) // **********/
.stoaCard {
  border: solid 1px #E5E5E5;
  background: #fff;
  border-radius: 6px;
  padding: 16px 15px;
  margin-top: 10px;
  letter-spacing: -0.06em;
}
.stoaCard__message {
  text-align: center;
  font-size: 14px;
  color: #222;
}
.stoaCard__txt1, .stoaCard__txt2 {
  display: block;
  word-break: keep-all;
}
.stoaCard__txt1 span, .stoaCard__txt2 span {
  vertical-align: bottom;
}
.stoaCard__txt1 {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 8px;
  letter-spacing: -0.07em;
  color: #E62642;
}
.stoaCard__txt2 {
  margin-top: 5px;
  letter-spacing: -0.03em;
}
.stoaCard__title {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  padding: 0px;
  background: #fff;
  position: relative;
}
.stoaCard__title .price {
  font-size: 16px;
  color: #222;
}
.stoaCard__title .price .unit {
  font-size: 14px;
  vertical-align: baseline;
}
.stoaCard__body {
  padding-top: 15px;
}
.stoaCard .subject {
  font-size: 18px;
  letter-spacing: -0.07em;
}
.stoaCard .subject.type2 {
  font-size: 16px;
  letter-spacing: -0.07em;
}
.stoaCard [data-slider] {
  overflow: hidden;
}

/********** // (e) stoaCard **********/
/********** stoaList (s) // **********/
.stoaList.type1 {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  margin-top: -4px;
}
.stoaList.type1 dt {
  width: 40%;
  margin-top: 8px;
}
.stoaList.type1 dd {
  width: 60%;
  text-align: right;
  margin-top: 8px;
}
.stoaList.type1 .txt__price {
  font-size: 16px;
  font-weight: 700;
}
.stoaList.type1 .unit {
  vertical-align: bottom;
  font-size: 14px;
  font-weight: 400;
}
.stoaList__indent {
  font-size: 14px;
  border-left: 3px solid #eee;
  padding-left: 8px;
  margin-top: 12px;
}
.stoaList__indent p {
  margin-top: 2px;
}
.stoaList__indent p:first-child {
  margin-top: 0px;
}
.stoaList__indent .txt.type1 {
  color: #E62642;
}

/********** // (e) stoaList **********/
/********** stoaBtnGroup (s) // **********/
.stoaBtnGroup {
  display: flex;
  margin-top: 20px;
  gap: 0 10px;
}
.stoaBtnGroup.type2 {
  flex-direction: column;
  padding: 0;
}
.stoaBtnGroup.type2 .stoaBtn {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  font-size: 14px;
}
.stoaBtnGroup .stoaBtn {
  height: 48px;
}
.stoaBtnGroup.full {
  padding: 0;
}
.stoaBtnGroup .agentCall {
  color: #222;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}
.stoaBtnGroup .agentCall:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(/static/img/ico/ico_tel_20x20.svg) no-repeat;
  margin-right: 3px;
}

/********** // (e) stoaBtnGroup **********/
/********** stoaBtn (s) // **********/
.stoaBtn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  border: 1px solid transparent;
}
.stoaBtn.type1 {
  color: #E62642;
  background-color: #fff;
  border-color: #E62642;
}
.stoaBtn.type2 {
  color: #fff;
  background-color: #E62642;
  border-color: #E62642;
}
.stoaBtn.type2.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.stoaBtn.type3 {
  color: #fff;
  background-color: #444;
  border-color: #444;
}
.stoaBtn.type4 {
  display: flex;
  align-items: center;
  width: fit-content;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
  background: #F5F5F5;
  border-radius: 100px;
  padding: 10px 40px 12px;
  margin: 0 auto 24px;
}
.stoaBtn.type4 img {
  width: 20px;
  height: 20px;
  margin-left: 3.5px;
}
.stoaBtn.type5 {
  font-weight: 500;
  color: #222;
  background-color: #fff;
  border-color: #ccc;
}
.stoaBtn__popup {
  min-height: 28px;
  min-width: 50px;
  border-radius: 4px;
  font-size: 13px;
  letter-spacing: -0.34px;
  word-break: keep-all;
  color: #222;
  border: 1px solid #ddd;
  padding: 3px 8px 4px;
  box-sizing: border-box;
}
.stoaBtn__popup.type2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  font-weight: 400;
  padding: 3px 9px 4px;
}
.stoaBtn__popup.type2 img {
  height: 17px;
  width: 17px;
  margin-right: 7px;
}
.stoaBtn__copy {
  display: inline-flex;
  align-items: center;
  height: 20px;
  border-radius: 3px;
  font-size: 11px;
  word-break: keep-all;
  background-color: #FAFAFA;
  border: 1px solid #ddd;
  padding: 0px 6px 0px 4px;
  margin-left: 4px;
}
.stoaBtn__copy::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("/static/img/ico_copy_black2.svg");
  background-size: cover;
}
.stoaBtn__more {
  display: inline-flex;
  align-items: center;
  height: 24px;
  border-radius: 3px;
  font-size: 11px;
  word-break: keep-all;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  color: #222;
  padding: 0px 8px 1px 7px;
  margin-left: 9px;
}
.stoaBtn__more::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  transform: rotate(45deg) translate(-12%, -12%);
  margin-left: 9px;
  transition: transform 0.25s ease;
}
.stoaBtn__more.on::after {
  transform: rotate(-135deg) translate(-20%, -20%);
}

/********** // (e) stoaBtn **********/
/********** stoaBtn (s) // **********/
.stoaMiniTable table {
  font-size: 13px;
}
.stoaMiniTable table tr {
  border: 1px solid #ddd;
}
.stoaMiniTable table th {
  background-color: #F5F5F5;
  font-weight: 500;
  color: #222;
  padding: 10px 10px;
}
.stoaMiniTable table td {
  font-weight: 400;
  padding: 10px 16px;
  font-size: 13px;
  color: #666;
  line-height: 18px;
}
.stoaMiniTable.type2 table th {
  padding: 10px 5px;
}
.stoaMiniTable.type2 .stoaMiniTable__list li {
  word-break: keep-all;
}
.stoaMiniTable__list li {
  position: relative;
  line-height: 18px;
  padding-left: 7px;
  color: #666;
}
.stoaMiniTable__list li::before {
  content: "";
  position: absolute;
  display: block;
  left: 0px;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #888;
}
.stoaMiniTable__list li + li {
  margin-top: 8px;
}

/********** // (e) stoaBtn **********/
/********** // stoaOrder_convert 주문완료 (s) **********/
.stoaOrder__convert {
  color: #222;
  padding: 16px 15px 20px;
  background: #F5F5F5;
}
.stoaOrder__convert .paymentInfo__price {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.stoaOrder__convert .paymentInfo__price dt {
  font-weight: 700;
  margin-right: 3px;
}
.stoaOrder__convert .paymentInfo__price dd {
  display: flex;
  align-items: center;
}
.stoaOrder__convert .paymentInfo__price dd strong {
  font-size: 17px;
  font-weight: 700;
  margin-right: 1px;
}
.stoaOrder__convert .orderInfo__goods {
  display: flex;
  letter-spacing: -1.1px;
  font-size: 14px;
  margin-bottom: 16px;
}
.stoaOrder__convert .orderInfo__goods div, .stoaOrder__convert .orderInfo__goods p, .stoaOrder__convert .orderInfo__goods span, .stoaOrder__convert .orderInfo__goods li, .stoaOrder__convert .orderInfo__goods a, .stoaOrder__convert .orderInfo__goods dt, .stoaOrder__convert .orderInfo__goods dd {
  letter-spacing: -1.1px;
}
.stoaOrder__convert .orderInfo__goods .thumbnail {
  position: relative;
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 5px;
  overflow: hidden;
}
.stoaOrder__convert .orderInfo__goods .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stoaOrder__convert .orderInfo__goods .thumbnail::before {
  content: "";
  background: rgba(102, 102, 102, 0.05);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.stoaOrder__convert .orderInfo__goods .info {
  margin-left: 12px;
}
.stoaOrder__convert .orderInfo__goods .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 38px;
  line-height: 19px;
  font-size: 14px;
  color: #222;
}
.stoaOrder__convert .orderInfo__goods .option {
  display: block;
  font-size: 13px;
  line-height: 17px;
  color: #999;
  margin-top: 2px;
}
.stoaOrder__convert .orderInfo__goods .option span {
  vertical-align: bottom;
}
.stoaOrder__convert .orderInfo__goods .option span + span {
  margin-left: 10px;
}
.stoaOrder__convert .orderInfo__goods .price {
  display: flex;
  align-items: baseline;
  font-size: 12px;
  color: #222;
  margin-top: 8px;
}
.stoaOrder__convert .orderInfo__goods .price .number {
  font-size: 18px;
  font-weight: 700;
  margin-right: 2px;
}
.stoaOrder__convert .orderInfo__goods.type2 {
  padding-right: 3px;
  margin-bottom: 0;
}
.stoaOrder__convert .orderInfo__goods.type2 .thumbnail {
  width: 80px;
  min-width: 80px;
  height: 80px;
}
.stoaOrder__convert .orderInfo__goods.type2 .info {
  margin-left: 15px;
}
.stoaOrder__convert .orderInfo__goods.type2 .title {
  font-size: 14px;
  height: auto;
}
.stoaOrder__convert .orderInfo__goods.type2 .option {
  font-size: 13px;
  line-height: 19px;
}
.stoaOrder__convert .orderInfo__goods.type2 .option li {
  display: flex;
}
.stoaOrder__convert .orderInfo__goods.type2 .option span {
  display: block;
}
.stoaOrder__convert .orderInfo__goods.type2 .option .option__text {
  flex: 1;
  word-break: keep-all;
  margin-left: 3px;
}
.stoaOrder__convert .orderInfo__goods.type2 .option + .option {
  margin-top: 8px;
}
.orderInfo__goods.type2 + .orderInfo__goods.type2 {
  border-top: 1px solid #eee;
  padding-top: 16px;
  margin-top: 16px;
}

.stoaOrder__convert .orderInfo__delivery {
  position: relative;
  font-size: 15px;
  padding-top: 15px;
  padding-right: 65px;
}
.stoaOrder__convert .orderInfo__delivery div, .stoaOrder__convert .orderInfo__delivery p, .stoaOrder__convert .orderInfo__delivery span, .stoaOrder__convert .orderInfo__delivery li, .stoaOrder__convert .orderInfo__delivery a, .stoaOrder__convert .orderInfo__delivery dt, .stoaOrder__convert .orderInfo__delivery dd {
  letter-spacing: -1.1px;
}
.stoaOrder__convert .orderInfo__delivery::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 40px);
  border-top: 1px solid #eee;
  margin: 0 -20px;
}
.stoaOrder__convert .orderInfo__delivery .info {
  position: relative;
  display: inline-block;
  margin-top: 3px;
  color: #999;
  font-size: 14px;
  letter-spacing: -0.65px;
}
.stoaOrder__convert .orderInfo__delivery .info::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -6px;
  transform: translateY(-50%);
  display: none;
  border-right: 1px solid #999;
  height: 11px;
}
.stoaOrder__convert .orderInfo__delivery .info + .info {
  margin-left: 9px;
}
.stoaOrder__convert .orderInfo__delivery .info + .info::before {
  display: block;
}
.stoaOrder__convert .orderInfo__delivery .info-orderMsg {
  position: relative;
  display: block;
  margin-top: 3px;
  color: #999;
  font-size: 14px;
  letter-spacing: -0.65px;
}
.stoaOrder__convert .orderInfo__delivery .info-orderMsg::after {
  content: none;
}
.stoaOrder__convert .orderInfo__delivery .info-orderMsg[data-info~=""] {
  margin-top: 3px;
}
.stoaOrder__convert .orderInfo__delivery .address {
  display: block;
  width: 100%;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.7px;
  margin-bottom: 4px;
}
.stoaOrder__convert .orderInfo__delivery .stoaBtn__popup {
  position: absolute;
  top: 15px;
  right: 0;
}
.stoaOrder__message {
  display: block;
  text-align: center;
  margin-bottom: 13px;
}
.stoaOrder__message .txt1 {
  line-height: 23px;
  font-size: 17px;
  letter-spacing: -1px;
  font-weight: 700;
  padding-top: 3px;
}
.stoaOrder__message .txt1 span {
  letter-spacing: inherit;
}
.stoaOrder__message .txt2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1px;
  margin-top: 9px;
}
.stoaOrder__message .txt3 {
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1px;
  margin-top: 8px;
}
.stoaOrder__message span {
  vertical-align: top;
}
.stoaOrder__message .main {
  color: #E62642;
}
.stoaOrder__payment li {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.stoaOrder__payment li + li {
  margin-top: 12px;
}
.stoaOrder__payment .amount__title {
  font-size: 14px;
  font-weight: 700;
}
.stoaOrder__payment .amount__price {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #E62642;
  margin-left: 8px;
}
.stoaOrder__payment .amount__unit {
  font-size: 14px;
  font-weight: 700;
}
.stoaOrder__payment .bank {
  font-size: 14px;
  font-weight: 700;
}
.stoaOrder__payment .bank__holder {
  font-size: 13px;
  font-weight: 400;
  margin-left: 2px;
}
.stoaOrder__payment .account {
  display: flex;
  align-items: end;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.8px;
  margin-top: 3px;
}
.stoaOrder__payment .account .ico_bank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #FFE102;
  width: 23px;
  height: 23px;
  border-radius: 23px;
  margin-left: 5px;
}
.stoaOrder__payment .account .ico_bank::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("/static/img/sns/ico_kakao.png");
  background-size: contain;
  background-position: center;
}
.stoaOrder__payment .stoaBtn__popup {
  margin: -2px 0;
}
.stoaOrder__list {
  font-size: 15px;
  padding: 0 5px;
}
.stoaOrder__list > li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
  margin-top: 10px;
  font-weight: 700;
}
.stoaOrder__list > li.type2 {
  font-weight: 400;
}
.stoaOrder__list .tit {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 10px;
  height: 21px;
}
.stoaOrder__list .txt {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  font-size: 14px;
  text-align: right;
  min-height: 21px;
}
.stoaOrder__list .txt2 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  font-size: 15px;
  text-align: right;
  min-height: 21px;
}
.stoaOrder__list .price {
  display: flex;
  align-items: baseline;
  font-size: 17px;
  color: #222;
}
.stoaOrder__list .price .unit {
  font-size: 14px;
  font-weight: 400;
}
.stoaOrder__list .h-price2 {
  line-height: 21px;
  margin-right: 10px;
  height: 23px;
}
.stoaOrder__list .price2 {
  display: flex;
  align-items: baseline;
  font-size: 21px;
  color: #E62642;
  height: 23px;
}
.stoaOrder__list .price2 .unit {
  font-size: 14px;
  font-weight: 400;
}
.stoaOrder__list .price3 {
  display: inline-flex;
  align-items: baseline;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  margin-left: 5px;
}
.stoaOrder__list .price3 .unit {
  font-size: 14px;
  font-weight: 400;
}
.stoaOrder__list .desc {
  width: 100%;
  font-size: 13px;
  color: #555555;
}
.stoaOrder__list2 {
  width: calc(100% + 10px);
  background-color: #FAFAFA;
  font-size: 15px;
  font-weight: 400;
  padding: 10px 15px;
  margin: 14px -5px 9px;
}
.stoaOrder__list2 > li {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.stoaOrder__list2 li + li {
  margin-top: 8px;
}
.stoaOrder__list2 .tit {
  line-height: 22.5px;
  margin-right: 10px;
}
.stoaOrder__list2 .txt {
  text-align: right;
}
.stoaOrder__list2 .price {
  justify-content: end;
  font-size: 16px;
  font-weight: 700;
  margin-left: 3px;
}
.stoaOrder__list2 .price .unit {
  font-size: 14px;
}
.stoaOrder__list2 .desc {
  width: 100%;
  font-size: 13px;
  color: #555555;
  margin-top: 0px;
}
.stoaOrder__list3 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 15px;
  margin: 0 15px;
  padding: 20px 0;
}
.stoaOrder__list3 li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stoaOrder__list3 .tit {
  word-break: break-all;
  white-space: normal;
  color: #888;
}
.stoaOrder__list3 .txt {
  color: #222;
}
.stoaOrder__list4 {
  font-size: 15px;
  padding: 0 5px;
}
.stoaOrder__list4 > li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
  margin-top: 10px;
  font-weight: 700;
}
.stoaOrder__list4 > li.type2 {
  font-weight: 400;
}
.stoaOrder__list4 .tit {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 10px;
  height: 21px;
}
.stoaOrder__list4 .txt {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  font-size: 14px;
  text-align: right;
  min-height: 21px;
}
.stoaOrder__list4 .txt2 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  font-size: 15px;
  text-align: right;
  min-height: 21px;
}
.stoaOrder__list4 .price {
  display: flex;
  align-items: baseline;
  font-size: 17px;
  color: #222;
}
.stoaOrder__list4 .price .unit {
  font-size: 14px;
  font-weight: 400;
}
.stoaOrder__list4 .h-price2 {
  line-height: 21px;
  margin-right: 10px;
  height: 23px;
}
.stoaOrder__list4 .price2 {
  display: flex;
  align-items: baseline;
  font-size: 21px;
  color: #E62642;
  height: 23px;
}
.stoaOrder__list4 .price2 .unit {
  font-size: 14px;
  font-weight: 400;
}
.stoaOrder__list4 .price3 {
  display: inline-flex;
  align-items: baseline;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  margin-left: 5px;
}
.stoaOrder__list4 .price3 .unit {
  font-size: 14px;
  font-weight: 400;
}
.stoaOrder__list4 .desc {
  width: 100%;
  font-size: 13px;
  color: #555555;
}
.stoaOrder__event {
  display: flex;
  font-size: 14px;
  border: solid 1px #e5e5e5;
  border-radius: 6px;
  background: #fff;
  color: #222;
  padding: 13px 17px;
  margin-top: 15px;
}
.stoaOrder__event + .stoaOrder__event {
  margin-top: 7px;
}
.stoaOrder__event .status {
  width: 48px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #666;
  border-radius: 3px;
  margin-right: 5px;
}
.stoaOrder__event .status.type2 {
  background-color: #E62642;
}
.stoaOrder__event > p {
  flex: 1;
  letter-spacing: -0.84px;
}
.stoaOrder__event::after {
  content: "";
  position: relative;
  top: 50%;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  transform: rotate(-45deg);
  margin: auto -4px auto 5px;
}
.stoaOrder__event.type2 {
  flex-direction: column;
  padding: 13px 15px 16px 15px;
}
.stoaOrder__event.type2 .addBanner {
  overflow: hidden;
  margin-top: 10px;
  border-radius: 5px;
}
.stoaOrder__event.type2::after {
  content: none;
}
.stoaOrder__convert .stoaBtnGroup {
  margin-top: 50px;
}
.stoaOrder__advert {
  margin-top: 35px;
}

/********** // (s) stoaOrder_convert 주문완료 **********/
/********** 기존 stemp 영역 관련 (s) // **********/
.module.title_box {
  display: flex;
  position: relative;
  padding: 40px 15px 10px;
  justify-content: space-between;
  align-items: center;
}
.module.title_box .module_title {
  height: auto;
  font-weight: bold;
  font-size: 20px;
  color: #222;
  letter-spacing: -0.9px;
}
.module.title_box .module_sub_title {
  display: inline-block;
  margin-left: 6px;
  font-size: 13px;
  color: #666;
  letter-spacing: -0.65px;
}

.stemp_area {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 15px 15px;
}
.stemp_area .stemp_banner {
  width: 32%;
}
.stemp_area .stemp_list {
  width: calc(68% - 10px);
  margin-left: 10px;
}
.stemp_area .stemp_list ul {
  display: flex;
}
.stemp_area .stemp_list ul:first-child {
  border-bottom: 1px solid #f5f5f5;
}
.stemp_area .stemp_list ul li {
  padding: 7px 0 7px 5px;
  border-right: 1px solid #f5f5f5;
  background: url("/static/img/stemp_01.png") no-repeat 5px center;
  background-size: 95% auto;
}
.stemp_area .stemp_list ul li:last-child {
  border-right: none;
}
.stemp_area .stemp_list ul li.case02 {
  background-image: url("/static/img/stemp_02.png");
}
.stemp_area .stemp_list ul li.case03 {
  background-image: url("/static/img/stemp_03.png");
}
.stemp_area .stemp_list ul li.case04 {
  background-image: url("/static/img/stemp_04.png");
}
.stemp_area .stemp_list ul li img {
  width: 100%;
}
.stemp_area.new_year .stemp_list ul li {
  background-image: url("/static/img/new_year_stemp_01.png");
}
.stemp_area.new_year .stemp_list ul li.case02 {
  background-image: url("/static/img/new_year_stemp_02.png");
}
.stemp_area.new_year .stemp_list ul li.case03 {
  background-image: url("/static/img/new_year_stemp_03.png");
}
.stemp_area.new_year .stemp_list ul li.case04 {
  background-image: url("/static/img/new_year_stemp_04.png");
}
.stemp_area.new_year .stemp_list ul li.case05 {
  background-image: url("/static/img/new_year_stemp_05.png");
}
.stemp_area.new_year .stemp_list ul li.case06 {
  background-image: url("/static/img/new_year_stemp_06.png");
}
.stemp_area.october .stemp_list ul li {
  background-size: 97% auto;
  background-image: url("/static/img/stemp_01.png");
}
.stemp_area.october .stemp_list ul li.case02 {
  background-image: url("/static/img/stemp_02.png");
}
.stemp_area.october .stemp_list ul li.case03 {
  background-image: url("/static/img/stemp_03.png");
}
.stemp_area.october .stemp_list ul li.case04 {
  background-image: url("/static/img/stemp_02.png");
}

/********** // (e) 기존 stemp 영역 관련 **********/
/********** stoa search (s) // **********/
.stoaSearch__bar {
  display: flex;
  overflow: auto;
  white-space: nowrap;
  gap: 0 6px;
  background: #F4F5F8;
  padding: 10px 0 10px 15px;
  position: relative;
}
.stoaSearch__bar::after {
  content: "";
  display: block;
  width: 60px;
  height: 100%;
  background: linear-gradient(270deg, #F4F5F8 70.85%, rgba(255, 255, 255, 0) 130%);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}
.stoaSearch__bar.fixed {
  position: fixed;
  top: 61px;
  left: 0;
  width: 100%;
  z-index: 999;
  box-sizing: border-box;
}
.stoaSearch__bar.fixed.scroll_up {
  top: 105px;
}
.stoaSearch__bar :is(.filterBtn, .category) {
  display: flex;
  height: 32px;
  align-items: center;
  font-size: 14px;
  color: #666;
  box-sizing: border-box;
  flex-shrink: 0;
  border: 1px solid #eee;
  background: rgba(255, 255, 255, 0.96);
  border-radius: 32px;
  font-weight: 400;
}
.stoaSearch__bar :is(.filterBtn, .category).on {
  color: #E62642;
}
.stoaSearch__bar .filterBtn {
  text-indent: -9999px;
  overflow: visible;
  width: 32px;
  border-radius: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/static/img/stoaModule/searchFilter_off.png");
  background-size: 20px auto;
  position: relative;
  font-size: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate3d(0, -50%, 0);
  z-index: 10;
}
.stoaSearch__bar .filterBtn.on {
  background-image: url("/static/img/stoaModule/searchFilter_on.png");
  border-color: #E62642;
}
.stoaSearch__bar .filterBtn__counter {
  position: absolute;
  top: -4px;
  right: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
  font-style: normal;
  width: 16px;
  height: 16px;
  background: #E62642;
  border-radius: 100%;
  text-indent: 0;
  pointer-events: none;
}
.stoaSearch__bar .category {
  padding: 0 12px;
  gap: 0 2px;
}
.stoaSearch__bar .category.type2::after {
  content: "";
  display: block;
  width: 10px;
  height: 16px;
  background: url("/static/img/stoaModule/Chevron_Right_24@2x_2.png") no-repeat 0 0/100% auto;
}
.stoaSearch__bar .category.tomorrow {
  gap: 0 4px;
}
.stoaSearch__bar .category.tomorrow::before {
  content: "";
  display: block;
  width: 19px;
  height: 16px;
  background: url("/static/img/stoaModule/tomorrow_off.png") no-repeat 0 0/100% auto;
}
.stoaSearch__bar .category.tomorrow.on::before {
  background-image: url("/static/img/stoaModule/tomorrow_on.png");
}
.stoaSearch__bar .chkBtn {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 32px;
  border-radius: 32px;
  position: relative;
  padding: 0 18px 0 2px;
  background: #ddd;
  transition: padding 0.4s, background 0.4s;
}
.stoaSearch__bar .chkBtn:has(input:checked) {
  padding: 0 2px 0 18px;
  background: #E62642;
}
.stoaSearch__bar .chkBtn input {
  position: absolute;
  left: -9999px;
}
.stoaSearch__bar .chkBtn i {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  border-radius: 28px;
  background: #fff;
  padding: 0 10px;
}
.stoaSearch__bar .chkBtn img {
  height: 20px;
  width: auto;
}
.stoaSearch__bar-item {
  display: flex;
  overflow: auto;
  gap: 0 3px;
  padding-right: 60px;
}
.stoaSearch__item {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  overscroll-behavior: contain;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  backdrop-filter: blur(3px);
  transition: all 0.4s;
}
.stoaSearch__item.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.stoaSearch__item .layer {
  position: absolute;
  top: 0;
  right: -100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  width: 76.8vw;
  height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  transition: all 0.4s;
}
.stoaSearch__item .layer.active {
  right: 0;
}
.stoaSearch__item .layer__close {
  background: url("/static/img/stoaModule/X_Close _L@2x_black.png") no-repeat 0 0/24px auto;
  text-indent: -9999px;
  overflow: hidden;
  width: 24px;
  height: 24px;
  margin: 0 12px 0 0;
}
.stoaSearch__item .layer__back {
  display: block;
  width: 16px;
  height: 24px;
  background: url("/static/img/stoaModule/Chevron_Left_24@2x.png") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: 20px;
}
.stoaSearch__item .layer__back + .layer__title {
  padding-left: 4px;
}
.stoaSearch__item .layer__sort {
  display: flex;
  margin-left: auto;
  padding-right: 20px;
  width: 120px;
}
.stoaSearch__item .layer__sort button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #FAFAFA;
  flex: 1;
  height: 28px;
  font-size: 13px;
  color: #999;
  line-height: 0;
}
.stoaSearch__item .layer__sort button:first-child {
  border-radius: 4px 0 0 4px;
  border-right: 0;
}
.stoaSearch__item .layer__sort button:first-child.active {
  border-right: 1px solid #444;
}
.stoaSearch__item .layer__sort button:last-child {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}
.stoaSearch__item .layer__sort button:last-child.active {
  border-left: 1px solid #444;
}
.stoaSearch__item .layer__sort button.active {
  color: #222;
  border-color: #444;
  background: #fff;
}
.stoaSearch__item .layer__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 14px 0;
}
.stoaSearch__item .layer__title {
  display: flex;
  align-items: center;
  gap: 0 8px;
  font-size: 19px;
  color: #222;
  font-weight: 600;
  padding: 0 0 0 20px;
  margin: 0 auto 0 0;
}
.stoaSearch__item .layer__counter {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 400;
  color: #E62642;
  font-style: normal;
  line-height: 1;
}
.stoaSearch__item .layer__reset {
  margin: 0 12px 0 0;
  font-size: 13px;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 26px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 8px;
  gap: 0 2px;
}
.stoaSearch__item .layer__reset::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Arrow_Rotate_Right_24@2x.png") no-repeat 0 0/100% auto;
}
.stoaSearch__item .layer__item {
  display: flex;
  white-space: nowrap;
  overflow: auto;
  width: 100%;
  padding: 0 20px;
  gap: 0 8px;
}
.stoaSearch__item .layer__item li {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
  gap: 0 2px;
  padding: 18px 0 0;
}
.stoaSearch__item .layer__item li a {
  white-space: nowrap;
  display: block;
  font-size: 13px;
  color: #E62642;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stoaSearch__item .layer__item li a img {
  width: auto;
  height: 20px;
}
.stoaSearch__item .layer__item li .delBtn {
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/X_Close _S16@2x.png") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  flex-shrink: 0;
}
.stoaSearch__item .layer__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  margin: auto 0 0 0;
  background: #E62642;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  flex-shrink: 0;
}
.stoaSearch__item .layer__btn strong {
  font-weight: 600;
  font-size: 21px;
  display: flex;
  height: 21px;
  overflow: hidden;
}
.stoaSearch__item .layer__btn strong span {
  line-height: 1;
}
.stoaSearch__item .layer__btn strong .num-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  transform: translate3d(0, 0, 0);
}
.stoaSearch__item .layer__btn strong .num-wrap i {
  font-style: normal;
  line-height: inherit;
}
.countUp .number0 .num-wrap {
  animation: numCount0 2s 0.5s forwards ease-in-out;
}

.countUp .number1 .num-wrap {
  animation: numCount1 2s 0.5s forwards ease-in-out;
}

.countUp .number2 .num-wrap {
  animation: numCount2 2s 0.5s forwards ease-in-out;
}

.countUp .number3 .num-wrap {
  animation: numCount3 2s 0.5s forwards ease-in-out;
}

.countUp .number4 .num-wrap {
  animation: numCount4 2s 0.5s forwards ease-in-out;
}

.countUp .number5 .num-wrap {
  animation: numCount5 2s 0.5s forwards ease-in-out;
}

.countUp .number6 .num-wrap {
  animation: numCount6 2s 0.5s forwards ease-in-out;
}

.countUp .number7 .num-wrap {
  animation: numCount7 2s 0.5s forwards ease-in-out;
}

.countUp .number8 .num-wrap {
  animation: numCount8 2s 0.5s forwards ease-in-out;
}

.countUp .number9 .num-wrap {
  animation: numCount9 2s 0.5s forwards ease-in-out;
}

.stoaSearch__item .layer__menu {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
}
.stoaSearch__item .layer__menu > li > a {
  display: flex;
  justify-content: start;
  align-items: center;
  height: 48px;
  border-bottom: 1px solid #eee;
  padding: 0 12px 0 20px;
}
.stoaSearch__item .layer__menu > li > a em {
  flex-shrink: 0;
  font-size: 16px;
  color: #222;
  font-weight: 600;
  pointer-events: none;
  margin-right: auto;
}
.stoaSearch__item .layer__menu > li > a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("/static/img/stoaModule/Chevron_Down_S24@2x.png") no-repeat 0 0/100% auto;
  flex-shrink: 0;
}
.stoaSearch__item .layer__menu > li > a.active {
  border-color: transparent;
}
.stoaSearch__item .layer__menu > li > a.active::after {
  background-image: url("/static/img/stoaModule/Chevron_Up_S24@2x.png");
}
.stoaSearch__item .layer__menu > li > a span {
  font-size: 13px;
  color: #E62642;
  font-weight: 400;
  margin: 0 2px 0 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.stoaSearch__item .layer__menu .chkIco {
  background: #FAFAFA;
  display: flex;
  align-items: center;
  height: 46px;
  gap: 0 10px;
  padding: 0 20px;
  border-bottom: 1px solid #eee;
}
.stoaSearch__item .layer__menu .chkIco::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: url("/static/img/stoaModule/checkIco.png") no-repeat center center/14px auto #fff;
  transition: all 0.4s;
}
.stoaSearch__item .layer__menu .chkIco:has(input:checked)::before {
  background-color: #E62642;
  border-color: #E62642;
}
.stoaSearch__item .layer__menu .chkIco input {
  position: absolute;
  left: -9999px;
}
.stoaSearch__item .layer__menu .chkIco img {
  height: 20px;
  width: auto;
}
.stoaSearch__item .layer#brandLayer .layer__depth2 {
  max-height: fit-content;
}
.stoaSearch__item .layer__depth2 {
  background: #FAFAFA;
  max-height: 0;
  overflow: auto;
  border-bottom: 1px solid transparent;
  transition: all 0.2s;
}
.stoaSearch__item .layer__depth2.active {
  border-color: #eee;
  overflow: visible;
}
.stoaSearch__item .layer__depth2 > ul > li {
  overflow: hidden;
  transition: all 0.4s;
  border-top: 1px solid #eee;
}
.stoaSearch__item .layer__depth2 > ul > li.off {
  display: none;
}
.layer__depth2.open:not(.filter-category) .off {
  display: block !important;
}

.stoaSearch__item .layer__depth2 > ul > li.tooltip-cont {
  display: flex;
  align-items: center;
  overflow: visible;
}
.stoaSearch__item .layer__depth2 > ul > li.tooltip-cont label {
  padding-right: 8px;
}
.stoaSearch__item .layer__depth2 > ul > li > a {
  font-size: 14px;
  color: #222;
  padding: 0 20px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.4s;
}
.stoaSearch__item .layer__depth2 > ul > li > a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("/static/img/stoaModule/Chevron_Right_S24@2x.png") no-repeat 0 0/100% auto;
  transition: all 0.4s;
}
.stoaSearch__item .layer__depth2 > ul > li > a.active {
  color: #E62642;
  font-weight: 500;
}
.stoaSearch__item .layer__depth2 > ul > li > a.active::after {
  opacity: 0;
}
.stoaSearch__item .layer__depth2 > ul > li label {
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 46px;
  overflow: hidden;
  gap: 0 8px;
}
.stoaSearch__item .layer__depth2 > ul > li label input {
  position: absolute;
  left: -9999px;
}
.stoaSearch__item .layer__depth2 > ul > li label input[type=checkbox]:checked + span::before {
  background-color: #E62642;
  border-color: #E62642;
}
.stoaSearch__item .layer__depth2 > ul > li label input[type=radio]:checked + span::before {
  background-color: #E62642;
  background-image: url("/static/img/stoaModule/radioOn.png");
  border-color: #E62642;
}
.stoaSearch__item .layer__depth2 > ul > li label input[type=checkbox] + span::before {
  border-radius: 4px;
  background-image: url("/static/img/stoaModule/checkIco.png");
  background-size: 14px auto;
}
.stoaSearch__item .layer__depth2 > ul > li label input[type=radio] + span::before {
  border-radius: 100%;
  background-image: url("/static/img/stoaModule/radioOff.png");
  background-size: 8px auto;
}
.stoaSearch__item .layer__depth2 > ul > li label span {
  font-size: 14px;
  color: #222;
  display: flex;
  gap: 0 10px;
  align-items: center;
}
.stoaSearch__item .layer__depth2 > ul > li label span::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #ccc;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  transition: all 0.4s;
}
.stoaSearch__item .layer__depth2 > ul > li label small {
  font-size: 11px;
  color: #999;
}
.stoaSearch__item .layer__depth2.filter-category > ul > li,
.stoaSearch__item .layer__depth2.filter-category > ul > li.off {
  display: none;
}
.stoaSearch__item .layer__depth2.filter-category > ul > li.filter-category--open,
.stoaSearch__item .layer__depth2.filter-category > ul > li.off.filter-category--open {
  display: block;
}
.stoaSearch__item .layer__depth2.filter-category > ul > li.filter-category--open > a {
  padding-left: 35px;
}
.stoaSearch__item .layer__depth3 {
  border-top: 1px solid transparent;
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s;
}
.stoaSearch__item .layer__depth3.active {
  border-color: #eee;
}
.stoaSearch__item .layer__depth3 > li > a {
  font-size: 14px;
  color: #222;
  padding: 0 20px 0 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  transition: all 0.4s;
}
.stoaSearch__item .layer__depth3 > li > a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("/static/img/stoaModule/Chevron_Right_S24@2x.png") no-repeat 0 0/100% auto;
}
.stoaSearch__item .layer__depth3 > li > a.active {
  color: #E62642;
  font-weight: 500;
}
.stoaSearch__item .layer__depth3 > li:last-child > a {
  border-bottom: 0;
}
.stoaSearch__item .layer__depth3.noArrow > li > a::after {
  display: none;
}
.stoaSearch__item .layer__depth3.depth4--check > li > a {
  color: #222;
  font-weight: 400;
}
.stoaSearch__item .layer__depth4 {
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s;
}
.stoaSearch__item .layer__depth4 > li > a {
  font-size: 14px;
  color: #222;
  padding: 0 20px 0 59px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0 8px;
  border-bottom: 1px solid #eee;
}
.stoaSearch__item .layer__depth4 > li > a small {
  font-size: 11px;
  color: #999;
  font-weight: 400;
  pointer-events: none;
}
.stoaSearch__item .layer__depth4 > li > a.active {
  color: #E62642;
  font-weight: 500;
}
.stoaSearch__item .layer__depth4 > li > a.active small {
  color: #999;
  font-weight: 400;
}
.stoaSearch__item .layer__price {
  display: flex;
  padding: 0 12px 16px 20px;
  align-items: center;
}
.stoaSearch__item .layer__price .price-write {
  flex: 1;
  position: relative;
}
.stoaSearch__item .layer__price .price-write input[type=text] {
  width: 100%;
  height: 36px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 8px 25px 8px 8px;
  font-size: 14px;
  color: #222;
}
.stoaSearch__item .layer__price .price-write input[type=text]::placeholder {
  color: #999;
}
.stoaSearch__item .layer__price .price-write button {
  display: block;
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translate3d(0, -50%, 0);
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/X_Close _L@2x_black.png") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
.stoaSearch__item .layer__price.active .price-write button {
  opacity: 1;
  visibility: visible;
}
.stoaSearch__item .layer__price.active .price-apply {
  background: #E62642;
}
.stoaSearch__item .layer__price span {
  font-size: 15px;
  color: #444;
  margin: 0 2px;
}
.stoaSearch__item .layer__price .price-apply {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 36px;
  background: #999;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 0 6px;
  transition: all 0.4s;
}
.stoaSearch__item .layer__keyword {
  display: flex;
  position: relative;
  padding: 16px 20px;
}
.stoaSearch__item .layer__keyword input[type=text] {
  flex: 1;
  height: 36px;
  padding: 0 25px 0 8px;
  border-radius: 4px 0 0 4px;
  border: 1px solid #e5e5e5;
  border-right: 0;
  font-size: 14px;
  color: #222;
}
.stoaSearch__item .layer__keyword input[type=text].active ~ .resetBtn {
  opacity: 1;
  visibility: visible;
}
.stoaSearch__item .layer__keyword input[type=text].active ~ .layer__search {
  background: #E62642;
}
.stoaSearch__item .layer__keyword input[type=text]::placeholder {
  color: #999;
}
.stoaSearch__item .layer__keyword .resetBtn {
  display: block;
  position: absolute;
  top: 50%;
  right: 70px;
  transform: translate3d(0, -50%, 0);
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/X_Close _L@2x_black.png") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
.stoaSearch__item .layer__search {
  display: flex;
  width: 46px;
  height: 36px;
  border-radius: 0 4px 4px 0;
  background: #999;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  align-items: center;
  justify-content: center;
}
.stoaSearch__item .layer .moreView {
  padding: 4px 16px 16px;
  background: #FAFAFA;
  transition: all 0.4s;
}
.stoaSearch__item .layer .moreView button {
  display: flex;
  width: 100%;
  height: 36px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  color: #444;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.stoaSearch__item .layer .moreView button::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("/static/img/stoaModule/Chevron_Down_S24@2x.png") no-repeat 0 0/100% auto;
}
:is(.layer__depth2.open, .filter-category) .moreView {
  display: none;
}

.stoaSearch__item .layer .allView {
  padding: 4px 16px 16px;
  background: #FAFAFA;
  transition: all 0.4s;
}
.stoaSearch__item .layer .allView button {
  display: flex;
  width: 100%;
  height: 36px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  color: #444;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.stoaSearch__item .layer .allView button::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  transform: rotate(180deg);
  background: url("/static/img/stoaModule/Chevron_Left_S24@2x.png") no-repeat 0 0/100% auto;
}
.stoaSearch__item .layer .all-category {
  display: none;
  padding: 0 12px;
  align-items: center;
  font-size: 14px;
  color: #222;
  border-bottom: 1px solid transparent;
  width: 100%;
  height: 46px;
  overflow: hidden;
}
.stoaSearch__item .layer .all-category::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("/static/img/stoaModule/Chevron_Left_S24@2x.png") no-repeat 0 0/100% auto;
}
.filter-category .all-category {
  display: flex !important;
}

.stoaSearch__item .layer .tooltip {
  background: url("/static/img/stoaModule/Question_Circle@2x.png") no-repeat 0 0/20px auto;
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
}
.stoaSearch__item .layer .tooltip.active {
  background-image: url("/static/img/stoaModule/Question_Circle_Fill@2x.png");
}
.stoaSearch__item .layer .tooltip__item {
  display: none;
  flex-direction: column;
  justify-content: start;
  text-align: left;
  padding: 12px;
  gap: 4px 0;
  width: 216px;
  background: #444;
  position: absolute;
  bottom: calc(100% + 6px);
  left: -95px;
  border-radius: 6px;
  pointer-events: none;
}
.stoaSearch__item .layer .tooltip__item::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 98px;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #444 transparent transparent transparent;
}
.active > .tooltip__item {
  display: flex !important;
}

.stoaSearch__item .layer .tooltip__title {
  font-size: 13px;
  color: #fff;
}
.stoaSearch__item .layer .tooltip__txt {
  font-size: 13px;
  color: #fff;
}
.stoaSearch__item .layer .tooltip__warn {
  font-size: 12px;
  color: #fff;
}

/********** // (e) stoa search **********/
/********** search sort (s) // **********/
.searchSort {
  position: relative;
}
.searchSort__btn {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #222;
  gap: 0 2px;
}
.searchSort__btn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/ico/ico_sort.png") no-repeat 0 0/100% auto;
  flex-shrink: 0;
}
.searchSort__opt {
  position: absolute;
  right: 0;
  top: calc(100% + 5px);
  background: #fff;
  border: 1px solid #444;
  border-radius: 4px;
  width: 94px;
  display: none;
}
.searchSort__opt li:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.searchSort__opt button {
  font-size: 14px;
  color: #666;
  height: 36px;
  padding: 0 14px;
  text-align: left;
  width: 100%;
  letter-spacing: -0.56px;
  transition: all 0.4s ease-in-out;
}
.searchSort__opt button.active {
  color: #222;
}

/********** // (e) search sort **********/
/********** searchBanner (s) // **********/
.searchBanner {
  position: relative;
  display: block;
  border-radius: 5px;
  overflow: hidden;
}
.searchBanner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(90deg, rgba(254, 254, 255, 0) 0%, rgba(245, 247, 250, 0.9607843137) 48%, #E6EBF3 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.searchBanner img {
  width: 50.4vw;
  height: 108px;
  object-fit: cover;
}
.searchBanner__item {
  position: absolute;
  left: 48vw;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 2px 0;
  width: calc(100% - 48vw);
}
.searchBanner__category {
  display: flex;
  align-items: center;
  height: 19px;
  border-radius: 3px;
  background: #3d3d3d;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
}
.searchBanner__title {
  font-size: 14px;
  color: #444;
  font-weight: 700;
  line-height: 1.28;
  word-break: keep-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 54px;
}
.searchBanner__link {
  text-decoration: underline;
  font-size: 11px;
  color: #777;
}

/********** // (e) searchBanner **********/
/********** shopping live banner (s) // **********/
.shoppingLiveBanner {
  padding: 0 15px 24px;
}
.shoppingLiveBanner .swiper-slide {
  display: flex;
  width: 158px;
  flex-direction: column;
  gap: 10px 0;
  position: relative;
}
.shoppingLiveBanner__goods {
  display: block;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.shoppingLiveBanner__goods .thumbnail {
  display: block;
  width: 100%;
  position: relative;
  height: 260px;
}
.shoppingLiveBanner__goods .thumbnail::before {
  content: "";
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.shoppingLiveBanner__goods .live {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  margin: 0;
  top: 8px;
  left: 8px;
  height: 22px;
  border-radius: 22px;
  background: #E62642;
  font-weight: 700;
  color: #fff;
  gap: 0 4px;
}
.shoppingLiveBanner__goods .live__item {
  display: flex;
  gap: 2px;
  align-items: end;
  height: 10px;
}
.shoppingLiveBanner__goods .live__item::before, .shoppingLiveBanner__goods .live__item::after {
  content: "";
}
.shoppingLiveBanner__goods .live__item::before, .shoppingLiveBanner__goods .live__item::after,
.shoppingLiveBanner__goods .live__item i {
  width: 2px;
  display: block;
  background: #fff;
  border-radius: 2px;
}
.shoppingLiveBanner__goods .live__item::before {
  animation: liveAnimate2 1s infinite;
}
.shoppingLiveBanner__goods .live__item::after {
  animation: liveAnimate2 1.5s infinite;
}
.shoppingLiveBanner__goods .live__item i {
  animation: liveAnimate2 1.8s infinite;
}
.shoppingLiveBanner__goods .date {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px 0;
}
:is(.shoppingLiveBanner__goods .date__days, .shoppingLiveBanner__goods .date__time) {
  color: #fff;
  line-height: 1;
  font-weight: 900;
  text-align: center;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.shoppingLiveBanner__goods .date__days {
  font-size: 14px;
}
.shoppingLiveBanner__goods .date__time {
  font-size: 26px;
}
.shoppingLiveBanner__goods .item {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: start;
  bottom: 12px;
  width: 100%;
  padding: 0 8px;
  gap: 3px 0;
}
.shoppingLiveBanner__goods .category {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  border-radius: 2px;
  padding: 2.5px 4px;
  font-size: 11px;
  color: #fff;
  font-weight: 700;
  background: rgba(237, 136, 43, 0.8);
  overflow: hidden;
  word-break: break-all;
}
.shoppingLiveBanner__goods .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  line-height: 1.53;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  min-height: 40px;
}
.shoppingLiveBanner__goods .title strong {
  vertical-align: baseline;
  font-weight: 900;
}
.shoppingLiveBanner__alert {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 1px solid #E62642;
  position: absolute;
  top: 8px;
  right: 8px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("https://imagecdn.skstoa.com/static/img/bell@2x.png") no-repeat center center/16px auto #fff;
}
.shoppingLiveBanner__alert.active {
  background-image: url("/static/img/stoaModule/bell_Fill@2x.png");
}
.shoppingLiveBanner__sub {
  display: grid;
  grid-template: repeat(2, auto)/40px auto auto;
  gap: 0 7px;
}
.shoppingLiveBanner__sub .thumbnail {
  display: block;
  width: 40px;
  height: 40px;
  grid-area: 1/auto/3/auto;
}
.shoppingLiveBanner__sub .title {
  grid-area: auto/2/auto/4;
  font-size: 12px;
  color: #666;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shoppingLiveBanner__sub .title strong {
  vertical-align: baseline;
}
.shoppingLiveBanner__sub .price {
  font-size: 12px;
  color: #222;
  white-space: nowrap;
}
.shoppingLiveBanner__sub .price b {
  font-size: 14px;
  font-weight: 700;
}
.shoppingLiveBanner__sub .discount {
  color: #E62642;
  font-size: 14px;
  font-weight: 700;
}
.shoppingLiveBanner .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/********** // (e) shopping live banner **********/
/********** shopping live visual (s) // **********/
.shoppingLiveVisual {
  padding-bottom: 40px;
  overflow: hidden;
}
.shoppingLiveVisual * {
  box-sizing: border-box;
}
.shoppingLiveVisual .swiper-wrapper {
  align-items: start;
  transition: all 0.3s;
  will-change: height;
  padding: 0 0 20px;
  box-sizing: content-box;
}
.shoppingLiveVisual__slide {
  width: 80vw;
  height: auto;
  position: relative;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  backface-visibility: hidden;
  will-change: transform;
}
.shoppingLiveVisual__slide > a {
  display: block;
  position: relative;
}
.shoppingLiveVisual__slide > a img {
  height: 83.2vw;
  transition: all 0.3s;
  object-fit: cover;
}
.shoppingLiveVisual__slide > a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  position: absolute;
  left: 0;
  top: 0;
}
.shoppingLiveVisual__slide.swiper-slide-active > a img {
  height: 88.5333333333vw;
}
.shoppingLiveVisual__item {
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.shoppingLiveVisual__item .sub {
  display: flex;
  font-size: 13px;
  color: #fff;
  line-height: 1.38;
  margin-bottom: 8px;
}
.shoppingLiveVisual__item .sub .benefit {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(95.74deg, #FF22AE -40.6%, #FB1D5C 54.64%, #DC0020 142.88%);
  width: 47px;
  height: 20px;
  border-radius: 20px;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  font-style: normal;
  margin-right: 10px;
  flex-shrink: 0;
}
.shoppingLiveVisual__item .sub .benefit::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: url("/static/img/stoaModule/plusIco.svg") no-repeat 0 0/100% auto;
  margin-left: 2px;
}
.shoppingLiveVisual__item .sub .txt {
  display: block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
}
.shoppingLiveVisual__item .title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.shoppingLiveVisual__alert {
  display: flex;
  height: 48px;
  background: rgb(148, 148, 148);
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  border-radius: 0 0 8px 8px;
}
.shoppingLiveVisual__alert.active {
  background: linear-gradient(98.53deg, #FF6A80 -5.7%, #FB1D5C 29.67%, #DC0020 114.06%);
}
.shoppingLiveVisual__alert .date {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.shoppingLiveVisual__alert .live {
  display: flex;
  align-items: baseline;
  line-height: 1;
  font-size: 12px;
  color: #fff;
  font-weight: 900;
  margin-bottom: 0;
  padding: 0;
}
.shoppingLiveVisual__alert .live__wave {
  display: flex;
  gap: 2px;
  align-items: end;
  margin: 0 6px 0 4px;
}
.shoppingLiveVisual__alert .live__wave::before, .shoppingLiveVisual__alert .live__wave::after {
  content: "";
}
.shoppingLiveVisual__alert .live__wave::before, .shoppingLiveVisual__alert .live__wave::after,
.shoppingLiveVisual__alert .live__wave i {
  width: 2px;
  display: block;
  background: #fff;
  border-radius: 2px;
}
.shoppingLiveVisual__alert .live__wave::before {
  animation: liveAnimate2 1s infinite;
}
.shoppingLiveVisual__alert .live__wave::after {
  animation: liveAnimate2 1.5s infinite;
}
.shoppingLiveVisual__alert .live__wave i {
  animation: liveAnimate2 1.8s infinite;
}
.shoppingLiveVisual__alert .txt {
  font-size: 13px;
  font-weight: 300;
  color: #fff;
}
.shoppingLiveVisual__alert .alert {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
}
.shoppingLiveVisual__alert .alert::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/bell_white.svg") no-repeat 0 0/100% auto;
  margin-right: 2px;
}
.shoppingLiveVisual__alert .alert--done::before {
  background-image: url("/static/img/stoaModule/bell_white_fill.svg");
}
.shoppingLiveVisual__alert .link {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
}
.shoppingLiveVisual__alert .link::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("/static/img/stoaModule/Chevron_Right_16.png") no-repeat 0 0/100% auto;
  margin-left: 4px;
}
.shoppingLiveVisual .goodsList__withList {
  margin-top: 16px;
}
.shoppingLiveVisual .goodsList__with {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  width: 100%;
  height: 44px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  color: #666;
  margin-top: 20px;
}
.shoppingLiveVisual .goodsList__with::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat center center/100% auto;
  transition: all 0.4s;
}
.shoppingLiveVisual .goodsList__with.active::after {
  transform: rotate(180deg);
}

/********** // (e) shopping live visual **********/
/********** short toa (s) // **********/
.shortToa__subTitle {
  display: flex;
  flex-direction: column;
  padding: 0 15px;
  margin-bottom: 16px;
}
.shortToa__subTitle .title {
  font-size: 16px;
  color: #222;
  font-weight: 700;
  line-height: 1.5;
}
.shortToa__subTitle .txt {
  font-size: 14px;
  color: #444;
  line-height: 1.42;
  margin-top: 2px;
}
.shortToa__list {
  padding: 0 0 60px;
}
.shortToa__list > li:not(:nth-last-child(1))::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #eee;
  margin: 32px 0;
}

/********** // (e) short toa **********/
/********** live ico btn (s) // **********/
.liveIcoBtn {
  display: flex;
  align-items: center;
  position: absolute;
  top: -28px;
  left: 0;
  height: 24px;
  border-radius: 24px;
  background: linear-gradient(231.58deg, #FFD600 5.7%, #FF6930 34.32%, #FF312C 65.88%, #DB07C7 92.63%);
  padding: 0 6px 0 4px;
  animation: liveIcoBtn 2s forwards;
}
.liveIcoBtn::after {
  content: "";
  display: block;
  width: 8px;
  height: 6px;
  background: url("/static/img/stoaModule/liveTalkFloatingIcoBg.svg") no-repeat 0 0/100% auto;
  position: absolute;
  left: 37px;
  top: 23px;
}
.liveIcoBtn span {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  gap: 0 4px;
}
.liveIcoBtn span::before, .liveIcoBtn span::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.liveIcoBtn span::before {
  width: 16px;
  height: 16px;
  background-image: url("/static/img/stoaModule/liveTalkFloatingIco.svg");
}
.liveIcoBtn span::after {
  width: 6px;
  height: 9px;
  background-image: url("/static/img/stoaModule/Arrow Chevron_Right_white.svg");
}

/********** // (e) live ico btn **********/
/********** live talk (s) // **********/
html:has(.stoaLiveTalk) {
  /* cream_20132_250820 */
}
html:has(.stoaLiveTalk),
html:has(.stoaLiveTalk) body {
  width: 100%;
  height: 100%;
  touch-action: pan-y;
  overflow: hidden;
}
html:has(.stoaLiveTalk).dragging, html:has(.stoaLiveTalk).dragging body {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
@media (min-width: 1024px) {
  html:has(.stoaLiveTalk),
  html:has(.stoaLiveTalk) body {
    overflow: auto;
    height: auto;
    padding-bottom: 50px;
  }
}

html.android {
  overflow: hidden;
}

.stoaLiveTalk {
  width: 100%;
  height: 100%;
  will-change: height;
  transition: height 0.3s;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.stoaLiveTalk * {
  box-sizing: border-box;
  font-weight: 400;
  letter-spacing: -0.075em;
}
.iPhoneChatOpen .stoaLiveTalk {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.iPhoneChatOpen .stoaLiveTalk::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: calc(100% + 1px);
}

.iPhoneChatOpen.dragging .stoaLiveTalk {
  overscroll-behavior: none;
}

.stoaLiveTalk::before,
.stoaLiveTalk .toastBg {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease-in-out;
  z-index: 2;
}
.stoaLiveTalk .toastBg {
  z-index: 10;
  animation: fadeOutAnimate 0.4s forwards;
  transition: none;
}
.stoaLiveTalk .toastBg.buyBg {
  z-index: 12;
}
.stoaLiveTalk.chatOpen::before {
  visibility: visible;
  opacity: 1;
}
.stoaLiveTalk.toastOpen .toastBg:not(.buyBg) {
  visibility: visible;
  pointer-events: all;
  animation: fadeInAnimate 0.4s forwards;
}
.stoaLiveTalk.buyOpen .toastBg.buyBg {
  visibility: visible;
  pointer-events: all;
  animation: fadeInAnimate 0.4s forwards;
}
.stoaLiveTalk__header {
  display: flex;
  align-items: baseline;
  padding: 10px 15px;
  gap: 0 8px;
}
.stoaLiveTalk__header .title {
  display: flex;
  align-items: center;
  gap: 0 4px;
  font-size: 18px;
  font-weight: 700;
  color: #222;
}
.stoaLiveTalk__header .title::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url("/static/img/stoaModule/liveTalkIco.svg") no-repeat 0 0/100% auto;
}
.stoaLiveTalk__header .onAir {
  display: flex;
  align-items: baseline;
  gap: 0 4px;
  font-size: 15px;
  font-weight: 900;
  color: #E62642;
  letter-spacing: -0.02em;
}
.stoaLiveTalk__header .onAir .waveItem {
  display: flex;
}
.stoaLiveTalk__header .onAir .waveItem {
  display: flex;
  gap: 2px;
  align-items: end;
}
.stoaLiveTalk__header .onAir .waveItem::before, .stoaLiveTalk__header .onAir .waveItem::after {
  content: "";
}
.stoaLiveTalk__header .onAir .waveItem::before, .stoaLiveTalk__header .onAir .waveItem::after,
.stoaLiveTalk__header .onAir .waveItem i {
  width: 2px;
  display: block;
  background: #E62642;
  border-radius: 2px;
}
.stoaLiveTalk__header .onAir .waveItem::before {
  animation: liveAnimate3 1s infinite;
}
.stoaLiveTalk__header .onAir .waveItem::after {
  animation: liveAnimate3 1.5s infinite;
}
.stoaLiveTalk__header .onAir .waveItem i {
  animation: liveAnimate3 1.8s infinite;
}
.stoaLiveTalk__header .time {
  display: flex;
  gap: 0 2px;
  font-size: 13px;
  color: #222;
}
.stoaLiveTalk__header .time i {
  font-size: 15px;
  font-style: normal;
}
.stoaLiveTalk__header .close {
  display: block;
  width: 24px;
  height: 24px;
  background: url("https://imagecdn.skstoa.com/static/img/X_Close.svg") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  font-size: 0px;
  margin-left: auto;
  align-self: center;
}
.stoaLiveTalk__video {
  position: relative;
  height: 211px;
  padding-top: 56.25%; /* cream_20132_250820 */
}
.stoaLiveTalk__video img {
  /* cream_20132_250820 */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* //cream_20132_250820 */
  height: 100%;
  object-fit: contain;
}
.stoaLiveTalk__video video {
  /* cream_20132_250820 */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* //cream_20132_250820 */
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.stoaLiveTalk__video::after {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  background: linear-gradient(360deg, rgba(204, 204, 204, 0.2) 0%, #F7F7F7 100%);
  position: absolute;
  top: 100%;
  left: 0;
}
.iPhoneChatOpen .stoaLiveTalk__video::after {
  display: none;
}

.stoaLiveTalk__video .controls {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 12px 30px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s;
}
:is(.stoaLiveTalk__video .controls__mute, .stoaLiveTalk__video .controls__play, .stoaLiveTalk__video .controls__full) {
  font-size: 0;
  text-indent: -9999px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
:is(.stoaLiveTalk__video .controls__mute, .stoaLiveTalk__video .controls__full) {
  width: 52px;
  height: 52px;
}
.stoaLiveTalk__video .controls.active {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.stoaLiveTalk__video .controls__mute {
  background-image: url("/static/img/stoaModule/liveTalkVideoMute_off.png");
}
.stoaLiveTalk__video .controls__mute.active {
  background-image: url("/static/img/stoaModule/liveTalkVideoMute_on.png");
}
.stoaLiveTalk__video .controls__full {
  background-image: url("/static/img/stoaModule/liveTalkVideoFull.png");
}
.stoaLiveTalk__video .controls__play {
  width: 86px;
  height: 86px;
  background-image: url("/static/img/stoaModule/liveTalkVideoPause.png");
}
.stoaLiveTalk__video .controls__play.active {
  background-image: url("/static/img/stoaModule/liveTalkVideoPlay.png");
}
.stoaLiveTalk__video .controls__time {
  display: flex;
  width: 100%;
  gap: 0 2px;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  align-items: baseline;
  justify-content: center;
}
.stoaLiveTalk__video .controls__time i {
  font-style: normal;
  font-size: 21px;
  font-weight: 700;
}
.stoaLiveTalk__video .controls__txt {
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  text-align: center;
}
.stoaLiveTalk__chat {
  position: relative; /* cream_20132_250820 */
  bottom: 0;
  height: calc(100% - 211px - 48px - 12px);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px 120px;
  border-radius: 24px 24px 0 0;
  background: #fff;
  overflow: auto;
  z-index: 3;
  /* cream_20132_250820 */
}
@media (min-width: 1024px) {
  .stoaLiveTalk__chat {
    height: 20px;
    position: fixed !important;
  }
}
.stoaLiveTalk__chat.active {
  transition: none;
}
.chatOpen .stoaLiveTalk__chat {
  height: calc(100% - 36px);
  /* cream_250826_20132 // */
  position: fixed;
  /* // cream_250826_20132 */
}

.stoaLiveTalk__chat .chatBtn {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 0px;
  text-indent: -9999px;
  overflow: hidden;
  padding: 12px 0 10px;
  touch-action: pan-y;
}
.stoaLiveTalk__chat .chatBtn::before {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  border-radius: 4px;
  background: #ddd;
}
.stoaLiveTalk__chat .notice {
  display: flex;
  align-items: center;
  border: 1px solid #666;
  border-radius: 4px;
  padding: 0 12px;
  width: 100%;
  height: 36px;
  margin-bottom: 16px;
  flex-shrink: 0;
}
.stoaLiveTalk__chat .notice::before, .stoaLiveTalk__chat .notice::after {
  content: "";
  display: block;
  flex-shrink: 0;
}
.stoaLiveTalk__chat .notice::before {
  width: 24px;
  height: 20px;
  margin-right: 6px;
  background: url("/static/img/stoaModule/liveTalkNotice_off.svg") no-repeat 0 0/auto 100%;
}
.stoaLiveTalk__chat .notice.active::before {
  background-image: url("/static/img/stoaModule/liveTalkNotice.svg");
}
.stoaLiveTalk__chat .notice::after {
  width: 10px;
  height: 15px;
  background: url("https://imagecdn.skstoa.com/static/img/Arrow%20Chevron_Right.svg") no-repeat 0 0/100% auto;
  margin-left: auto;
}
.stoaLiveTalk__chat .notice span {
  font-size: 14px;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stoaLiveTalk__chat .list {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
  gap: 16px 0;
  width: 100%;
}
.stoaLiveTalk__chat .list li {
  display: flex;
  align-items: baseline;
  padding: 0 12px;
  flex-wrap: wrap;
  border-radius: 8px;
  gap: 0 8px;
}
.stoaLiveTalk__chat .list .idx {
  font-size: 13px;
  color: #888;
  min-width: 32px;
  text-align: left;
}
.stoaLiveTalk__chat .list .txt {
  font-size: 14px;
  color: #666;
  flex: 1;
  word-break: break-all;
}
.stoaLiveTalk__chat .list .ban {
  color: #E62642;
}
.stoaLiveTalk__chat .list .adopt {
  display: inline-flex;
  align-items: center;
  vertical-align: -2px;
  gap: 0 4px;
  font-size: 12px;
  color: #222;
  margin-left: 8px;
}
.stoaLiveTalk__chat .list .adopt::before {
  content: "";
  display: block;
  width: 11px;
  height: 13px;
  background: url("/static/img/stoaModule/liveTalkCheck.svg") no-repeat 0 0/100% auto;
}
.stoaLiveTalk__chat .list :is(.adm, .mine) {
  padding: 8px 12px;
}
.stoaLiveTalk__chat .list .reply {
  border-top: 1px dashed #ccc;
  padding: 10px 0 0;
  margin: 10px 0 0;
  display: block;
  width: 100%;
  align-items: start;
}
.stoaLiveTalk__chat .list .reply .txt {
  color: #222;
}
.stoaLiveTalk__chat .list .adm {
  /* cream_250826_20247 // */
  background: rgba(230, 38, 66, 0.05);
  display: block;
  /* // cream_250826_20247 */
}
.stoaLiveTalk__chat .list .adm .txt {
  color: #222;
}
.stoaLiveTalk__chat .list .adm--showhost {
  background: #EEFAF7;
}
.stoaLiveTalk__chat .list .admIdx {
  float: left;
  display: flex;
  /* cream_250826_20247 // */
  align-items: center;
  /* // cream_250826_20247 */
  color: #DC2D42;
  font-weight: 700;
  font-size: 13px;
  gap: 0 3px;
  margin-right: 8px;
  line-height: 1.5;
  /* cream_250826_20247 // */
  /* // cream_250826_20247 */
}
.stoaLiveTalk__chat .list .admIdx::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url("/static/img/stoaModule/liveTalkIco.svg") no-repeat 0 0/100% auto;
}
.stoaLiveTalk__chat .list .admIdx--showhost {
  color: #12B886;
}
.stoaLiveTalk__chat .list .admIdx--showhost::before {
  background: url("/static/img/stoaModule/liveTalkIco4.svg") no-repeat 0 0/100% auto;
}
.stoaLiveTalk__chat .list .mine {
  background: #FEF8ED;
}
.stoaLiveTalk__chat .list .mine .idx {
  min-width: auto;
}
.stoaLiveTalk__write {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 15px;
  display: grid;
  align-items: end;
  background: #fff;
  grid-template: repeat(2, auto)/repeat(2, auto);
  gap: 10px 0;
  border-top: 1px solid #eee;
  z-index: 3;
  /* cream_20132_250820 */
}
@media (min-width: 1024px) {
  .stoaLiveTalk__write {
    position: fixed;
  }
}
.stoaLiveTalk__write.top {
  bottom: auto;
  top: 0;
  opacity: 0;
}
.stoaLiveTalk__write .chatAlert {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate3d(-50%, 0, 0);
  display: flex;
  align-items: center;
  width: 240px;
  height: 36px;
  border-radius: 36px;
  background: rgba(102, 102, 102, 0.9);
  padding: 0 12px 0 16px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.stoaLiveTalk__write .chatAlert.active {
  bottom: calc(100% + 8px);
  opacity: 1;
  visibility: visible;
}
.stoaLiveTalk__write .chatAlert :is(.idx, .txt) {
  font-size: 14px;
  color: #fff;
}
.stoaLiveTalk__write .chatAlert .idx {
  margin-right: 8px;
}
.stoaLiveTalk__write .chatAlert .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.stoaLiveTalk__write .chatAlert .arrow {
  width: 18px;
  height: 20px;
  background: url("/static/img/stoaModule/liveTalkChatIco.svg") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0px;
  flex-shrink: 0;
  margin-left: 6px;
}
.stoaLiveTalk__write .toast {
  background: #444;
  border-radius: 6px;
  padding: 10px 16px 12px;
  font-size: 13px;
  color: #fff;
  width: 270px;
  position: absolute;
  top: calc(-100% + 8px);
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  word-break: keep-all;
  pointer-events: none;
}
.stoaLiveTalk__write .toast.active {
  animation: fadeOutAnimate 1s 3s forwards;
}
.stoaLiveTalk__write .chk {
  display: flex;
  overflow: hidden;
  padding-bottom: 3px;
}
.stoaLiveTalk__write .chk__item {
  display: flex;
  gap: 0 8px;
  font-size: 14px;
  color: #666;
}
.stoaLiveTalk__write .chk__item::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url("/static/img/stoaModule/inputCheckIco_off.svg") no-repeat 0 0/100% auto;
  transition: all 0.15s;
}
.stoaLiveTalk__write .chk input[type=checkbox] {
  position: absolute;
  left: -9999px;
}
.stoaLiveTalk__write .chk input[type=checkbox]:checked ~ .chk__item::before {
  background-image: url("/static/img/stoaModule/inputCheckIco_on.svg");
}
.stoaLiveTalk__write .buy {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  background: #E62642;
  border-radius: 4px;
  width: 90px;
  height: 36px;
  color: #fff;
  margin-left: auto;
}
.stoaLiveTalk__write .write {
  grid-area: 2/1/3/3;
  position: relative;
}
.stoaLiveTalk__write .write .input {
  width: 100%;
  height: 44px;
  border-radius: 44px;
  border: 1px solid #E62642;
  padding: 0 50px 0 16px;
  font-size: 16px;
}
.stoaLiveTalk__write .write .submit {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translate3d(0, -50%, 0);
  width: 24px;
  height: 24px;
  background: url("/static/img/stoaModule/liveTalkSubmit.svg") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  font-size: 0px;
  overflow: hidden;
}
.stoaLiveTalk__write .liveTalkLogin {
  grid-area: 2/1/3/3;
  position: relative;
  width: 100%;
  height: 44px;
  border-radius: 44px;
  border: 1px solid #666;
  font-size: 16px;
  color: #888;
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 0 8px;
}
.stoaLiveTalk__write .liveTalkLogin::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url("/static/img/stoaModule/liveTalkIco.svg") no-repeat 0 0/100% auto;
}
.stoaLiveTalk__toast {
  position: absolute;
  display: flex;
  flex-direction: column;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 11;
  border-radius: 24px 24px 0 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  will-change: transform;
  transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
  overflow: hidden;
  max-height: 0;
}
.stoaLiveTalk__toast.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  overflow: visible;
  max-height: none;
}
.stoaLiveTalk__toast .title {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  height: 56px;
  position: relative;
  justify-content: center;
}
.stoaLiveTalk__toast .title .subject {
  font-size: 18px;
  color: #222;
  font-weight: 700;
}
.stoaLiveTalk__toast .title .close {
  display: block;
  width: 24px;
  height: 24px;
  background: url("https://imagecdn.skstoa.com/static/img/X_Close.svg") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: auto;
  font-size: 0;
  margin-left: auto;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.stoaLiveTalk__toast .list {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  padding: 20px;
  max-height: 228px;
  overflow: auto;
}
.stoaLiveTalk__toast .list li {
  display: flex;
  gap: 0 6px;
  font-size: 14px;
  color: #222;
  align-items: start;
  line-height: 20px;
  word-break: break-all;
}
.stoaLiveTalk__toast .list li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #999;
  border-radius: 100%;
  flex-shrink: 0;
  position: relative;
  top: 7px;
}
.stoaLiveTalk__toast .goodsList {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  padding: 20px;
  max-height: calc(100vh - 48px - 211px - 100px);
  overflow: auto;
}
.stoaLiveTalk__toast .goodsList li {
  display: grid;
  grid-template: repeat(2, auto)/78px repeat(2, auto);
  gap: 6px 12px;
}
.stoaLiveTalk__toast .goodsList li.soldOut :is(.title, .price, .txt, .discount) {
  color: #666;
}
.stoaLiveTalk__toast .goodsList li.soldOut .buyBtn {
  background: #aaaaaa;
}
.stoaLiveTalk__toast .goodsList .thumbnail {
  width: 78px;
  height: 78px;
  border-radius: 4px;
  overflow: hidden;
  grid-area: 1/1/3/2;
}
.stoaLiveTalk__toast .goodsList .title {
  grid-area: 1/2/2/4;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  display: block;
  height: auto;
  border-bottom: 0;
}
.stoaLiveTalk__toast .goodsList .title b {
  font-weight: 700;
}
.stoaLiveTalk__toast .goodsList .priceItem {
  display: flex;
  align-items: baseline;
  grid-area: 2/2/3/3;
  font-size: 12px;
  color: #222;
  letter-spacing: -0.02em;
}
.stoaLiveTalk__toast .goodsList .priceItem:has(.txt) .price {
  margin-left: 4px;
}
.stoaLiveTalk__toast .goodsList .priceItem :is(.txt, .discount, .price) {
  line-height: 24px;
}
.stoaLiveTalk__toast .goodsList .priceItem .txt {
  font-size: 14px;
  color: #222;
  font-weight: 900;
}
.stoaLiveTalk__toast .goodsList .priceItem .discount {
  color: #E62642;
  font-weight: 700;
  font-size: 17px;
  margin-right: 4px;
  letter-spacing: inherit;
}
.stoaLiveTalk__toast .goodsList .priceItem .price {
  font-size: 17px;
  color: #222;
  font-weight: 700;
  letter-spacing: inherit;
  white-space: nowrap;
}
.stoaLiveTalk__toast .goodsList .buyBtn {
  grid-area: 2/3/3/4;
  display: flex;
  width: 79px;
  height: 32px;
  align-items: center;
  justify-content: center;
  background: #E62642;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin-left: auto;
}
.stoaLiveTalk__toast.typeBuy {
  z-index: 13;
  display: grid;
  grid-template-columns: repeat(2, auto);
  padding: 0 10px;
  gap: 12px 5px;
  border-top: 1px solid #ccc;
  border-radius: 0;
  max-height: 0;
}
.stoaLiveTalk__toast.typeBuy.active {
  padding: 0 10px 10px;
  max-height: 80vh;
}
.stoaLiveTalk__toast.typeBuy .controlItem {
  grid-column: span 2;
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 12px 0;
  max-height: 106.6666666667vw;
  overflow: auto;
}
.stoaLiveTalk__toast.typeBuy .close {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 28px;
  border-radius: 28px 28px 0 0;
  background: #fff;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
}
.stoaLiveTalk__toast.typeBuy .close::before {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  border-radius: 4px;
  background: #ddd;
}
.stoaLiveTalk__toast.typeBuy .counter {
  display: flex;
  grid-column: span 2;
}
.stoaLiveTalk__toast.typeBuy .counter__btn {
  display: block;
  width: 36px;
  height: 36px;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.stoaLiveTalk__toast.typeBuy .counter__btn.minus {
  background-image: url("/static/img/btn_minus_new.png");
}
.stoaLiveTalk__toast.typeBuy .counter__btn.plus {
  background-image: url("/static/img/btn_plus_new.png");
}
.stoaLiveTalk__toast.typeBuy .counter__input {
  flex: 1;
  height: 36px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
  padding: 0 10px;
  font-size: 14px;
  color: #222;
  text-align: center;
}
.stoaLiveTalk__toast.typeBuy .selector {
  grid-column: span 2;
  border: 1px solid #ccc;
  position: relative;
}
.stoaLiveTalk__toast.typeBuy .selector__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 0 12px 0 16px;
  font-size: 15px;
  color: #111;
  transition: all 0.3s;
}
.stoaLiveTalk__toast.typeBuy .selector__title::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat 0 0/100% auto;
  transition: all 0.3s;
}
.stoaLiveTalk__toast.typeBuy .selector.active {
  border-color: #444;
}
.stoaLiveTalk__toast.typeBuy .selector.active .selector__title {
  background-color: #F5F5F5;
}
.stoaLiveTalk__toast.typeBuy .selector.active .selector__title::after {
  transform: rotate(180deg);
}
.stoaLiveTalk__toast.typeBuy .selector__list {
  display: none;
}
.stoaLiveTalk__toast.typeBuy .selector__list li {
  border-top: 1px solid #eee;
}
.stoaLiveTalk__toast.typeBuy .selector__list li.soldOut button {
  color: #888;
}
.stoaLiveTalk__toast.typeBuy .selector__list li.soldOut button .txt {
  color: inherit;
}
.stoaLiveTalk__toast.typeBuy .selector__list button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 52px;
  padding: 0 16px;
  font-size: 15px;
  color: #111;
}
.stoaLiveTalk__toast.typeBuy .selector__list button.outOfStock {
  color: #888;
}
.stoaLiveTalk__toast.typeBuy .selector__list button .txt {
  font-size: 12px;
}
.stoaLiveTalk__toast.typeBuy .selector__list i {
  font-style: normal;
}
.stoaLiveTalk__toast.typeBuy .selector__list i.left {
  font-size: 12px;
  color: #E62642;
}
.stoaLiveTalk__toast.typeBuy .selector__list i.alert {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 12px;
  color: #222;
  line-height: 1;
}
.stoaLiveTalk__toast.typeBuy .selectList {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.stoaLiveTalk__toast.typeBuy .selectList:not(:has(li)) {
  display: none;
}
.stoaLiveTalk__toast.typeBuy .selectList li {
  display: grid;
  grid-template: repeat(2, auto)/repeat(2, auto);
  justify-content: space-between;
  align-items: center;
  border: 1px solid #444;
  padding: 16px;
  gap: 16px 0;
}
.stoaLiveTalk__toast.typeBuy .selectList__title {
  font-size: 15px;
  color: #111;
  font-weight: 700;
}
.stoaLiveTalk__toast.typeBuy .selectList__close {
  display: block;
  text-indent: -9999px;
  font-size: 0;
  overflow: hidden;
  width: 24px;
  height: 24px;
  background: url("https://imagecdn.skstoa.com/static/img/X_Close.svg") no-repeat 0 0/100% auto;
  justify-self: end;
  margin-right: -4px;
}
.stoaLiveTalk__toast.typeBuy .selectList__counter {
  display: flex;
}
.stoaLiveTalk__toast.typeBuy .selectList__counter .control {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #ccc;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
}
.stoaLiveTalk__toast.typeBuy .selectList__counter .control.minus::after {
  display: none;
}
.stoaLiveTalk__toast.typeBuy .selectList__counter .control::before, .stoaLiveTalk__toast.typeBuy .selectList__counter .control::after {
  content: "";
  display: block;
  width: 12px;
  height: 1px;
  background: #222;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.stoaLiveTalk__toast.typeBuy .selectList__counter .control::after {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.stoaLiveTalk__toast.typeBuy .selectList__counter input[type=text] {
  width: 52px;
  height: 32px;
  border-width: 1px 0;
  border-color: #ccc;
  border-style: solid;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.stoaLiveTalk__toast.typeBuy .selectList__price {
  display: flex;
  align-items: baseline;
  gap: 0 2px;
  font-size: 14px;
  color: #222;
}
.stoaLiveTalk__toast.typeBuy .selectList__price b {
  font-size: 18px;
  font-weight: 700;
}
.stoaLiveTalk__toast.typeBuy .txt {
  display: flex;
  align-items: baseline;
  grid-column: span 2;
  font-size: 14px;
  line-height: 1;
  color: #222;
  gap: 0 2px;
  justify-content: end;
}
.stoaLiveTalk__toast.typeBuy .txt__price {
  color: #E62642;
}
.stoaLiveTalk__toast.typeBuy .txt__price b {
  font-size: 20px;
  font-weight: 700;
}
.stoaLiveTalk__toast.typeBuy .buyBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  height: 50px;
  font-size: 18px;
  font-weight: 700;
}
.stoaLiveTalk__toast.typeBuy .buyBtn.cart {
  color: #E62642;
  background: #fff;
  border: 1px solid #E62642;
}
.stoaLiveTalk__toast.typeBuy .buyBtn.buyNow {
  color: #fff;
  background: #E62642;
}

/********** // (e) live talk **********/
/********** reviewGoods (s) // **********/
.reviewGoods {
  margin-top: 20px;
}
.reviewGoods__item {
  position: relative;
}
.reviewGoods__item a {
  display: flex;
  gap: 12px;
  padding-right: 20px;
}
.reviewGoods__item .thumbnail {
  overflow: hidden;
  width: 64px;
  height: 64px;
  border-radius: 4px;
  position: relative;
  flex-shrink: 0;
}
.reviewGoods__item .thumbnail i {
  z-index: 1;
}
.reviewGoods__item .thumbnail::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(102, 102, 102, 0.05);
}
.reviewGoods__item .thumbnail img {
  width: 100%;
  height: 100%;
}
.reviewGoods__item .thumbnail .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 35px;
  height: 35px;
}
.reviewGoods__item .goodsRank {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  font-style: normal;
  width: 19px;
  height: 14px;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  color: #fff;
  background: rgba(34, 34, 34, 0.4);
  border-radius: 4px 0px 4px 0px;
}
.reviewGoods__item .info {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  overflow: hidden;
}
.reviewGoods__item .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 14px;
  text-align: left;
  color: #222;
  margin: 0 0 6px;
  letter-spacing: -0.04em;
}
.reviewGoods__item:has(.goodsStar) .title,
.reviewGoods__item:has(.goodsPayment) .title,
.reviewGoods__item.soldOut .title {
  -webkit-line-clamp: 2;
}

.reviewGoods__item.soldOut :is(.title, .title b, .itemCategory, .goodsPayment) {
  color: #666;
}
.reviewGoods__item .goodsPayment {
  font-size: 14px;
  margin: 0 4px 0 0;
  margin-top: -3px;
}
.reviewGoods__goodsList {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 15px;
}
.reviewGoods__goodsList a {
  position: relative;
}
.reviewGoods__goodsList a::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 7px;
  height: 7px;
  width: 7px;
  border-right: 1px solid #222;
  border-top: 1px solid #222;
  transform: rotateZ(45deg);
}
.reviewGoods__select {
  position: relative;
  border-radius: 8px;
  border: 1px solid #ccc;
  transition: border 0.2s ease, border-radius 0.2 ease;
  transition-delay: 0.4s;
  margin-left: 15px;
  margin-right: 15px;
}
.reviewGoods__select.active {
  border-color: #444;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: border 0.2s ease, border-radius 0s ease;
}
.reviewGoods__select a {
  padding: 8px;
}
.reviewGoods__select .selectBox a {
  position: relative;
  padding-right: 40px;
}
.reviewGoods__select .selectBox a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  display: block;
  height: 9px;
  width: 9px;
  border-right: 1px solid #222;
  border-top: 1px solid #222;
  transform: translateY(-50%) rotateZ(135deg);
  transition: transform 0.2s ease;
}
.active.reviewGoods__select .selectBox a::after {
  transform: translateY(-50%) rotateZ(-45deg);
}

.reviewGoods__select .selectList {
  position: absolute;
  z-index: 3;
  top: calc(100% + 1px);
  left: -1px;
  right: -1px;
  display: none;
  max-height: 295px;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #222;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.reviewGoods__select .selectList .reviewGoods__item.on .title {
  color: #E62642;
}
.reviewGoods__select .selectList .reviewGoods__item.on .goodsRank {
  background-color: #E62642;
}
.reviewGoods__select .selectList .reviewGoods__item.soldOut:not(.on) .title {
  color: #999;
}
.reviewGoods__select .selectList .reviewGoods__item.soldOut:not(.on) .goodsPayment {
  color: #999;
  font-weight: inherit;
  margin-top: -4px;
}
.reviewGoods__select .selectList .reviewGoods__item + .reviewGoods__item {
  border-top: 1px solid #eee;
}
.tab_cont:has(.reviewGoods__select) {
  position: relative;
}

.reviewGoods__write {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 30px);
  padding: 11px 12px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.03em;
  border-radius: 4px;
  border: 1px solid #CCCCCC;
  color: #222;
  margin-left: 15px;
  margin-right: 15px;
}
.reviewGoods__write .point {
  font-size: inherit;
  font-weight: 700;
  color: #E62642;
  margin: 0 3px;
  padding: 0;
}
.reviewGoods__write img {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.reviewGoods__write::after {
  content: "";
  display: inline;
  height: 6px;
  width: 6px;
  border-right: 0.8px solid #222;
  border-top: 0.8px solid #222;
  transform: translateY(1px) rotateZ(45deg);
  margin-left: 7px;
}
.star_graph_wrap .reviewGoods__write {
  margin-top: 20px;
}

.reviewGoods__select ~ .star_graph_wrap, .reviewGoods ~ .star_graph_wrap {
  border-bottom: none;
  padding: 16px 15px;
}
.reviewGoods__select ~ .star_graph_wrap + .reviewGoods__write, .reviewGoods ~ .star_graph_wrap + .reviewGoods__write {
  margin-top: 7px;
}

.reviewGoods__write + .txt_cont01_sec, .reviewGoods + .txt_cont01_sec {
  border-top: 1px solid #e6e8ec;
  margin-top: 20px;
}

/********** // (e) reviewGoods **********/
/********** staoCalendar (s) // **********/
.staoCalendar {
  display: flex;
  flex-shrink: 0;
  gap: 0 11px;
  width: 100%;
  height: 74px;
  overflow-y: auto;
  padding: 8px 12px 8px 12px;
  background-color: #F5F5F5;
  color: #222;
  box-sizing: border-box;
}
.staoCalendar__item {
  flex: 1.1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-width: 30px;
  height: 58px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  color: inherit;
  border-radius: 100px;
}
.staoCalendar__item .week {
  font-size: 13px;
  font-weight: 400;
  color: #999;
}
.staoCalendar__item.active {
  background-color: #E62642;
  color: #fff;
  margin-bottom: -4px;
}
.staoCalendar__item.active .week {
  color: #fff;
}
.staoCalendar.type2 {
  height: auto;
  padding: 0 15px;
  background-color: #333;
  color: #999;
  padding-top: 14px;
}
.staoCalendar.type2 .staoCalendar__item {
  height: 60px;
  justify-content: start;
  font-size: 18px;
  border-radius: 0px;
}
.staoCalendar.type2 .staoCalendar__item .week {
  font-size: 12px;
}
.staoCalendar.type2 .staoCalendar__item.today {
  position: relative;
}
.staoCalendar.type2 .staoCalendar__item.today::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  display: block;
  height: 6px;
  width: 6px;
  border-radius: 20px;
  background-color: #E62642;
}
.staoCalendar.type2 .staoCalendar__item.active {
  position: relative;
  overflow: hidden;
  background-color: transparent;
}
.staoCalendar.type2 .staoCalendar__item.active::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  display: block;
  height: 12px;
  width: 12px;
  background-color: #fff;
}

/********** // (e) staoCalendar **********/
/********** stoaExcl (s) // **********/
.stoaExcl__bg {
  width: 100%;
  object-fit: cover;
  object-position: bottom center;
}
.stoaExcl__title {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  padding: 24px 15px 24px;
  color: #fff;
}
.stoaExcl__title .subject {
  font-size: 20px;
  color: inherit;
  letter-spacing: -0.56px;
  font-weight: 600;
  line-height: 1;
}
.stoaExcl__title::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 190px;
  background-color: #333;
}
.stoaExcl__list {
  padding: 0 15px 18px;
  position: relative;
}
.stoaExcl__list:not(.swiper-moving) .swiper-slide-prev {
  opacity: 0;
}
.stoaExcl__list .swiper-wrapper {
  align-items: end;
}
.stoaExcl__list .swiper-slide {
  transition: opacity 0.4s;
  position: relative;
  gap: 0 8px;
  align-items: center;
  width: 154px;
  height: 58px;
  font-weight: 500;
  text-align: left;
  color: #fff;
  background: rgba(255, 255, 255, 0.0784313725);
  border: 1px solid rgba(255, 255, 255, 0.0784313725);
  border-radius: 4px;
  padding: 9px 12px 9px 10px;
  padding-left: 53px;
}
.stoaExcl__list .swiper-slide.swiper-slide-prev {
  opacity: 1;
}
.stoaExcl__list a {
  display: flex;
  flex-direction: column;
}
.stoaExcl__list .thumbnail {
  position: absolute;
  left: 12px;
  top: 9px;
  margin-right: 8px;
  display: block;
  width: 35px;
  height: 35px;
  object-fit: cover;
  border: 1px solid #DDDDDD;
  background-color: #ffffff;
  border-radius: 100px;
}
.stoaExcl__list .title {
  display: block;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
.stoaExcl__list .date {
  display: block;
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
}
.stoaExcl__list .tag_today {
  content: "오늘방송";
  position: absolute;
  left: 50%;
  bottom: 100%;
  height: 18px;
  line-height: 17px;
  transform: translate(-50%, 50%);
  white-space: nowrap;
  font-size: 10px;
  font-weight: 700;
  background-color: #E62642;
  color: #fff;
  border-radius: 100px;
  padding: 0 7px;
}
.stoaExcl__list[data-slider=space10] .swiper-slide.active {
  color: #222;
  background-color: #fff;
}
.stoaExcl__list[data-slider=space10] .swiper-slide.active::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  display: block;
  height: 11px;
  width: 11px;
  background-color: #fff;
}
.stoaExcl__list[data-slider=stoaExclAutoSlider] .swiper-slide.swiper-slide-active {
  color: #222;
  background-color: #fff;
}
.stoaExcl__list[data-slider=stoaExclAutoSlider] .swiper-slide.swiper-slide-active::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  display: block;
  height: 11px;
  width: 11px;
  background-color: #fff;
}
.stoaExcl .goodsList {
  padding-bottom: 16px;
}
.stoaExcl .goodsList .goodsDiscount {
  font-weight: 700;
}
.stoaExcl .goodsList .goodsBadge__item {
  font-size: 10px;
}
.stoaExcl .goodsLink:last-child {
  margin-bottom: 0;
}
.stoaExcl__goodsDate {
  position: relative;
  z-index: 1;
  top: 0;
  margin: 0 15px;
  margin-bottom: 16px;
}
.stoaExcl__goodsDate .thumbnail {
  display: block;
}
.stoaExcl__goodsDate img {
  border-radius: 8px;
}
.stoaExcl__goodsDate .date {
  position: absolute;
  left: 0;
  bottom: 16px;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.8px;
  text-align: center;
  color: #fff;
}
.stoaExcl__goodsDate .goodsAlert {
  position: absolute;
  top: 13px;
  right: 12px;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  background-size: 20px 20px;
}

/********** // (e) stoaExcl **********/
/********** stoaModule__hashtag_area (s) // **********/
.stoaModule__hashtag_area {
  display: flex;
  align-items: center;
  padding: 0 20px 10px;
}
.stoaModule__hashtag_area .hashtag {
  display: inline-block;
  flex: 0 0 auto;
  background: #ff7d4f;
  font-size: 14px;
  margin-right: 5px;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px 3px;
  border-radius: 20px;
}
.stoaModule__hashtag_area .text {
  color: #f35d28;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
  overflow: hidden;
  font-size: 14px;
}

/********** // (e) stoaModule__hashtag_area **********/
/********** video pop (s) // **********/
.videoPop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  background: #000;
  overscroll-behavior: none;
  z-index: 99999;
}
body:has(.videoPop) {
  height: 100%;
}

.videoPop::before, .videoPop::after {
  content: "";
  display: block;
  width: 100%;
  height: 162px;
  position: absolute;
  left: 0;
  pointer-events: none;
  z-index: 200;
}
.videoPop::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
  top: 0;
}
.videoPop::after {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
  bottom: 0;
}
.videoPop__btns {
  position: absolute;
  top: 17px;
  right: 14px;
  display: flex;
  gap: 0 14px;
  z-index: 10;
}
.videoPop__volume {
  display: block;
  width: 26px;
  height: 26px;
  background: url("/static/img/stoaModule/ico_volume_off.svg") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
}
.videoPop__volume.active {
  background-image: url("/static/img/stoaModule/ico_volume_on.svg");
}
.videoPop__close {
  display: block;
  width: 26px;
  height: 26px;
  background: url("/static/img/stoaModule/X_Close_white2.svg") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
}
.videoPop__slider {
  width: 100vw;
  height: 100%;
  height: -webkit-fill-available;
  min-height: 100%;
  min-height: -webkit-fill-available;
  overflow: hidden;
}
.videoPop__slider .swiper-wrapper {
  flex-direction: column;
}
.videoPop__slider .swiper-slide {
  position: relative;
}
.videoPop__slider .swiper-slide:has(.videoControl:not(.pause)) .videoPauseBg {
  display: block;
}
.videoPop__slider .videoControl {
  display: block;
  width: 40px;
  height: 40px;
  background: url("/static/img/stoaModule/videoPlayIcoEmpty.svg") no-repeat center center/auto 100%;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 20;
}
.videoPop__slider .videoControl.pause {
  background-image: url("/static/img/stoaModule/videoPauseIco.svg");
}
.videoPop__slider .videoPauseBg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.videoPop__slider video {
  width: 100vw;
  height: 100%;
  object-fit: contain;
}
.videoPop__item {
  display: flex;
  gap: 0 2px;
  position: absolute;
  left: 50%;
  bottom: 64px;
  transform: translate3d(-50%, 0, 0);
  z-index: 10;
  overscroll-behavior: none;
}
body:has(.videoPop__next[style*=none]) .videoPop__item {
  bottom: 10px;
}

.videoPop__goods {
  position: relative;
}
.videoPop__goods a {
  display: grid;
  grid-template: repeat(2, auto)/55px auto;
  width: 80vw;
  background: #fff;
  border-radius: 5px;
  padding: 3px 14px 3px 3px;
  gap: 3px 7px;
  align-items: center;
}
.videoPop__goods .thumbnail {
  grid-area: 1/1/3/2;
}
.videoPop__goods .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videoPop__goods .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #222;
  align-self: end;
}
.videoPop__goods .priceItem {
  display: flex;
  font-size: 13px;
  color: #222;
  line-height: 19px;
  align-items: center;
  align-self: start;
}
.videoPop__goods .discount {
  font-size: 16px;
  font-weight: 700;
  color: #E62642;
  margin-right: 4px;
}
.videoPop__goods .price {
  font-size: 16px;
  font-weight: 700;
  color: #222;
}
.videoPop__goods .favorite {
  position: absolute;
  bottom: 2px;
  left: 34px;
}
.videoPop__moreView {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  line-height: 18px;
  color: #666;
  width: 10.6666666667vw;
  background: #fff;
  border-radius: 5px;
}
.videoPop__moreView b {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 24px;
}
.videoPop__next {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  width: 80px;
  border-radius: 28px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  position: absolute;
  left: 50%;
  bottom: 26px;
  transform: translate3d(-50%, 0, 0);
  z-index: 10;
  overscroll-behavior: contain;
}
.videoPop__next::before, .videoPop__next::after {
  content: "";
  display: block;
  width: 14px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  position: absolute;
  animation: fadeToggleAnimate infinite 1s;
}
.videoPop__next::before {
  background-image: url("/static/img/stoaModule/nextArrow_1.svg");
  bottom: -12px;
}
.videoPop__next::after {
  background-image: url("/static/img/stoaModule/nextArrow_2.svg");
  bottom: -18px;
  animation-delay: 0.3s;
}

/********** // (e) video pop **********/
/********** stoa bottom layer (s) // **********/
.stoaBottomToast {
  position: fixed;
  display: flex;
  flex-direction: column;
  left: 0;
  bottom: 0;
  width: 100%;
  max-height: 90vh;
  background: #fff;
  border-radius: 24px 24px 0 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  will-change: transform;
  transition: all 0.3s;
  overflow: hidden;
  z-index: 20001;
}
.stoaBottomToast.type-shadow {
  width: calc(100% - 20px);
  margin: 0 10px;
  box-shadow: 0 -11px 19px 0 rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  z-index: 5;
}
.stoaBottomToast__cont {
  padding: 20px;
  overflow: auto;
}
.stoaBottomToast__cont.type2 {
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  margin-bottom: 20px;
}
.stoaBottomToast__cont.type3 {
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
.stoaBottomToast__share {
  display: flex;
  justify-content: space-around;
}
.stoaBottomToast__share :is(.kakaotalk, .facebook, .sms, .link) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #222;
}
.stoaBottomToast__share :is(.kakaotalk, .facebook, .sms, .link)::before {
  content: "";
  display: block;
  width: 49px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.stoaBottomToast__share .kakaotalk::before {
  background-image: url("/static/img/stoaModule/shareIco1.svg");
}
.stoaBottomToast__share .facebook::before {
  background-image: url("/static/img/stoaModule/shareIco2.svg");
}
.stoaBottomToast__share .sms::before {
  background-image: url("/static/img/stoaModule/shareIco3.svg");
}
.stoaBottomToast__share .link::before {
  background-image: url("/static/img/stoaModule/shareIco4.svg");
}
.stoaBottomToast__buyList {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.stoaBottomToast__buyList li {
  display: grid;
  grid-template: repeat(2, auto)/repeat(2, auto);
  justify-content: space-between;
  gap: 0 15px;
}
.stoaBottomToast__buyList li:not(:last-child) {
  border-bottom: 1px solid #eee;
  padding: 0 0 16px;
}
.stoaBottomToast__buyList :is(.buyTitle, .buyNumber, .buyPrice) {
  letter-spacing: -0.04em;
}
.stoaBottomToast__buyList .buyTitle {
  display: block;
  grid-area: 1/1/2/2;
  font-size: 14px;
  color: #222;
}
.stoaBottomToast__buyList .buyNumber {
  grid-area: 2/1/3/2;
  font-size: 12px;
  color: #888;
}
.stoaBottomToast__buyList .buyPrice {
  grid-area: 1/2/3/3;
  font-size: 15px;
  color: #222;
}
.stoaBottomToast__buyList .buyPrice b {
  font-weight: 700;
}
.stoaBottomToast .membership {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.stoaBottomToast .membership__title {
  font-size: 14px;
  font-weight: 700;
  color: #222;
}
.stoaBottomToast .membership__title:not(:first-of-type) {
  margin-top: 12px;
}
.stoaBottomToast .membership__subtitle {
  font-size: 14px;
  color: #222;
}
.stoaBottomToast .membership__txt {
  font-size: 13px;
  color: #666;
}
.stoaBottomToast .membership__list {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.stoaBottomToast .membership__list li {
  display: flex;
  gap: 0 6px;
  font-size: 13px;
  color: #666;
  line-height: 18px;
}
.stoaBottomToast .membership__list li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #ccc;
  flex-shrink: 0;
  margin-top: 8px;
}
.stoaBottomToast.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  overflow: visible;
}
.stoaBottomToast .toastBtn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 28px;
  text-indent: -9999px;
  font-size: 0;
  color: transparent;
}
.stoaBottomToast .toastBtn::before {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  border-radius: 100px;
  background: #DDDDDD;
}
.stoaBottomToast .toastBtn.type2 {
  background-color: #333;
  border-radius: 24px 24px 0 0;
}
.stoaBottomToast .toastBtn.type2::before {
  background-color: #ddd;
}
.stoaBottomToast .toastBtn.type3 {
  background: url("https://imagecdn.skstoa.com/static/img/ico_bottom0.jpg") no-repeat center center/40px 11px;
}
.stoaBottomToast .toastBtn.type3::before {
  display: none;
}
.stoaBottomToast .toastCloseBtn {
  position: absolute;
  right: 16px;
  top: 27px;
  display: block;
  width: 24px;
  height: 24px;
  background: url("/static/img/stoaModule/X_Close.svg") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: auto;
  font-size: 0;
  margin-left: auto;
  transform: translate3d(0, -50%, 0);
}
.stoaBottomToast .title {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  border-bottom: 1px solid #eee;
  height: 56px;
  position: relative;
  justify-content: center;
}
.stoaBottomToast .title .subject {
  font-size: 18px;
  color: #222;
  font-weight: 700;
  line-height: 1;
}
.stoaBottomToast .title .subject .month {
  vertical-align: top;
}
.stoaBottomToast .title .close {
  display: block;
  width: 24px;
  height: 24px;
  background: url("https://imagecdn.skstoa.com/static/img/X_Close.svg") no-repeat 0 0/100% auto;
  text-indent: -9999px;
  overflow: auto;
  font-size: 0;
  margin-left: auto;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.stoaBottomToast .title.type2 {
  border-bottom: 0;
  height: auto;
  padding-top: 22px;
  margin-bottom: 10px;
  flex-direction: column;
}
.stoaBottomToast .title .txt {
  font-size: 13px;
  color: #888;
  margin-top: 15px;
}
.stoaBottomToast .title .txt:is(button) {
  display: flex;
  gap: 0 2px;
}
.stoaBottomToast .title .txt:is(button)::after {
  content: "";
  display: block;
  width: 10px;
  height: 15px;
  background: url("/static/img/stoaModule/Arrow Chevron_Right_gray.svg") no-repeat 0 center/100% auto;
}
.stoaBottomToast .goodsList .title {
  border-bottom: none;
}
.stoaBottomToast .subTitle {
  font-size: 18px;
  color: #222;
  font-weight: 700;
  margin-bottom: 20px;
}
.stoaBottomToast .subTitle.type2 {
  margin-bottom: 0px;
}
.stoaBottomToast .subTitle2 {
  font-size: 20px;
  color: #222;
  font-weight: 700;
  margin-bottom: 16px;
}
.stoaBottomToast .subTitle3 {
  font-size: 16px;
  color: #222;
  font-weight: 700;
  margin-bottom: 8px;
  margin-top: 16px;
}
.stoaBottomToast .subTagList {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 4px;
}
.stoaBottomToast .subTagList__tag {
  display: block;
  line-height: 20px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  color: #3869FF;
  background: rgba(56, 105, 255, 0.08);
  padding: 0 5px;
  max-width: 100%;
}
.stoaBottomToast .list {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  padding: 20px;
  max-height: 228px;
  overflow: auto;
}
.stoaBottomToast .list li {
  display: flex;
  gap: 0 6px;
  font-size: 14px;
  color: #222;
  align-items: start;
  line-height: 20px;
}
.stoaBottomToast .list li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #999;
  border-radius: 100%;
  flex-shrink: 0;
  position: relative;
  top: 7px;
}
.stoaBottomToast.typeBuy {
  z-index: 13;
  display: grid;
  grid-template-columns: repeat(2, auto);
  padding: 0 10px;
  gap: 12px 5px;
  border-top: 1px solid #ccc;
  border-radius: 0;
}
.stoaBottomToast.typeBuy.active {
  padding: 0 10px 10px;
}
.stoaBottomToast.typeBuy .controlItem {
  grid-column: span 2;
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 12px 0;
  max-height: 133.3333333333vw;
  overflow: auto;
}
.stoaBottomToast.typeBuy .close {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 28px;
  border-radius: 28px 28px 0 0;
  background: #fff;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
}
.stoaBottomToast.typeBuy .close::before {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  border-radius: 4px;
  background: #ddd;
}
.stoaBottomToast.typeBuy .counter {
  display: flex;
  grid-column: span 2;
}
.stoaBottomToast.typeBuy .counter__btn {
  display: block;
  width: 36px;
  height: 36px;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.stoaBottomToast.typeBuy .counter__btn.minus {
  background-image: url("/static/img/btn_minus_new.png");
}
.stoaBottomToast.typeBuy .counter__btn.plus {
  background-image: url("/static/img/btn_plus_new.png");
}
.stoaBottomToast.typeBuy .counter__input {
  flex: 1;
  height: 36px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
  padding: 0 10px;
  font-size: 14px;
  color: #222;
  text-align: center;
}
.stoaBottomToast.typeBuy .selector {
  grid-column: span 2;
  border: 1px solid #ccc;
  position: relative;
}
.stoaBottomToast.typeBuy .selector__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 0 12px 0 16px;
  font-size: 15px;
  color: #111;
  transition: all 0.3s;
}
.stoaBottomToast.typeBuy .selector__title::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat 0 0/100% auto;
  transition: all 0.3s;
}
.stoaBottomToast.typeBuy .selector.active {
  border-color: #444;
}
.stoaBottomToast.typeBuy .selector.active .selector__title {
  background-color: #F5F5F5;
}
.stoaBottomToast.typeBuy .selector.active .selector__title::after {
  transform: rotate(180deg);
}
.stoaBottomToast.typeBuy .selector__list {
  display: none;
}
.stoaBottomToast.typeBuy .selector__list li {
  border-top: 1px solid #eee;
}
.stoaBottomToast.typeBuy .selector__list button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 52px;
  padding: 0 16px;
  font-size: 15px;
  color: #111;
}
.stoaBottomToast.typeBuy .selector__list button.outOfStock {
  color: #888;
}
.stoaBottomToast.typeBuy .selector__list button.outOfStock i {
  color: #888;
}
.stoaBottomToast.typeBuy .selector__list i {
  font-style: normal;
}
.stoaBottomToast.typeBuy .selector__list i.left {
  font-size: 12px;
  color: #E62642;
}
.stoaBottomToast.typeBuy .selector__list i.alert {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 12px;
  color: #222;
  line-height: 1;
}
.stoaBottomToast.typeBuy .selectList {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.stoaBottomToast.typeBuy .selectList:not(:has(li)) {
  display: none;
}
.stoaBottomToast.typeBuy .selectList li {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  align-items: center;
  border: 1px solid #444;
  padding: 16px;
  gap: 16px 0;
}
.stoaBottomToast.typeBuy .selectList__title {
  font-size: 15px;
  color: #111;
  font-weight: 700;
}
.stoaBottomToast.typeBuy .selectList__close {
  display: block;
  text-indent: -9999px;
  font-size: 0;
  overflow: hidden;
  width: 24px;
  height: 24px;
  background: url("https://imagecdn.skstoa.com/static/img/X_Close.svg") no-repeat 0 0/100% auto;
  justify-self: end;
  margin-right: -4px;
}
.stoaBottomToast.typeBuy .selectList__counter {
  display: flex;
}
.stoaBottomToast.typeBuy .selectList__counter .control {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #ccc;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
}
.stoaBottomToast.typeBuy .selectList__counter .control.minus::after {
  display: none;
}
.stoaBottomToast.typeBuy .selectList__counter .control::before, .stoaBottomToast.typeBuy .selectList__counter .control::after {
  content: "";
  display: block;
  width: 12px;
  height: 1px;
  background: #222;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.stoaBottomToast.typeBuy .selectList__counter .control::after {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.stoaBottomToast.typeBuy .selectList__counter input[type=text] {
  width: 52px;
  height: 32px;
  border-width: 1px 0;
  border-color: #ccc;
  border-style: solid;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.stoaBottomToast.typeBuy .selectList__price {
  display: flex;
  align-items: baseline;
  gap: 0 2px;
  font-size: 14px;
  color: #222;
}
.stoaBottomToast.typeBuy .selectList__price b {
  font-size: 18px;
  font-weight: 700;
}
.stoaBottomToast.typeBuy .txt {
  display: flex;
  align-items: baseline;
  grid-column: span 2;
  font-size: 14px;
  line-height: 1;
  color: #222;
  gap: 0 2px;
  justify-content: end;
}
.stoaBottomToast.typeBuy .txt__price {
  color: #E62642;
}
.stoaBottomToast.typeBuy .txt__price b {
  font-size: 20px;
  font-weight: 700;
}
.stoaBottomToast.typeBuy .buyBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  height: 50px;
  font-size: 18px;
  font-weight: 700;
}
.stoaBottomToast.typeBuy .buyBtn.cart {
  color: #E62642;
  background: #fff;
  border: 1px solid #E62642;
}
.stoaBottomToast.typeBuy .buyBtn.buyNow {
  color: #fff;
  background: #E62642;
}
.stoaBottomToast.typeBuy .applyBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  height: 50px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background: #E62642;
  grid-column: 1/3;
}
.stoaBottomToast.typeApply {
  z-index: 20001;
  box-sizing: border-box;
}
.stoaBottomToast .counter {
  display: flex;
  grid-column: span 2;
}
.stoaBottomToast .counter__btn {
  display: block;
  width: 36px;
  height: 36px;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.stoaBottomToast .counter__btn.minus {
  background-image: url("/static/img/btn_minus_new.png");
}
.stoaBottomToast .counter__btn.plus {
  background-image: url("/static/img/btn_plus_new.png");
}
.stoaBottomToast .counter__input {
  flex: 1;
  height: 36px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
  padding: 0 10px;
  font-size: 14px;
  color: #222;
  text-align: center;
}
.stoaBottomToast .selector {
  grid-column: span 2;
  border: 1px solid #ccc;
  position: relative;
}
.stoaBottomToast .selector__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 0 12px 0 16px;
  font-size: 15px;
  color: #111;
  transition: all 0.3s;
}
.stoaBottomToast .selector__title::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat 0 0/100% auto;
  transition: all 0.3s;
}
.stoaBottomToast .selector.active {
  border-color: #444;
}
.stoaBottomToast .selector.active .selector__title {
  background-color: #F5F5F5;
}
.stoaBottomToast .selector.active .selector__title::after {
  transform: rotate(180deg);
}
.stoaBottomToast .selector__list {
  display: none;
}
.stoaBottomToast .selector__list li {
  border-top: 1px solid #eee;
}
.stoaBottomToast .selector__list li.soldOut button {
  color: #888;
}
.stoaBottomToast .selector__list li.soldOut button .txt {
  color: inherit;
}
.stoaBottomToast .selector__list button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 52px;
  padding: 0 16px;
  font-size: 15px;
  color: #111;
}
.stoaBottomToast .selector__list button.outOfStock {
  color: #888;
}
.stoaBottomToast .selector__list button .txt {
  font-size: 12px;
}
.stoaBottomToast .selector__list i {
  font-style: normal;
}
.stoaBottomToast .selector__list i.left {
  font-size: 12px;
  color: #E62642;
}
.stoaBottomToast .selector__list i.alert {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 12px;
  color: #222;
  line-height: 1;
}
.stoaBottomToast .selectList {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.stoaBottomToast .selectList:not(:has(li)) {
  display: none;
}
.stoaBottomToast .selectList li {
  display: grid;
  grid-template: repeat(2, auto)/repeat(2, auto);
  justify-content: space-between;
  align-items: center;
  border: 1px solid #444;
  padding: 16px;
  gap: 16px 0;
}
.stoaBottomToast .selectList__title {
  font-size: 15px;
  color: #111;
  font-weight: 700;
}
.stoaBottomToast .selectList__close {
  display: block;
  text-indent: -9999px;
  font-size: 0;
  overflow: hidden;
  width: 24px;
  height: 24px;
  background: url("/static/img/stoaModule/X_Close.svg") no-repeat 0 0/100% auto;
  justify-self: end;
  margin-right: -4px;
}
.stoaBottomToast .selectList__counter {
  display: flex;
}
.stoaBottomToast .selectList__counter .control {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #ccc;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
}
.stoaBottomToast .selectList__counter .control.minus::after {
  display: none;
}
.stoaBottomToast .selectList__counter .control::before, .stoaBottomToast .selectList__counter .control::after {
  content: "";
  display: block;
  width: 12px;
  height: 1px;
  background: #222;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.stoaBottomToast .selectList__counter .control::after {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.stoaBottomToast .selectList__counter input[type=text] {
  width: 52px;
  height: 32px;
  border-width: 1px 0;
  border-color: #ccc;
  border-style: solid;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.stoaBottomToast .selectList__price {
  display: flex;
  align-items: baseline;
  gap: 0 2px;
  font-size: 14px;
  color: #222;
}
.stoaBottomToast .selectList__price b {
  font-size: 18px;
  font-weight: 700;
}
.stoaBottomToast .priceTotal {
  display: flex;
  align-items: baseline;
  grid-column: span 2;
  font-size: 14px;
  line-height: 1;
  color: #222;
  gap: 0 2px;
  justify-content: end;
}
.stoaBottomToast .priceTotal__price {
  color: #E62642;
  padding: 0 15px;
}
.stoaBottomToast .priceTotal__price b {
  font-size: 20px;
  font-weight: 700;
}
.stoaBottomToast .checkList {
  display: flex;
  flex-direction: column;
  gap: 22px 0;
}
.stoaBottomToast .checkList.type2 {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.stoaBottomToast .checkList.type2 li {
  width: calc((100% - 16px) / 3);
}
.stoaBottomToast .checkList.type2 label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #ccc;
  transition: all 0.4s;
}
.stoaBottomToast .checkList.type2 label:has(input:checked) {
  border-color: #E62642;
  color: #E62642;
}
.stoaBottomToast .checkList.type2 label input {
  position: absolute;
  left: -9999px;
}
.stoaBottomToast .checkList.type3 label {
  display: flex;
  position: relative;
  overflow: hidden;
  justify-content: space-between;
  font-size: 16px;
  color: #222;
}
.stoaBottomToast .checkList.type3 label input {
  position: absolute;
  left: -9999px;
}
.stoaBottomToast .checkList.type3 label::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/checkIco.svg") no-repeat 0 0/100% auto;
  opacity: 0;
  transition: all 0.3s;
}
.stoaBottomToast .checkList.type3 label:has(input:checked) {
  font-weight: 700;
}
.stoaBottomToast .checkList.type3 label:has(input:checked)::after {
  opacity: 1;
}
.stoaBottomToast .checkList:not(:last-of-type) {
  margin-bottom: 40px;
}
.stoaBottomToast .btnArea {
  display: flex;
  gap: 8px;
  padding: 8px;
}
.stoaBottomToast .btnArea button {
  height: 48px;
  border-radius: 4px;
  font-size: 16px;
}
.stoaBottomToast .btnArea.type2 button {
  flex: 1;
  box-sizing: border-box;
}
.stoaBottomToast .btnArea.type3 {
  flex-direction: column;
  padding: 0 40px 20px;
}
.stoaBottomToast .btnArea.type3 button {
  height: 44px;
  width: 100%;
}
.stoaBottomToast .btnArea__reset {
  border: 1px solid #ccc;
  color: #222;
  font-weight: 500;
  width: 100px;
}
.stoaBottomToast .btnArea__view {
  flex: 1;
  color: #fff;
  font-weight: 700;
  background-color: #E62642;
}
.stoaBottomToast .btnArea__view:disabled {
  background-color: #FBD8DE;
}
.stoaBottomToast .btnArea__cart {
  border: 1px solid #E62642;
  color: #E62642;
  font-weight: 700;
}
.stoaBottomToast .total_price {
  display: flex;
  align-items: center;
  justify-content: end;
}
.stoaBottomToast .total_price .totalBtn {
  display: inline-flex;
  align-items: center;
  border-radius: 2px;
  color: #4377FD;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.26px;
  border: 1px solid rgba(67, 119, 253, 0.1);
  background: var(--Linear, linear-gradient(91deg, #EAF4FF 24.76%, #F0FFEB 117.24%));
  padding: 3px 8px 2px 7px;
  margin-right: 8px;
}
.stoaBottomToast .total_price .totalBtn::before, .stoaBottomToast .total_price .totalBtn::after {
  display: inline-block;
  background: no-repeat center center;
  background-size: cover;
}
.stoaBottomToast .total_price .totalBtn.type1::before {
  content: "";
  vertical-align: sub;
  width: 16px;
  height: 16px;
  background-image: url(/static/img/ico/ico_benefitCalc.gif);
  margin: -2px 0 0px;
  margin-right: 4px;
}
.stoaBottomToast .total_price .totalBtn.type1::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid #4377FD;
  border-right: 1px solid #4377FD;
  transform: rotate(45deg);
  margin: -2px 0 0px;
}
.stoaBottomToast .total_price .totalBtn.type2:after {
  content: "";
  width: 25px;
  height: 10px;
  background-image: url(/static/img/ico/ico_loading.gif);
  margin: -2px 0 0px;
}
.stoaBottomToast .total_price .totalBtn.type3:after {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url(/static/img/ico/ico_check02.svg);
  margin: -2px 0px -1px 4px;
}

.bottomToastBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  animation: fadeInAnimate 0.4s forwards;
  z-index: 20001;
}

.wrap:has(.stoaBottomToast) {
  height: 100%;
}

/********** // (e) stoa bottom layer **********/
/********** stoaSchedule pop (s) // **********/
.stoaSchedule {
  max-height: 95%;
}
.stoaSchedule__title {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  height: 52px;
  background: #fff;
  padding: 0 15px;
}
.stoaSchedule__tvTime {
  display: flex;
  line-height: 28px;
  max-height: 28px;
}
.stoaSchedule__tvTime .category {
  display: flex;
  align-items: baseline;
  font-size: 20px;
  font-weight: 900;
  line-height: 28px;
  letter-spacing: -1.6px;
  gap: 0 7px;
  margin-right: 6px;
}
.stoaSchedule__tvTime .liveItem {
  display: flex;
  gap: 2px;
  align-items: end;
}
.stoaSchedule__tvTime .liveItem::before, .stoaSchedule__tvTime .liveItem::after {
  content: "";
}
.stoaSchedule__tvTime .liveItem::before, .stoaSchedule__tvTime .liveItem::after,
.stoaSchedule__tvTime .liveItem i {
  width: 2px;
  border-radius: 2px;
  display: block;
  background: #E62642;
}
.stoaSchedule__tvTime .liveItem::before {
  animation: liveAnimate 1s infinite;
}
.stoaSchedule__tvTime .liveItem::after {
  animation: liveAnimate 1.5s infinite;
}
.stoaSchedule__tvTime .liveItem i {
  animation: liveAnimate 1.8s infinite;
}
.stoaSchedule__tvTime .time {
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
}
.stoaSchedule__tvTime .time__item {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-right: 2px;
}
.stoaSchedule__tvTime.type2 {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 700;
  line-height: 28px;
  color: #222;
}
.stoaSchedule__tvTime.type2::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(/static/img/ico/ico_clock.svg);
  margin-right: 8px;
}
.stoaSchedule .staoCalendar.type2 {
  padding-top: 0;
}
.stoaSchedule__timeList {
  position: absolute;
  z-index: 4;
  top: 140px;
  bottom: 0;
  width: 83px;
  background-color: #F0F0F0;
  box-shadow: 4px 8px 20px 0px rgba(0, 0, 0, 0.2509803922);
  transform: translateX(0%);
  transition: transform ease 0.4s;
}
.stoaSchedule__timeList .list {
  gap: 0;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  padding: 10px;
  box-sizing: border-box;
}
.stoaSchedule__timeList .list a {
  display: block;
  width: 100%;
  height: 74px;
  word-break: keep-all;
  padding: 10px 0;
  border: 1px solid transparent;
  box-sizing: border-box;
  text-align: center;
}
.stoaSchedule__timeList .list a + a {
  border-top-color: #fff;
}
.stoaSchedule__timeList .list a.active {
  border-radius: 2px;
  background-color: #fff;
  border-color: #444444;
}
.stoaSchedule__timeList .list a.active + a {
  border-top: none;
}
.stoaSchedule__timeList .list .time {
  display: block;
  font-size: 14px;
  font-weight: 700;
}
.stoaSchedule__timeList .list a.today .time {
  color: #E62642;
}
.stoaSchedule__timeList .list .text {
  max-height: 35px;
  font-size: 12px;
  line-height: 17.38px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.stoaSchedule__timeList .toggle_btn {
  position: absolute;
  top: 0;
  left: 100%;
  display: flex;
  flex-direction: column;
  width: 30px;
  max-width: 30px;
  overflow: hidden;
  height: 128px;
  font-size: 12px;
  line-height: 15px;
  background: url("/static/img/stoaModule/tvPairing_bg.svg") no-repeat;
  background-position: top;
  color: #fff;
  padding: 12px 9px;
  box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.0392156863);
}
.stoaSchedule__timeList .toggle_btn::after {
  content: "숨기기";
  display: inline;
}
.stoaSchedule__timeList.hide {
  display: block;
  transform: translateX(-100%);
  box-shadow: none;
}
.stoaSchedule__timeList.hide .toggle_btn::after {
  content: "펼치기";
}
.stoaSchedule .stoaBottomToast__cont {
  padding: 0;
}
.stoaSchedule.stoaSchedule--tv .staoCalendar.type2 {
  display: flex;
  gap: 0 11px;
  width: 100%;
  height: 60px;
  overflow-y: auto;
  padding: 4px 12px 4px 12px;
  background-color: #FAFAFA;
  border-bottom: 1px solid #eee;
  color: #222;
  box-sizing: border-box;
}
.stoaSchedule.stoaSchedule--tv .staoCalendar.type2 .staoCalendar__item {
  flex: 1.1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  gap: 0;
  min-width: 30px;
  height: 52px;
  font-size: 19px;
  font-weight: 700;
  line-height: 20px;
  color: #666;
  border-radius: 100px;
  padding: 6px 0;
}
.stoaSchedule.stoaSchedule--tv .staoCalendar.type2 .staoCalendar__item.today::before {
  display: none;
}
.stoaSchedule.stoaSchedule--tv .staoCalendar.type2 .staoCalendar__item.active {
  background-color: #E62642;
  color: #fff;
  margin-bottom: -4px;
}
.stoaSchedule.stoaSchedule--tv .staoCalendar.type2 .staoCalendar__item.active::after {
  display: none;
}
.stoaSchedule.stoaSchedule--tv .staoCalendar.type2 .staoCalendar__item .week {
  line-height: 10px;
}

.h_pt .stoaSchedule {
  padding: 202px 0 0;
}
.h_pt .stoaSchedule .staoCalendar.type2 {
  position: fixed;
  top: 51px;
  z-index: 1000;
}
.h_pt .stoaSchedule__title {
  position: fixed;
  top: 111px;
  width: 100%;
  z-index: 1000;
}
.h_pt.scrollUp .stoaSchedule .staoCalendar.type2 {
  top: 102px;
}
.h_pt.scrollUp .stoaSchedule__timeList {
  top: 214px;
}
.h_pt.scrollUp .stoaSchedule__title {
  top: 162px;
}
.h_pt .stoaSchedule__timeList {
  position: fixed;
  top: 163px;
}

.stoaSchedule__timeList {
  top: 112px;
}

/********** // (e) stoaScheduleAlert pop **********/
/********** stoaSchedule pop (s) // **********/
.scheduleAlert {
  z-index: 1000000;
}
.scheduleAlert * {
  box-sizing: border-box;
}
.scheduleAlert__goods {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  margin: 20px 20px 15px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.scheduleAlert__goods .thumbnail {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 8px;
}
.scheduleAlert__goods .thumbnail::before {
  content: "";
  background: rgba(102, 102, 102, 0.05);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.scheduleAlert__goods .thumbnail img {
  width: 100%;
  height: 100%;
}
.scheduleAlert__goods .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  color: #222;
  letter-spacing: -0.04em;
}
.scheduleAlert__info {
  padding: 0 20px;
  margin-bottom: 24px;
}
.scheduleAlert__info dl {
  display: flex;
  align-items: center;
}
.scheduleAlert__info dl + dl {
  margin-top: 16px;
}
.scheduleAlert__info dt {
  font-size: 14px;
  font-weight: 400;
  min-width: 70px;
}
.scheduleAlert__info dd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
  min-height: 27px;
}
.scheduleAlert__agree {
  padding: 20px 0px 33px;
  margin: 0 20px;
  border-top: 1px solid #eee;
}
.scheduleAlert__agree .stoaChk + .stoaChk {
  margin-top: 12px;
}

/********** // (e) stoaScheduleAlert pop **********/
/********** reviewWrite (s) // **********/
.reviewWrite.stoaModal .stoaModal__inner {
  padding-top: 20px;
}
.reviewWrite__reserves {
  border-radius: 8px;
  border: 1px solid #E62642;
  margin: 0 20px;
  overflow: hidden;
  flex-shrink: 0;
  list-style: none;
}
.reviewWrite__reserves summary {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 48px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #222;
  padding: 0px 14px 3px 16px;
  list-style: none;
}
.reviewWrite__reserves summary::-webkit-details-marker {
  display: none;
}
.reviewWrite__reserves summary .point {
  font-size: inherit;
  vertical-align: baseline;
  color: #E62642;
  padding-right: 0px;
  margin-left: 2px;
}
.reviewWrite__reserves summary::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("/static/img/stoaModule/Camera.svg") no-repeat;
  margin-right: 4px;
}
.type2.reviewWrite__reserves summary::before {
  display: none;
}

.reviewWrite__reserves summary::after {
  content: "";
  position: absolute;
  right: 13px;
  top: 14px;
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #222;
  border-width: 1px 1px 0 0;
  transform: rotate(135deg);
}
[open].reviewWrite__reserves summary::after {
  top: 21px;
  transform: rotate(-45deg);
}

.reviewWrite__reserves ul {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #FFF6F6;
  padding: 14px 15px;
  margin-top: 0px;
}
.reviewWrite__reserves ul .text {
  font-size: 13px;
  display: flex;
  align-items: center;
  margin-top: 1px;
}
.reviewWrite__reserves ul .text + .text {
  margin-top: 1px;
}
.reviewWrite__reserves ul .text .point {
  margin-left: 2px;
}
.reviewWrite__reserves ul .text .sub {
  margin-left: 2px;
}
.reviewWrite__goods {
  display: flex;
  gap: 12px;
  padding: 20px 20px 24px;
}
.reviewWrite__goods .thumbnail {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  width: 78px;
  height: 78px;
  border-radius: 8px;
}
.reviewWrite__goods .thumbnail::before {
  content: "";
  background: rgba(102, 102, 102, 0.05);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.reviewWrite__goods .thumbnail img {
  width: 100%;
  height: 100%;
}
.reviewWrite__goods .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  overflow: hidden;
}
.reviewWrite__goods .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  color: #222;
  margin: 0 0 4px;
  letter-spacing: -0.04em;
}
.reviewWrite__goods .goodsOption {
  color: #888;
}
.reviewWrite__area {
  text-align: center;
  border-top: 1px solid #EEEEEE;
  padding: 24px 24px;
}
.reviewWrite__area .title {
  font-size: 18px;
  font-weight: 700;
  color: #222;
  margin-bottom: 20px;
}
.reviewWrite__area .comment {
  font-size: 14px;
  font-weight: 400;
  color: #F47725;
}
.reviewWrite__area .rating_chack {
  display: flex;
  justify-content: center;
  gap: 0 12px;
}
.reviewWrite__area .rating_chack label {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  position: relative;
  max-width: 88px;
  font-size: 13px;
  color: #888;
}
.reviewWrite__area .rating_chack label i {
  content: "";
  z-index: 1;
  display: block;
  height: 36px;
  width: 36px;
  background-color: #ddd;
  border-radius: 50px;
  margin: 0 auto 5px;
}
.reviewWrite__area .rating_chack label i::after {
  content: "";
  position: absolute;
  top: 12px;
  left: calc(50% - 6px);
  display: block;
  height: 12px;
  width: 12px;
  background-color: #fff;
  border-radius: 50px;
  opacity: 0.5;
}
.reviewWrite__area .rating_chack label:has(input:checked) i {
  background-color: #F59F00;
}
.reviewWrite__area .rating_chack label::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: -6px;
  right: -6px;
  height: 18px;
  border-bottom: 1px solid #eee;
}
.reviewWrite__area .rating_chack label:first-child::before {
  left: 50%;
}
.reviewWrite__area .rating_chack label:last-child::before {
  right: 50%;
}
.reviewWrite__area .textReview__textarea {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 180px;
  background-color: #F5F5F5;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-top: 16px;
}
.reviewWrite__area .textReview__textarea textarea {
  flex: 1;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  background-color: transparent;
  color: #222;
  padding: 16px;
}
.reviewWrite__area .textReview__textarea .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  padding: 16px;
  color: #888;
  pointer-events: none;
}
.reviewWrite__area .textReview__textarea .placeholder li {
  position: relative;
  padding-left: 9px;
}
.reviewWrite__area .textReview__textarea .placeholder li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  display: block;
  width: 3px;
  height: 3px;
  background-color: #888;
  border-radius: 10px;
}
.reviewWrite__area .textReview__textarea textarea:valid + .placeholder {
  display: none;
}
.reviewWrite__area .textReview__textarea textarea:focus + .placeholder {
  display: none;
}
.reviewWrite__area .textReview__textarea .reviewTooltip {
  position: absolute;
  top: -8px;
  left: 50%;
  display: flex;
  align-items: center;
  height: 28px;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  background-color: #F59F00;
  color: #fff;
  border-radius: 50px;
  padding: 0 18px;
}
.reviewWrite__area .textReview__textarea .reviewTooltip::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  display: block;
  width: 7px;
  height: 7px;
  transform: rotate(45deg) translate(50%, 50%);
  background-color: #F59F00;
}
.reviewWrite__area .textReview__textarea .count {
  font-size: 14px;
  font-weight: 400;
  text-align: right;
  letter-spacing: -0.04em;
  color: #222;
  padding: 0 16px 16px;
}
.reviewWrite__area .textReview__textarea .count i {
  color: #999;
  font-style: normal;
}
.reviewWrite__area .photoReview .attach {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 700;
  border: 1px solid #444444;
  margin-top: 16px;
}
.reviewWrite__area .photoReview .attach::before {
  content: "";
  display: block;
  height: 26px;
  width: 26px;
  background: url("/static/img/stoaModule/Camera2.svg") space 0 0/auto 100%;
  margin-right: 7px;
}
.reviewWrite__area .photoReview .attach input {
  display: none;
}
.reviewWrite__area .photoReview .attach span {
  font-size: 14px;
  font-weight: 400;
  margin-left: 2px;
}
.reviewWrite__area .photoReview .imgList {
  display: flex;
  gap: 0 13px;
}
.reviewWrite__area .photoReview .imgList:has(li) {
  margin-top: 16px;
}
.reviewWrite__area .photoReview .imgList li {
  position: relative;
  --imgSize: calc((100vw - 26px - 48px) / 3);
  width: var(--imgSize);
  height: var(--imgSize);
}
.reviewWrite__area .photoReview .imgList li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reviewWrite__area .photoReview .imgList li .btnDel {
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  height: 26px;
  background: rgba(0, 0, 0, 0.4);
  text-indent: -9999px;
  font-size: 0;
}
.reviewWrite__area .photoReview .imgList li .btnDel::before, .reviewWrite__area .photoReview .imgList li .btnDel::after {
  content: "";
  display: block;
  width: 18px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
.reviewWrite__area .photoReview .imgList li .btnDel::before {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.reviewWrite__area .photoReview .imgList li .btnDel::after {
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.reviewWrite__area .photoReview .commentList {
  font-size: 14px;
  text-align: left;
  color: #444;
  margin-top: 17px;
}
.reviewWrite__area .photoReview .commentList li {
  position: relative;
  padding-left: 9px;
  letter-spacing: -0.6px;
}
.reviewWrite__area .photoReview .commentList li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  width: 3px;
  height: 3px;
  background-color: #888;
  border-radius: 10px;
}
.reviewWrite__area .photoReview .commentList li + li {
  margin-top: 8px;
}
.reviewWrite__area .photoReview .commentList li.type1 {
  color: #E62642;
}
.reviewWrite__area .photoReview .commentList li.type1::before {
  background-color: #E62642;
}
.reviewWrite__rating {
  position: relative;
  display: flex;
  width: 258px;
  height: 48px;
  background: url("https://imagecdn.skstoa.com/static/img/goodsReviewStarEmpty.svg") space 0 0/auto 100%;
  margin: 0px auto 20px;
}
.reviewWrite__rating::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("https://imagecdn.skstoa.com/static/img/goodsReviewStarOn.svg") space 0 0/auto 100%;
  clip-path: inset(0 calc((var(--star) / 5 * 100% - 100%) * -1) 0 0);
  pointer-events: none;
}
.reviewWrite__rating input {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.reviewWrite .stoaBtnGroup {
  padding: 0 24px 32px;
  margin-top: 0;
}

/********** // (e) reviewWrite **********/
/********** TV shopping video Controls (s) // **********/
.stoaModule__videoContainer {
  position: relative;
}
.stoaModule__videoContainer .stoaVidolink {
  position: relative;
  z-index: 2;
}
.stoaModule__videoContainer video {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: contain;
}
.stoaModule__videoContainer > .img {
  aspect-ratio: 16/9;
}
.stoaModule__videoContainer .timeWrap {
  display: flex;
  align-items: center;
  position: absolute;
  left: 8px;
  top: 8px;
  height: 20px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  overflow: hidden;
}
.stoaModule__videoContainer .timeWrap .text {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 20px;
  padding: 0 6px 0 25px;
  background: linear-gradient(90deg, rgb(230, 38, 66) 0%, rgb(244, 119, 37) 100%);
  backdrop-filter: blur(20px);
  border-radius: 20px;
  color: #FFF;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: -0.2px;
  transition: width 0.6s ease;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
}
.stoaModule__videoContainer .timeWrap .text:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 27px;
  height: 20px;
  background: url(/static/img/ico/ico_play_tv.png) no-repeat;
  background-size: contain;
}
.stoaModule__videoContainer .timeWrap .text.on {
  width: 62px;
  transition: width 0.4s ease;
}
.stoaModule__videoContainer .timeWrap .time {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 3px 8px 0 4px;
  margin: 0;
  background-color: transparent;
  font-size: 12px;
}
.stoaModule__videoContainer .stoaModule__controls {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transition: opacity 1s ease;
  /*animation: fadeInAnimate 5s ease-out;*/
}
.stoaModule__videoContainer .stoaModule__controls .play {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 0;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04);
  opacity: 1;
}
.stoaModule__videoContainer .stoaModule__controls .play:before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: url("https://imagecdn.skstoa.com/static/img/ico_play_main.png") no-repeat 0 0/100% auto;
  z-index: 10;
}
.stoaModule__videoContainer .stoaModule__controls .play:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(1);
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  animation: playAnimation 3s infinite ease-out;
  z-index: 1;
}
.stoaModule__videoContainer .stoaModule__controls .play.hidden {
  opacity: 0;
  pointer-events: none;
}
.goodsWide .stoaModule__videoContainer .stoaModule__controls .play {
  width: 56px;
  height: 56px;
}

.stoaModule__videoContainer .stoaModule__controls .pause {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 0;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  opacity: 1;
}
.stoaModule__videoContainer .stoaModule__controls .pause:before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: url("https://imagecdn.skstoa.com/static/img/ico_plause_main.png") no-repeat 0 0/100% auto;
  z-index: 10;
}
.stoaModule__videoContainer .stoaModule__controls .pause.hidden {
  /*display: none;*/
  opacity: 0;
  pointer-events: none;
}
.stoaModule__videoContainer .sound {
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 0;
  width: 32px;
  height: 32px;
  background: url("https://imagecdn.skstoa.com/static/img/ico_volume_off.png") no-repeat;
  background-size: contain;
  z-index: 2;
}
.stoaModule__videoContainer .sound.on {
  background: url("/static/img/ico/ico_volume_on.png") no-repeat;
  background-size: contain;
}
.stoaModule__videoContainer .progress {
  position: relative;
  display: flex;
  width: 100%;
  height: 3px;
  background: #ddd;
  cursor: pointer;
}
.stoaModule__videoContainer .progress .progress-bar {
  height: 100%;
  background: #E62642;
  flex-basis: 0;
  transition: flex-basis 0.3s;
}
.stoaModule__videoContainer .progress.hidden {
  display: none;
}
.goodsWide .stoaModule__videoContainer .progress {
  background: #333;
}

.stoaModule__videoContainer .videoOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 3px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.05);
}
.stoaModule__videoContainer .toastPop {
  position: absolute;
  left: calc(50% - 100px);
  top: calc(50% - 33.5px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 200px;
  height: 67px;
  z-index: 2;
  opacity: 1;
  transition: opacity 1s ease;
  /*animation: fadeOutAnimate 5s ease-in forwards;*/
}
.stoaModule__videoContainer .toastPop p {
  position: relative;
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.22px;
  z-index: 1;
}
.stoaModule__videoContainer .toastPop:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}

.stoaModule__onairTotal {
  background: #f5f5f5;
}
.stoaModule__onairTotal a {
  position: relative;
  display: flex;
  height: 32px;
  justify-content: center;
  font-size: 13px;
  padding: 0 0 0 16px;
  color: #222;
}
.stoaModule__onairTotal a:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 8px;
  width: 10px;
  height: 16px;
  background: url(https://imagecdn.skstoa.com/static/img/Chevron_Right2_24@2x.png) no-repeat 0 0/100% auto;
  z-index: 0;
}

.stoaModule__linkWrap {
  position: relative;
}
.stoaModule__linkWrap .stoa_liveTalk {
  top: -5.2666vw;
  left: 10px;
  flex-direction: row !important;
  z-index: 10;
}

.new_videoType .stoaModule__videoContainer .textWrap {
  display: flex;
  align-items: center;
  position: absolute;
  left: 8px;
  top: 8px;
  height: 20px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  overflow: hidden;
}
.new_videoType .stoaModule__videoContainer .textWrap .text {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 20px;
  backdrop-filter: blur(20px);
  border-radius: 20px;
  color: #FFF;
  font-weight: 700;
  letter-spacing: -0.2px;
  transition: width 0.6s ease;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
  font-size: 11px;
  padding: 0 8px;
  background: linear-gradient(90deg, #FF4D00 0%, #F47725 100%);
}
.new_videoType .stoaModule__videoContainer .textWrap .text:before {
  display: none;
}
.new_videoType .stoaModule__videoContainer .timeWrap {
  position: absolute;
  border-radius: 4px;
  display: flex;
  overflow: hidden;
  align-items: center;
  left: auto;
  top: auto;
  right: 8px;
  bottom: 8px;
  height: 20px;
  padding: 0 4px;
  background: none;
}
.new_videoType .stoaModule__videoContainer .timeWrap .timeWatch {
  display: none;
  color: #fff;
  font-size: 12px;
  line-height: 14.06px;
  z-index: 2;
}
.new_videoType .stoaModule__videoContainer .timeWrap .totalTime {
  position: relative;
  color: #fff;
  font-size: 12px;
  line-height: 14.06px;
  z-index: 2;
}
.new_videoType .stoaModule__videoContainer .timeWrap:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.new_videoType .stoaModule__videoContainer .play {
  width: 56px;
  height: 56px;
  z-index: 2;
}
.new_videoType .stoaModule__videoContainer .play:before {
  content: "";
  background: url("/static/img/ico/ico_play_main_56.png") no-repeat 0 0/100% auto;
}
.new_videoType .stoaModule__videoContainer .play:after {
  display: none;
}
.new_videoType .stoaModule__videoContainer .pause {
  width: 56px;
  height: 56px;
  z-index: 2;
}
.new_videoType .stoaModule__videoContainer .pause:before {
  content: "";
  background: url("/static/img/ico/ico_plause_main_56.png") no-repeat 0 0/100% auto;
}
.new_videoType .stoaModule__videoContainer .fullScreen {
  display: none;
  opacity: 0;
}
.new_videoType .stoaModule__videoContainer.on .fullScreen {
  display: block;
  position: absolute;
  right: 8px;
  bottom: 8px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("/static/img/ico/ico_full_view.png") no-repeat;
  background-size: contain;
  opacity: 2;
  z-index: 2;
}
.new_videoType .stoaModule__videoContainer.on:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 30%;
  z-index: 1;
}
.new_videoType .stoaModule__videoContainer.on .timeWrap {
  left: 8px;
  right: auto;
}
.new_videoType .stoaModule__videoContainer.on .timeWrap:after {
  display: none;
}
.new_videoType .stoaModule__videoContainer.on .timeWrap .timeWatch {
  display: block;
}
.new_videoType .stoaModule__videoContainer.on .timeWrap .totalTime {
  opacity: 0.6;
}
.new_videoType .stoaModule__videoContainer.dimFirst:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.05;
  z-index: 1;
}
.new_videoType .stoaModule__videoContainer.dimFirst.on .timeWrap {
  left: auto;
  right: 8px;
}
.new_videoType .stoaModule__videoContainer.dimFirst.on .timeWrap .timeWatch {
  display: none;
}
.new_videoType .stoaModule__videoContainer.dimFirst.on .timeWrap .totalTime {
  opacity: 1;
}
.new_videoType .stoaModule__videoContainer.dimFirst.on .timeWrap:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.new_videoType .stoaModule__videoContainer.dimFirst.on .fullScreen {
  opacity: 0;
}
.new_videoType .stoaModule__videoContainer.fade button {
  transition: opacity 0.5s ease;
  opacity: 1;
}
.new_videoType .stoaModule__videoContainer.fade-out {
  opacity: 0;
  pointer-events: none;
}
.new_videoType .stoaModule__videoContainer .dataUsage {
  position: absolute;
  left: calc(50% - 100px);
  top: calc(50% - 33px);
  width: 200px;
  height: 67px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0;
}
.new_videoType .stoaModule__videoContainer .dataUsage p {
  position: relative;
  font-size: 11px;
  color: #fff;
  letter-spacing: -0.2px;
  z-index: 1;
}
.new_videoType .stoaModule__videoContainer .dataUsage:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  opacity: 0.5;
  z-index: 1;
}
.new_videoType .goodsWide {
  padding: 0;
}

.video_wrap_sec.newDetailVideo .closeplay {
  right: 5px;
  z-index: 11;
}

/********** // (e) TV shopping video Controls  **********/
/********** stoa best (s) // **********/
.stoaBestCategory {
  display: block;
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 0 50px 0 0;
  background: #fff;
  width: 100%;
  /* 백화점 */
  /* 해외직배송 */
  /* 선물하기 */
  /*  개발 추가요청 24.10.31  */
}
.stoaBestCategory--popup {
  padding: 12px 0 0 0;
  display: grid;
  grid-template-columns: repeat(5, 20%);
}
.stoaBestCategory--popup button {
  width: 100%;
  min-height: 70px;
  gap: 2px 0;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  padding: 8px 4px 0;
}
.stoaBestCategory--popup .stoaBestCategory__txt {
  white-space: normal;
  line-height: 18px;
}
.stoaBestCategory .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 70px;
  overflow: hidden;
  gap: 2px 0;
}
.stoaBestCategory [data-categorycode="20000002"] .cloth {
  background-image: url("//image.skstoa.com/banner/270/1120270.png");
}
.stoaBestCategory [data-categorycode="20000003"] .cloth {
  background-image: url("//image.skstoa.com/banner/271/1120271.png");
}
.stoaBestCategory [data-categorycode="20000004"] .cloth {
  background-image: url("//image.skstoa.com/banner/272/1120272.png");
}
.stoaBestCategory [data-categorycode="20000005"] .cloth {
  background-image: url("//image.skstoa.com/banner/273/1120273.png");
}
.stoaBestCategory [data-categorycode="20000006"] .cloth {
  background-image: url("//image.skstoa.com/banner/274/1120274.png");
}
.stoaBestCategory [data-categorycode="20000007"] .cloth {
  background-image: url("//image.skstoa.com/banner/275/1120275.png");
}
.stoaBestCategory [data-categorycode="20000008"] .cloth {
  background-image: url("//image.skstoa.com/banner/276/1120276.png");
}
.stoaBestCategory [data-categorycode="20000009"] .cloth {
  background-image: url("//image.skstoa.com/banner/277/1120277.png");
}
.stoaBestCategory [data-categorycode="20000010"] .cloth {
  background-image: url("//image.skstoa.com/banner/278/1120278.png");
}
.stoaBestCategory [data-categorycode="20000011"] .cloth {
  background-image: url("//image.skstoa.com/banner/279/1120279.png");
}
.stoaBestCategory [data-categorycode="20000012"] .cloth {
  background-image: url("//image.skstoa.com/banner/280/1120280.png");
}
.stoaBestCategory [data-categorycode="20000013"] .cloth {
  background-image: url("//image.skstoa.com/banner/282/1120282.png");
}
.stoaBestCategory [data-categorycode="20001399"] .cloth {
  background-image: url("//image.skstoa.com/banner/589/1125589.png");
}
.stoaBestCategory [data-categorycode="20001561"] .cloth {
  background-image: url("//image.skstoa.com/banner/608/1127608.png");
}
.stoaBestCategory [data-categorycode="20001483"] .cloth {
  background-image: url("//image.skstoa.com/banner/180/1126180.png");
}
.stoaBestCategory [data-categorycode="20001812"] .cloth {
  background-image: url("//image.skstoa.com/banner/847/1147847.png");
}
.stoaBestCategory__ico {
  overflow: hidden;
  display: block;
  font-style: normal;
  height: 24px;
  line-height: 24px;
}
.active > .stoaBestCategory__ico.all {
  color: #E62642;
}

.stoaBestCategory__ico.all {
  font-size: 14px;
  font-weight: 700;
  color: #444;
}
.stoaBestCategory__ico:not(.all) {
  font-size: 0;
  text-indent: -9999px;
  width: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.stoaBestCategory__ico.cloth {
  background-image: url("//image.skstoa.com/banner/270/1120270.png");
}
.stoaBestCategory__ico.luxury {
  background-image: url("//image.skstoa.com/banner/271/1120271.png");
}
.stoaBestCategory__ico.beauty {
  background-image: url("//image.skstoa.com/banner/272/1120272.png");
}
.stoaBestCategory__ico.underwear {
  background-image: url("//image.skstoa.com/banner/273/1120273.png");
}
.stoaBestCategory__ico.sports {
  background-image: url("//image.skstoa.com/banner/274/1120274.png");
}
.stoaBestCategory__ico.digital {
  background-image: url("//image.skstoa.com/banner/275/1120275.png");
}
.stoaBestCategory__ico.food {
  background-image: url("//image.skstoa.com/banner/276/1120276.png");
}
.stoaBestCategory__ico.living {
  background-image: url("//image.skstoa.com/banner/277/1120277.png");
}
.stoaBestCategory__ico.kitchen {
  background-image: url("//image.skstoa.com/banner/278/1120278.png");
}
.stoaBestCategory__ico.kids {
  background-image: url("//image.skstoa.com/banner/279/1120279.png");
}
.stoaBestCategory__ico.travel {
  background-image: url("//image.skstoa.com/banner/280/1120280.png");
}
.stoaBestCategory__ico.furniture {
  background-image: url("//image.skstoa.com/banner/282/1120282.png");
}
.stoaBestCategory__ico.department {
  background-image: url("//image.skstoa.com/banner/589/1125589.png");
}
.stoaBestCategory__ico.overseas {
  background-image: url("//image.skstoa.com/banner/608/1127608.png");
}
.stoaBestCategory__ico.gift {
  background-image: url("//image.skstoa.com/banner/180/1126180.png");
}
.stoaBestCategory__txt {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.active > .stoaBestCategory__txt {
  color: #E62642;
  font-weight: 700;
}

.stoaBestCategory__arrow {
  display: block;
  width: 50px;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(270deg, #FFFFFF 40%, rgba(255, 255, 255, 0) 100%);
  z-index: 10;
}
.stoaBestCategory__arrow::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("https://imagecdn.skstoa.com/static/img/Arrow_Arrow_Down.svg");
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.stoaBestItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  margin: 15px 0 30px;
}
.stoaBestItem .stoaChk {
  display: flex;
  align-items: center;
}
.stoaBestItem .stoaChk input {
  width: 16px;
  height: 16px;
}
.stoaBestItem .stoaChk input:checked {
  background-position: -4px -31px;
}
.stoaBestItem__tooltip {
  display: flex;
  align-items: center;
  gap: 0 2px;
  font-size: 12px;
  color: #999;
  line-height: 18px;
}
.stoaBestItem__tooltip::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/goodsDelivery_tooltip_off.png") no-repeat 0 0/100% auto;
}
.stoaBestItem__tooltip.active {
  z-index: 152;
}
.stoaBestItem__tooltip.active::after {
  background-image: url("/static/img/stoaModule/goodsDelivery_tooltip_on.png");
}

/********** // (e) stoa best **********/
/********** mainVvip (s) // **********/
.mainVvip__benefitInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  background-color: #F6F6F6;
  margin: 15px;
  padding: 15px;
}
.mainVvip__benefitInfo .benefitInfo__link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  background-color: #000;
  color: #fff;
  padding: 8px 21px;
  margin-top: 12px;
}
.mainVvip__benefitInfo .benefitInfo__link::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-left: 2px;
  transform: rotate(-45deg);
}
.mainVvip .membership {
  vertical-align: baseline;
  font-weight: 700;
}
.mainVvip .membership.family {
  color: #009D9A;
}
.mainVvip .membership.silver {
  color: #616979;
}
.mainVvip .membership.gold {
  color: #CF9E00;
}
.mainVvip .membership.vip {
  color: #4C4848;
}
.mainVvip .membership.vvip {
  color: #6746E9;
}

/********** // (e) mainVvip **********/
/********** returnRequest pop (s) // **********/
.returnRequest * {
  box-sizing: border-box;
}
.returnRequest .stepList {
  padding: 20px 15px;
}
.returnRequest .stepList > li + li {
  margin-top: 24px;
}
.returnRequest .stepList__title {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #222;
}
.returnRequest .stepList__title i {
  display: inline-block;
  width: 17px;
  height: 17px;
  font-size: 11px;
  font-style: normal;
  border-radius: 30px;
  line-height: 17px;
  text-align: center;
  background-color: #444;
  color: #fff;
  margin-right: 8px;
  margin-top: 3px;
  flex-shrink: 0;
}
.returnRequest .stepList__text {
  padding-left: 25px;
  margin-top: 4px;
}
.returnRequest .deliveryInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-radius: 4px;
  background: #FAFAFA;
  font-size: #222;
  padding: 10px;
  margin-top: 16px;
}
.returnRequest .deliveryInfo .number {
  text-decoration: underline;
  margin-left: 3px;
}
.returnRequest .deliveryInfo .stoaBtn__copy {
  height: 28px;
  font-size: 12px;
  color: #222;
  padding: 0 10px 0 7px;
  margin-left: 8px;
  background-color: #ffffff;
}
.returnRequest .deliveryInfo .stoaBtn__copy::before {
  width: 18px;
  height: 18px;
}
.returnRequest .courierList {
  display: flex;
  flex-wrap: wrap;
  gap: 1px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-top: 16px;
  overflow: hidden;
}
.returnRequest .courierList__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.2rem;
  background: url("/static/img/courier1.svg") no-repeat center center/auto calc(100% - 1px);
  overflow: hidden;
  text-indent: 0;
  color: #222;
  font-size: 14px;
}
.returnRequest .courierList__item.CJ {
  background-image: url("/static/img/logo_cj.png");
  text-indent: -9999px;
}
.returnRequest .courierList__item.hanjin {
  background-image: url("/static/img/logo_hanjin.png");
  text-indent: -9999px;
}
.returnRequest .courierList__item.lotte {
  background-image: url("/static/img/logo_lotte.png");
  text-indent: -9999px;
}
.returnRequest .courierList__item.post {
  background-image: url("/static/img/logo_post.png");
  text-indent: -9999px;
}
.returnRequest .courierList__item.logen {
  background-image: url("/static/img/logo_logen.png");
  text-indent: -9999px;
}
.returnRequest .courierList li {
  width: 33.3333333333%;
  position: relative;
  z-index: 2;
}
.returnRequest .courierList li::after {
  content: "";
  width: calc(100% + 3px);
  height: 1px;
  position: absolute;
  background: #ddd;
  left: 0;
  top: 100%;
  z-index: 3;
}
.returnRequest .courierList li:not(:nth-of-type(3n)) {
  border-right: 1px solid #ddd;
}
.returnRequest .courierList__caption {
  font-weight: 400;
  font-size: 13px;
  color: #888;
  margin-top: 8px;
}
.returnRequest .courierList__caption.hide {
  display: none;
}
.returnRequest .waybillNum {
  display: flex;
  height: 48px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-top: 16px;
}
.returnRequest .waybillNum__WB {
  position: relative;
  width: 115px;
  border: none;
  border-right: 1px solid #ddd;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  padding: 10px 16px;
}
.returnRequest .waybillNum__WB::after {
  content: "";
  display: block;
  position: absolute;
  right: 11px;
  top: 47%;
  width: 7px;
  height: 7px;
  border-left: 1px solid #222;
  border-bottom: 1px solid #222;
  transform: translateY(-50%) rotate(-45deg);
}
.returnRequest .waybillNum__NM {
  flex: 1;
}
.returnRequest .waybillNum__NM input {
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  background-color: transparent;
  padding: 0 16px;
}
.returnRequest .waybillNum__NM input::placeholder {
  color: #888;
}
.returnRequest .waybillNum__btn {
  height: 48px;
  margin-top: 16px;
  color: #fff;
  background-color: #E62642;
  border-color: #E62642;
}
.returnRequest .waybillNum.disabled .waybillNum__WB {
  background-color: #F5F5F5;
  color: #888;
}
.returnRequest .waybillNum.disabled .waybillNum__WB::after {
  border-color: #888;
}
.returnRequest .waybillNum.disabled .waybillNum__NM {
  background-color: #F5F5F5;
}
.returnRequest .waybillNum.disabled .waybillNum__NM input {
  color: #888;
}
.returnRequest .inquiry {
  background-color: #FAFAFA;
  margin: 40px 16px 20px;
  padding: 16px;
  text-align: center;
}
.returnRequest .inquiry__text {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  margin-top: 24px;
}
.returnRequest .inquiry__text:first-of-type {
  margin-top: 0;
}
.returnRequest .inquiry__btn {
  width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
  height: 40px;
  margin-top: 16px;
}

/********** // (e) returnRequest pop **********/
/********** goodsChoice pop (s) // **********/
.goodsChoice {
  height: 98vh;
  max-height: 98vh;
}
.goodsChoice .stoaBottomToast__cont {
  flex: 1;
}
.goodsChoice__tab {
  display: flex;
  height: 48px;
  flex-shrink: 0;
}
.goodsChoice__tab li {
  flex: 1;
  border-bottom: 1px solid #eee;
}
.goodsChoice__tab button {
  position: relative;
  height: 100%;
  width: 100%;
  color: #666;
  font-size: 15px;
  font-weight: 500;
}
.goodsChoice__tab button.active {
  color: #222;
  font-weight: 700;
}
.goodsChoice__tab button.active::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 70%;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  background-color: #E62642;
}
.goodsChoice__guide {
  font-size: 13px;
  font-weight: 400;
  color: #888;
}
.goodsChoice__orderInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  background-color: #F5F5F5;
  padding: 8px 16px;
  margin-top: 32px;
  margin-bottom: 16px;
  box-sizing: border-box;
}
.goodsChoice__orderInfo .date {
  color: #222;
  font-size: 16px;
  font-weight: 500;
}
.goodsChoice__orderInfo .orderNumber {
  font-size: 13px;
  font-weight: 400;
  color: #888;
  padding-right: 4px;
  letter-spacing: -0.2px;
}
.goodsChoice__orderInfo .orderNumber::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  transform: rotate(-135deg);
  border-left: 1px solid #888;
  border-bottom: 1px solid #888;
  margin-left: 1px;
}
.goodsChoice__guide + .goodsChoice__orderInfo {
  margin-top: 16px;
}
.goodsChoice__list li + li {
  margin-top: 16px;
}
.goodsChoice__goods {
  display: flex;
}
.goodsChoice__goods .radioMark {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 78px;
}
.goodsChoice__goods .radioMark input[type=radio] {
  flex-shrink: 0;
  margin-right: 16px;
}
.goodsChoice__goods .thumbnail {
  position: relative;
  width: 78px;
  height: 78px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}
.goodsChoice__goods .thumbnail .goodsToast {
  position: absolute;
  bottom: 0;
  font-size: 10px;
  font-weight: 700;
}
.goodsChoice__goods .info {
  margin-left: 12px;
}
.goodsChoice__goods .info .status {
  height: 20px;
  font-size: 14px;
  font-weight: 700;
  color: #222;
  margin-bottom: 8px;
}
.goodsChoice__goods .info .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: auto;
  font-size: 14px;
  color: #222;
  border-bottom: none;
  margin-bottom: 6px;
}
.goodsChoice__goods .info .title b {
  vertical-align: baseline;
}
.goodsChoice__goods .info .title .itemCategory {
  font-weight: 700;
  color: #E62642;
  vertical-align: bottom;
}
.goodsChoice__goods .info .option {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #888;
}
.goodsChoice__goods .info .goodsPrice {
  font-size: 12px;
  font-weight: 400;
  color: #222;
  margin-top: 4px;
}
.goodsChoice__goods .info .goodsPrice .goodsDiscount {
  font-size: 20px;
  margin-right: 2px;
}
.goodsChoice__goods .info .goodsPrice .goodsNumber {
  font-size: 18px;
  font-weight: 700;
  margin-right: 1px;
}
.goodsChoice__goods .info .goodsPrice .goodsQuantity {
  font-size: 12px;
  color: #888;
  margin-left: 4px;
  vertical-align: baseline;
}
.goodsChoice__goods .info .goodsPrice .goodsPayment {
  font-size: 16px;
  color: #222;
  font-weight: 700;
}
.goodsChoice__goods:has(.status) .radioMark {
  margin-top: 28px;
}
.goodsChoice__goods:has(.status) .thumbnail {
  margin-top: 28px;
}
.goodsChoice__goods:has(.status) .status {
  margin-left: -90px;
}
.goodsChoice__goods.soldOut .info .title {
  color: #666;
}
.goodsChoice__goods.soldOut .info .goodsPrice {
  color: #666;
}
.goodsChoice__goods.soldOut .info .goodsPayment {
  color: #666;
}
.goodsChoice__noData {
  color: #888;
  text-align: center;
  padding-top: 20px;
}
.goodsChoice__noData::before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background: url("/static/img/ico_nodata2.svg");
  margin: 0 auto;
}
.goodsChoice__noData .text {
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
}
.goodsChoice__noData .subText {
  font-size: 14px;
  font-weight: 400;
  margin-top: 4px;
}

/********** // (e) goodsChoice pop **********/
/********** icoRatingImg (s) // **********/
.icoRatingImg {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  margin-left: 3px;
  height: 17px;
}
.icoRatingImg.vvip:before {
  content: "";
  position: relative;
  display: inline-block;
  background: url("/static/img/ico/ico_vvip.svg") no-repeat;
  width: 33px;
  height: 17px;
}
.stoaOrder__list3 .tit:has(.icoRatingImg) {
  display: flex;
  align-items: center;
}

/********** // (e) icoRatingImg **********/
/********** videoHostModule (s) // **********/
.videoHostModule {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  padding: 18px 15px 16px;
}
.videoHostModule__video {
  position: relative;
  background: black;
}
.videoHostModule__video::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  position: absolute;
  left: 0;
  top: 0;
}
.videoHostModule__video video {
  width: 100%;
  object-fit: contain;
  position: relative;
}
.videoHostModule__video .btn {
  display: block;
  width: 56px;
  height: 56px;
  background: url("https://imagecdn.skstoa.com/static/img/videoPlayIco.svg") no-repeat center center/24px auto rgba(0, 0, 0, 0.2);
  border: 2px solid #fff;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  text-indent: -9999px;
  font-size: 0;
  overflow: hidden;
  z-index: 10;
}
.videoHostModule__video .btn.active {
  display: none;
  background-image: url("/static/img/stoaModule/videoPauseIco.svg");
  background-size: auto 20px;
}
.videoHostModule__video .volume {
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 0;
  width: 24px;
  height: 24px;
  background: url("/static/img/ico/ico_volume_off.png") no-repeat;
  background-size: contain;
  z-index: 10;
}
.videoHostModule__video .volume.active {
  background-image: url("/static/img/ico/ico_volume_on.png");
}
.videoHostModule__withList {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.videoHostModule__withList .goodsList__withList {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
.videoHostModule__withList .goodsList__withList a {
  display: flex;
  flex-direction: row;
  border-radius: 4px;
  overflow: hidden;
  gap: 0 12px;
}
.videoHostModule__withList .goodsList__withList:not(.active) li:not(:nth-child(-n+2)) {
  display: none;
}
.videoHostModule__withList .goodsList__withList.active li {
  display: block;
}
.videoHostModule__withList .goodsList__withList .thumbnail {
  width: 78px;
  height: 78px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.videoHostModule__withList .goodsList__withList .thumbnail::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.05);
}
.videoHostModule__withList .goodsList__withList .info {
  display: flex;
  flex-direction: column;
  align-items: start;
  flex: 1;
  overflow: hidden;
  margin-top: 0;
  gap: 6px 0;
}
.videoHostModule__withList .goodsList__withList .title {
  font-size: 14px;
  padding: 0;
}
.videoHostModule__withList .goodsList__withList .goodsPrice {
  font-size: 12px;
  padding: 0;
}
.videoHostModule__withList .goodsList__withList .goodsDiscount {
  font-size: 17px;
}
.videoHostModule__withList .goodsList__withList .goodsNumber {
  font-size: 17px;
}
.videoHostModule__withList .goodsList__withList .favorite {
  top: 52px;
  left: 56px;
  width: 18px;
  height: 18px;
}
.videoHostModule__withList .goodsList__withList li:has(.favorite) {
  position: relative;
}
.videoHostModule__withList .goodsList__withList.type2 .thumbnail {
  border-radius: 4px;
}
.videoHostModule__withList .goodsList__withList.type2 a {
  background: transparent;
}
.videoHostModule__withList .goodsList__with {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  width: 100%;
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  color: #666;
}
.videoHostModule__withList .goodsList__with::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/stoaModule/Arrow_Down_16@2x.png") no-repeat center center/100% auto;
  transition: all 0.4s;
}
.videoHostModule__withList .goodsList__with.active::after {
  transform: rotate(180deg);
}

/********** // (e) videoHostModule **********/
/********** aiSummary (s) // **********/
.aiSummary {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 15px 10px;
  background: #F8F8F8;
  border-radius: 8px;
  gap: 8px 0;
}
.aiSummary .title {
  display: flex;
  align-items: center;
  gap: 0 2px;
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 11px;
  line-height: 1;
  color: #444;
}
.aiSummary .title b {
  font-size: 0;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background: url("/static/img/stoaModule/aiLogoIco2.svg") no-repeat 0 0/100% auto;
  width: 12px;
  height: 9px;
  image-rendering: -moz-crisp-edges; /* firefox */
  image-rendering: -o-crisp-edges; /* opera */
  image-rendering: -webkit-optimize-contrast; /* chrome */
  image-rendering: crisp-edges;
}
.aiSummary .title::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(https://imagecdn.skstoa.com/static/img/goodsDetailTooltip.svg) no-repeat 0 0/100% auto;
}
.aiSummary__host {
  display: flex;
  align-items: center;
  gap: 0 10px;
  font-size: 14px;
  color: #222;
  font-weight: 700;
}
.aiSummary__host img {
  width: 48px;
  height: 48px;
  border-radius: 20px;
  object-fit: cover;
}
.aiSummary__txt {
  font-size: 13px;
  color: #222;
  line-height: 18px;
}
.aiSummary__txt .btn {
  display: inline;
  font-size: 13px;
  color: #999;
  vertical-align: baseline;
}

/********** // (e) aiSummary **********/
/********** 야놀자 로딩바 (s) // **********/
.lodingType {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.lodingType__content {
  position: absolute;
  left: calc(50% - 110px);
  top: calc(50% - 110px);
  display: flex;
  padding: 97px 19px 0;
  flex-direction: column;
  align-items: center;
  width: 220px;
  height: 220px;
  background: #fff;
  border-radius: 400px;
  box-shadow: 0px 24px 24px 0px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}
.lodingType__content:before {
  content: "";
  position: absolute;
  left: 41px;
  top: 63px;
  width: 138px;
  height: 10px;
  background: url(/static/img/loading_ani.gif);
}
.lodingType__content strong {
  font-size: 16px;
  font-weight: 500;
  color: #222;
}
.lodingType__content p {
  margin-top: 5px;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  letter-spacing: -0.26px;
  text-align: center;
}

/********** // (e) 야놀자 로딩바 **********/
.stoaError {
  max-height: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.stoaError * {
  box-sizing: border-box;
}
.stoaError__ico {
  width: 45px;
  height: 45px;
  margin-bottom: 16px;
}
.stoaError__ico img {
  width: 100%;
  height: 100%;
}
.stoaError__ico.type2 {
  width: 62px;
  height: 62px;
  margin-bottom: 8px;
}
.stoaError__msg {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.04em;
  text-align: center;
}
.stoaError__msg2 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.04em;
  text-align: center;
  color: #666;
  margin-top: 8px;
}
.stoaError__tel {
  min-width: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.03em;
  text-align: center;
  border-radius: 8px;
  color: #222;
  border: 1px solid #e5e5e5;
  padding: 12px 10px;
  margin: 40px auto 0;
}
.stoaError__tel .tel {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  color: #E62642;
  margin-top: 8px;
}
.stoaError__tel .tel::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-image: url("/static/img/ico/ico_tell.svg");
  margin-right: 2px;
}
.stoaError__btn {
  min-width: 240px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-align: center;
  padding: 10px 10px;
  border-radius: 4px;
  background-color: #E62642;
  color: #fff;
  margin-top: 16px;
}

/********** stoa experience group (s) // **********/
.stoaExperienceGroup * {
  box-sizing: border-box;
}
.stoaExperienceGroup__alert {
  display: flex;
  justify-content: space-between;
  padding: 14px 15px;
  background: #F5F5F5;
  align-items: center;
}
.stoaExperienceGroup__alert .txt {
  font-size: 14px;
  line-height: 20px;
  color: #666;
}
.stoaExperienceGroup__alert .check {
  position: relative;
  display: block;
  width: 37px;
  height: 14px;
  background: #ccc;
  border-radius: 14px;
  transition: all 0.3s;
}
.stoaExperienceGroup__alert .check::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2392156863);
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: -3px;
  transform: translate3d(0, -50%, 0);
  background: #F5F5F5;
  transition: all 0.3s;
}
.stoaExperienceGroup__alert .check input {
  position: absolute;
  left: -9999px;
}
.stoaExperienceGroup__alert .check:has(input:checked) {
  background: rgba(230, 38, 66, 0.2);
}
.stoaExperienceGroup__alert .check:has(input:checked)::before {
  background: #E62642;
  transform: translate3d(0, -50%, 0) matrix(1, 0, 0, 1, 24, 0);
}
.stoaExperienceGroup__banner {
  margin-top: 15px;
}
.stoaExperienceGroup__tab {
  display: flex;
  margin: 12px 15px 0;
  border-bottom: 1px inset #eee;
  gap: 0 12px;
}
.stoaExperienceGroup__tab li button {
  position: relative;
  padding: 12px 8px;
  font-size: 16px;
  line-height: 24px;
  color: #222;
  box-sizing: border-box;
}
.stoaExperienceGroup__tab li button.active {
  font-weight: 700;
  border-bottom: 2px solid #444;
}
.stoaExperienceGroup__tab li:not(:nth-last-of-type(1)) button::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #ddd;
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.stoaExperienceGroup__title {
  display: flex;
  align-items: baseline;
  padding: 32px 16px 0;
}
.stoaExperienceGroup__title .title {
  font-size: 20px;
  font-weight: 700;
  color: #222;
}
.stoaExperienceGroup__title .num {
  font-size: 18px;
  color: #222;
  font-weight: 700;
  margin-left: 4px;
}
.stoaExperienceGroup__title .tabs {
  margin-left: auto;
  display: flex;
  line-height: 1;
}
.stoaExperienceGroup__title .tabs li button {
  font-size: 13px;
  color: #767678;
  line-height: 1;
}
.stoaExperienceGroup__title .tabs li:not(:nth-last-of-type(1)) {
  border-right: 1px solid #e5e5e5;
  padding: 0 6px 0 0;
  margin: 0 6px 0 0;
}
.stoaExperienceGroup__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 0;
  font-size: 16px;
  color: #888;
  font-weight: 700;
}
.stoaExperienceGroup__empty::before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background: url(/static/img/stoaModule/listIco.svg) no-repeat 0 0/100% auto;
  margin-bottom: 16px;
}
.stoaExperienceGroup .goodsTab {
  padding-bottom: 24px;
  overflow: auto;
}
.stoaExperienceGroup .goodsList.type7 {
  margin-top: 16px;
  overflow: hidden;
}

/********** // (e) stoa experience group **********/
/********** myExperience (s) // **********/
.myExperience {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
}
.myExperience * {
  box-sizing: border-box;
}
.myExperience:has([class*=guide]) {
  padding: 40px 0;
  margin-top: 0;
}
.myExperience:has([class*=guide])::before {
  display: block;
}
.myExperience.typeMy {
  margin-top: 0;
  padding: 0 15px;
  background: #F5F5F5;
}
.myExperience::before {
  content: "";
  display: none;
  width: 64px;
  height: 64px;
  background: url("/static/img/stoaModule/listIco.svg") no-repeat 0 0/100% auto;
}
.myExperience__title {
  font-size: 16px;
  color: #888;
  font-weight: 700;
  line-height: 24px;
}
.myExperience__txt {
  font-size: 14px;
  color: #888;
  font-weight: 500;
  line-height: 20px;
  margin-top: 4px;
}
.myExperience__guide {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
  gap: 8px 0;
}
.myExperience__guide .txt {
  font-size: 14px;
  color: #E62642;
  font-weight: 500;
  text-align: center;
  line-height: 20px;
}
.myExperience__guide .link {
  display: flex;
  width: 240px;
  height: 40px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  background: #E62642;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}
.myExperience__guide .link.typeWrite {
  gap: 0 4px;
  background: #E62642;
  color: #fff;
  font-weight: 700;
}
.myExperience__guide .link.typeWrite::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/penWhiteIco.svg") no-repeat 0 0/100% auto;
}
.myExperience__guide .link.typeView {
  background: #fff;
  color: #222;
  border-color: #ccc;
}
.myExperience__list {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  width: 100%;
}
.myExperience__list li {
  display: grid;
  grid-template-columns: 78px auto;
  gap: 16px 0;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #eee;
  background: #fff;
}
.myExperience__list .info {
  grid-column: 1/3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 12px;
  border-bottom: 1px solid #e5e5e5;
}
.myExperience__list .category {
  display: flex;
  align-items: baseline;
  gap: 0 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
.myExperience__list .category::after {
  content: "";
  display: block;
  width: 7px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.myExperience__list .category--success {
  color: #E62642;
}
.myExperience__list .category--success::after {
  background-image: url("/static/img/stoaModule/arrow_red.svg");
}
.myExperience__list .category--done {
  color: #222;
}
.myExperience__list .category--done::after {
  background-image: url("/static/img/stoaModule/arrow_black.svg");
}
.myExperience__list .category--end {
  color: #999;
}
.myExperience__list .category--end::after {
  background-image: url("/static/img/stoaModule/arrow_gray999.svg");
}
.myExperience__list .category--title {
  font-size: 18px;
}
.myExperience__list .date {
  font-size: 14px;
  color: #222;
  font-weight: 500;
}
.myExperience__list .date--end {
  color: #999;
}
.myExperience__list .date--planned {
  color: #E62642;
}
.myExperience__list .time {
  display: flex;
  align-items: center;
  gap: 0 4px;
  font-size: 14px;
  color: #222;
  font-weight: 700;
  line-height: normal;
  grid-column: 1/3;
}
.myExperience__list .time::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/clockIco.svg") no-repeat center center/100% auto;
}
.myExperience__list .time--done::before {
  display: none;
}
.myExperience__list .goods {
  display: flex;
  grid-column: 1/3;
  gap: 0 12px;
}
.myExperience__list .thumbnail {
  position: relative;
  width: 78px;
  height: 78px;
  border-radius: 8px;
  overflow: hidden;
}
.myExperience__list .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.myExperience__list .thumbnail::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.05);
}
.myExperience__list .item {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
  flex: 1;
}
.myExperience__list .title {
  font-size: 13px;
  color: #666;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.myExperience__list .txt {
  font-size: 13px;
  color: #666;
  line-height: 20px;
}
.myExperience__list .link {
  grid-column: 1/3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  background: #E62642;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  gap: 0 4px;
}
.myExperience__list .link::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/penWhiteIco.svg") no-repeat 0 0/100% auto;
}
.myExperience__list .link.delivery::before {
  background-image: url("/static/img/stoaModule/deliveryIco.svg");
}
.myExperience__list .link.off {
  background: #ddd;
}
.myExperience__delivery {
  background: #fff;
  width: 100%;
  padding: 16px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.myExperience__delivery .title {
  display: flex;
  align-items: center;
  gap: 0 8px;
  font-size: 18px;
  color: #222;
  font-weight: 700;
  line-height: 26px;
}
.myExperience__delivery .title__default {
  font-style: normal;
  font-size: 10px;
  color: #fff;
  font-weight: 700;
  padding: 4px 6px;
  background: #E62642;
  border-radius: 4px;
  line-height: 1;
}
.myExperience__delivery .item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}
.myExperience__delivery .txt {
  font-size: 14px;
  color: #222;
  line-height: 20px;
}
.myExperience__delivery .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 32px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
  color: #222;
  font-weight: 500;
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: 0;
}
.myExperience__delivery select {
  height: 40px;
  background: url("/static/img/stoaModule/Arrow_Down_24@2x.png") no-repeat center right 12px/20px auto;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  padding: 0 12px 0 16px;
  text-indent: 0;
}
.myExperience__fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 16px 8px 8px;
  z-index: 1000;
  border-top: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.myExperience__fixed .allChk {
  padding: 0 12px 16px;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  gap: 0 8px;
  font-size: 16px;
  color: #222;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  line-height: 1;
}
.myExperience__fixed .allChk::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: url("/static/img/stoaModule/checkIcoGray.svg") no-repeat center center/11px auto #fff;
  box-sizing: border-box;
}
.myExperience__fixed .allChk:has(input:checked)::before {
  background-image: url("/static/img/stoaModule/checkIcoWhite.svg");
  background-color: #E62642;
  border-color: #E62642;
}
.myExperience__fixed .allChk input {
  position: absolute;
  left: -9999px;
}
.myExperience__fixed .list {
  margin-top: 8px;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
.myExperience__fixed .list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.myExperience__fixed .list li button {
  font-size: 13px;
  color: #666;
  text-decoration: underline;
  text-underline-position: under;
}
.myExperience__fixed .list label {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  line-height: 1;
  gap: 0 8px;
  font-size: 14px;
  color: #666;
}
.myExperience__fixed .list label::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url("/static/img/stoaModule/checkIcoGray.svg") no-repeat center center/11px auto #fff;
  box-sizing: border-box;
}
.myExperience__fixed .list label:has(input:checked)::before {
  background-image: url("/static/img/stoaModule/checkIcoRed.svg");
}
.myExperience__fixed .list input {
  position: absolute;
  left: -9999px;
}
.myExperience__fixed .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #E62642;
  border-radius: 4px;
  margin-top: 20px;
}
.myExperience__fixed .btn--end {
  background: #ddd;
}

/********** // (e) myExperience **********/
/********** stoa brand alert (s) // **********/
.stoaBrandAlert {
  position: fixed;
  left: 50%;
  bottom: 81px;
  transform: translate3d(-50%, 0, 0) matrix(1, 0, 0, 1, 0, 20);
  opacity: 0;
  visibility: hidden;
  will-change: transform, opacity;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  width: 237px;
  height: 48px;
  border-radius: 4px;
  background: #444;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  z-index: 300001;
  transition: all 0.3s;
}
.stoaBrandAlert::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/Heart_Fill.svg") no-repeat center center/100% auto;
}
.stoaBrandAlert.active {
  opacity: 1;
  visibility: visible;
  transform: translate3d(-50%, 0, 0) matrix(1, 0, 0, 1, 0, 0);
}

/********** // (e) stoa brand alert **********/
/********** stoa cateNav (s) // **********/
.cateNav__main {
  position: relative;
  font-size: 14px;
}
.cateNav__main .listMain {
  display: flex;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  padding: 16px 15px;
  border-bottom: 1px solid #eee;
}
.cateNav__main .listMain li {
  display: flex;
  align-items: center;
}
.cateNav__main .listMain li:not(:last-child) {
  position: relative;
  flex-grow: 1;
  max-width: max-content;
  color: #999;
  padding-right: 20px;
  overflow: hidden;
}
.cateNav__main .listMain li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 7px;
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
.cateNav__main .listMain li:not(:last-child) a {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cateNav__main .listMain li:last-child {
  color: #222;
  font-weight: 700;
}
.cateNav__main .listMain li:last-child a {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.cateNav__main .listMain li:last-child a::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  transform: rotate(0);
  background: url("/static/img/bk/ico_cate_togg2.svg") no-repeat;
  background-size: contain;
  border: 0;
  margin-left: 2px;
  margin-top: 1px;
}
.open.cateNav__main .listMain li:last-child a::after {
  transform: rotate(180deg);
}

.cateNav__main .listMain a {
  color: inherit;
}
.cateNav__main .listSub {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
}
.cateNav__main .listSub li {
  width: 50%;
}
.cateNav__main .listSub a {
  display: block;
  width: 100%;
  padding: 14px 15px;
  box-sizing: border-box;
}
.cateNav__main .listSub .active {
  font-weight: 700;
  color: #E62642;
}
.cateNav__main .listSub .active a {
  color: inherit;
}
.cateNav__main.open .listSub {
  display: flex;
  z-index: 152;
}
.cateNav__sub {
  position: relative;
  top: 0;
  height: 50px;
  z-index: 139;
  border-bottom: 1px solid #eee;
  padding: 0 7px;
  box-sizing: border-box;
  min-height: 50px;
}
.cateNav__sub.fixed {
  position: fixed;
  z-index: 151;
  width: 100%;
  background-color: #fff;
}
.cateNav__sub .swiper-wrapper {
  background-color: #fff;
}
.cateNav__sub .swiper-slide {
  width: auto;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  background-color: #fff;
  padding: 13px 8px 16px;
  box-sizing: border-box;
}
.cateNav__sub .swiper-slide.active {
  position: relative;
  font-weight: 700;
  color: #E62642;
}
.cateNav__sub .swiper-slide.active::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 8px;
  width: calc(100% - 16px);
  border-bottom: 2px solid #E62642;
}
.cateNav__sub.open {
  padding: 0;
}
.cateNav__sub.open .swiper-wrapper {
  flex-wrap: wrap;
}
.cateNav__sub.open .swiper-slide {
  width: 50%;
  text-align: left;
  padding: 14px 15px;
}
.cateNav__sub.open .swiper-slide.active::after {
  display: none;
}
.cateNav__sub.open .swiper-slide:last-of-type:nth-of-type(odd) {
  width: 100%;
}
.cateNav__sub:has(.cateNav__sub-btn):not(.open) {
  padding-right: 45px;
}
.cateNav__sub:has(.cateNav__sub-btn):not(.open)::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 100%;
  background: linear-gradient(270deg, #FFFFFF 40%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
.cateNav__sub .cateNav__sub-btn {
  position: absolute;
  z-index: 2;
  top: 0px;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  right: 0px;
  display: block;
  overflow: hidden;
  width: 50px;
  height: 100%;
  text-indent: -9999px;
  font-size: 0;
}
.cateNav__sub .cateNav__sub-btn::after {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  left: calc(50% - 5px);
  display: block;
  width: 8px;
  height: 8px;
  border: 0px solid #222;
  transform: rotate(45deg) translate(calc(-50% + 3px), calc(-50% + 3px));
  border-right-width: 1px;
  border-bottom-width: 1px;
}
.cateNav__sub.open .cateNav__sub-btn {
  transform: rotate(180deg);
}
.cateNav__bg {
  opacity: 0;
  position: fixed;
  top: 107px;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #000000;
  z-index: 150;
  transition: opacity ease 0.3s;
  z-index: -1;
}
.cateNav__bg.show {
  opacity: 0.5;
  z-index: 138;
}
body:has(#header.noFixed) .h_pt {
  padding-top: 0px;
}

.cate_prd_filter.fixed {
  position: fixed;
  z-index: 100;
  top: 50px;
  width: 100%;
  background-color: #fff;
}

.cateNav ~ .cate_prd_filter {
  padding-top: 0px;
}
.cateNav ~ .cate_prd_filter .skstoa_filter {
  border-top: 0;
}

/********** // (e) stoa cateNav **********/
/********** stoa stoaCardDisc (s) // **********/
.stoaCardDisc {
  font-family: "Pretendard", "sans-serif";
  padding: 0 15px;
}

.cardDisc {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 130px;
  height: 130px;
  color: #333;
  background-color: #EADED8;
  border: 1px solid rgba(0, 0, 0, 0.02);
  border-radius: 8px;
  padding: 15px 12px 14px 14px;
  background-origin: border-box;
  background-repeat: no-repeat;
}
.cardDisc .flag {
  position: absolute;
  top: 19px;
  right: 16px;
  background-color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  color: #666;
  line-height: 17px;
  padding: 0 4.5px;
  min-width: 0;
}
.cardDisc .discount {
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
  display: flex;
  align-items: baseline;
}
.cardDisc .discount .val {
  font-size: 32px;
}
.cardDisc .discount .unit {
  font-size: 22px;
  font-weight: 700;
  margin-left: 2px;
}
.cardDisc .discount .unit2 {
  font-size: 15px;
  font-weight: 700;
  margin-left: 2px;
}
.cardDisc .info {
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.cardDisc .expect {
  font-size: 10px;
  font-weight: 400;
  background: #333;
  color: #fff;
  border-radius: 11px;
  padding: 0.5px 7px;
  margin-right: 3px;
}
.cardDisc .bankName {
  font-size: 13px;
  font-weight: 500;
  margin-top: 4px;
  opacity: 0.6;
}
.cardDisc .date {
  font-size: 12px;
  font-weight: 400;
  margin-top: auto;
}
a.cardDisc .date::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  margin-left: 1px;
}

.cardDisc.type_basic {
  background-color: #EADED8;
}
.cardDisc.type_interestFree {
  background-color: #FBE4FF;
}
.cardDisc.type_01 {
  background-color: #D6D9FF;
}
.cardDisc.type_02 {
  background-color: #DBEAFE;
}
.cardDisc.type_03 {
  background-color: #E2F9B5;
}
.cardDisc.type_04 {
  background-color: #FFE4E6;
}
.cardDisc.type_05 {
  background-color: #D1F5F9;
}
.cardDisc.type_06 {
  background-color: #FCE7C2;
}
.cardDisc.type_07 {
  background-color: #FFF8AA;
}
.cardDisc.type_11 {
  background-color: #D1FAE5;
}
.cardDisc.type_0204 {
  background-image: linear-gradient(123deg, #DBEAFE 18.54%, #FFE4E6 101.89%);
}
.cardDisc.type_0205 {
  background-image: linear-gradient(123deg, #DBEAFE 18.54%, #D1F5F9 101.89%);
}
.cardDisc.type_0203 {
  background-image: linear-gradient(123deg, #DBEAFE 18.54%, #E2F9B5 101.89%);
}
.cardDisc.type_0206 {
  background-image: linear-gradient(123deg, #DBEAFE 18.54%, #FCE7C2 101.89%);
}
.cardDisc.type_0201 {
  background-image: linear-gradient(123deg, #DBEAFE 18.54%, #D6D9FF 101.89%);
}
.cardDisc.type_0601 {
  background-image: linear-gradient(123deg, #FCE7C2 18.54%, #D6D9FF 101.89%);
}
.cardDisc.type_0603 {
  background-image: linear-gradient(123deg, #FCE7C2 18.54%, #E2F9B5 101.89%);
}
.cardDisc.type_0604 {
  background-image: linear-gradient(123deg, #FCE7C2 18.54%, #FFE4E6 101.89%);
}
.cardDisc.type_0605 {
  background-image: linear-gradient(123deg, #FCE7C2 18.54%, #D1F5F9 101.89%);
}
.cardDisc.type_0607 {
  background-image: linear-gradient(123deg, #FCE7C2 18.54%, #FFF8AA 101.89%);
}
.cardDisc.type_0105 {
  background-image: linear-gradient(123deg, #D6D9FF 18.54%, #D1F5F9 101.89%);
}
.cardDisc.type_0103 {
  background-image: linear-gradient(123deg, #D6D9FF 18.54%, #E2F9B5 101.89%);
}
.cardDisc.type_0403 {
  background-image: linear-gradient(123deg, #FFE4E6 18.54%, #E2F9B5 101.89%);
}
.cardDisc.type_0401 {
  background-image: linear-gradient(123deg, #FFE4E6 18.54%, #D6D9FF 101.89%);
}
.cardDisc.type_0405 {
  background-image: linear-gradient(123deg, #FFE4E6 18.54%, #D1F5F9 101.89%);
}
.cardDisc.type_0503 {
  background-image: linear-gradient(123deg, #D1F5F9 18.54%, #E2F9B5 101.89%);
}
.cardDisc.type_img {
  padding: 0;
  border: none;
}

/********** // (e) stoa stoaCardDisc **********/
/********** prdViewer (s) // **********/
.prdViewer__item {
  padding: 26px 50px 24px 15px;
}
.prdViewer__name {
  width: 100%;
  max-height: 48px;
  font-size: 18px;
  line-height: 24px;
  color: #222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
}
.prdViewer__name strong {
  vertical-align: top;
  font-weight: bold;
}
.prdViewer__name strong.point {
  color: #EA002C;
  font-size: inherit;
  padding-right: 2px;
}
.prdViewer__price {
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 8px;
}
.prdViewer__price strong {
  font-size: inherit;
  font-weight: inherit;
}
.prdViewer__price em.bp {
  font-size: inherit;
  font-weight: 700;
}
.prdViewer .prdViewer__item {
  padding: 26px 50px 17px 15px;
}
.prdViewer .prdViewer__name {
  width: 100%;
  max-height: 48px;
  font-size: 18px;
  line-height: 24px;
  color: #222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
}
.prdViewer .prdViewer__name strong {
  vertical-align: top;
  font-weight: bold;
}
.prdViewer .prdViewer__name strong.point {
  color: #EA002C;
  font-size: inherit;
  padding-right: 2px;
}
.prdViewer .prdViewer__price {
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  color: #222;
  margin-top: 8px;
}
.prdViewer .prdViewer__price strong {
  font-size: inherit;
  font-weight: inherit;
}
.prdViewer .prdViewer__price em.bp {
  font-size: inherit;
  font-weight: 700;
}
.prdViewer .prdViewer__cont {
  overflow-y: auto;
  padding-top: 7px;
  padding-bottom: 60px;
}
.prdViewer .prdViewer__detailInfo {
  padding: 0 15px 16px;
}
.prdViewer .prdViewer__detailInfo dt {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.prdViewer .prdViewer__detailInfo dd {
  color: #444;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 4px;
}

/********** // (e) prdViewer **********/
/********** mypage button issue (s) // **********/
.stoaCopyBtn {
  border: 1px solid #ddd;
  height: 18px;
  padding: 0 5px 0 3px;
  margin-left: 4px;
  border-radius: 1px;
  line-height: 18px;
  box-sizing: border-box;
}

.stoaCopyBtn .text {
  position: relative;
  display: inline-block;
  line-height: 17px;
  font-size: 10px;
  color: #666;
  padding: 0 0 0 12px;
  top: -2px;
}

.stoaCopyBtn .text:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 12px;
  height: 12px;
  background: url(../../img/ico_copy_black.svg) no-repeat;
}

/********** // (e) mypage button issue **********/
/********** evnet fairPriceService (s) // **********/
#Contents.eventContent {
  overflow-x: initial;
}

.fairPriceService {
  position: relative;
}
.fairPriceService__topImage {
  position: sticky;
  top: 10px;
  z-index: 1;
  will-change: transform;
}
.fairPriceService__topImage a {
  position: absolute;
  left: 6.132vw;
  bottom: 7.332vw;
  width: 30.266vw;
  height: 6.4vw;
}
.fairPriceService__topImage a .blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.fairPriceService__content {
  background: #fff;
  margin-top: 0;
  position: relative;
  z-index: 2;
  overflow: visible;
  -webkit-transform: translate3d(0, 0, 0);
}
.fairPriceService__content > div {
  transition: opacity 0.3s ease;
}
.fairPriceService__content .stoaModule {
  position: relative;
  z-index: 3;
}
.fairPriceService__content .categoryNav {
  position: sticky;
  top: 50px;
  height: 44px;
  border-bottom: 1px solid #eee;
  background: #fff;
  padding: 0 7px;
  z-index: 9;
}
.fairPriceService__content .categoryNav .categoryList {
  display: flex;
}
.fairPriceService__content .categoryNav .categoryList li {
  position: relative;
  margin-right: 5px;
}
.fairPriceService__content .categoryNav .categoryList li a {
  position: relative;
  display: flex;
  height: 44px;
  padding: 14px 8px 0;
  color: #888;
  font-size: 13px;
  box-sizing: border-box;
}
.fairPriceService__content .categoryNav .categoryList li + li a:before {
  content: "";
  position: absolute;
  left: -4px;
  top: 17px;
  width: 6px;
  height: 11px;
  background: url(/static/img/ico/arrow_6x11.svg) no-repeat;
  background-size: cover;
}
.fairPriceService__content .categoryNav .categoryList li:last-child a {
  color: #E62642;
  font-weight: 500;
}
.fairPriceService__content .standardDate {
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: #888;
  font-family: "Pretendard";
  line-height: 20px;
  letter-spacing: -0.56px;
  height: 34px;
  margin: 8px 0;
  padding: 0 15px;
}
.fairPriceService__content .lowestPrice {
  position: relative;
  top: -1px;
  color: #E62642;
  font-size: 14px;
  letter-spacing: -0.56px;
  margin-right: 3px;
}
.fairPriceService__content .stoaInfo {
  position: relative;
  color: #222;
  display: flex;
  width: 100%;
  height: 32px;
  border: 1px solid #eee;
  border-radius: 4px;
  margin: 16px 0 0;
  font-size: 13px;
  letter-spacing: -0.52px;
  padding: 0 12px;
  align-items: center;
  justify-content: center;
}
.fairPriceService__content .stoaInfo:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(https://imagecdn.skstoa.com/static/img/Chevron_Right_24@2x.png) no-repeat 0 0/100% auto;
}
.fairPriceService__content .goodsTab.type4.hidden,
.fairPriceService__content .categoryNav.hidden,
.fairPriceService__content .tabSwiper.hidden {
  display: none;
}
.fairPriceService__content .noData {
  display: flex;
  justify-content: center;
  margin: 40px 0;
  padding: 80px 0 0;
  background: url(/static/img/ico/noData.svg) no-repeat center top;
  background-size: auto;
  color: #888;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.64px;
}
.fairPriceService__content .goodsList.type4 .title {
  height: 42px;
  word-break: break-all;
}
.fairPriceService__content .goodsList.type4 .thumbnail img {
  object-fit: contain;
}
.fairPriceService .tabSwiper {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 0 32px;
  z-index: 0;
}
.fairPriceService .tabSwiper .swiper-wrapper {
  padding: 8px 15px;
}
.fairPriceService .tabSwiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
}
.fairPriceService .tabSwiper .swiper-slide button {
  width: calc(33% - 8px);
  height: 34px;
  text-align: left;
  color: #222;
  font-size: 14px;
}
.fairPriceService .tabSwiper .swiper-slide button.active {
  color: #E62642;
  font-weight: 500;
}
.fairPriceService .tabSwiper .swiper-pagination {
  position: absolute;
  width: 100%;
  bottom: 16px;
  text-align: center;
  z-index: 100;
}
.fairPriceService .tabSwiper .swiper-pagination-bullet {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #ddd;
  margin: 0 4px;
}
.fairPriceService .tabSwiper .swiper-pagination-bullet-active {
  background: #444;
}
.fairPriceService .goodsTab.type2 {
  background: #F5F5F5;
  overflow: hidden;
  z-index: 3;
}
.fairPriceService .goodsTab.type2 .goodsTab__toggle {
  display: none;
}
.fairPriceService .goodsTab.type2:after {
  display: none;
}
.fairPriceService .goodsTab.type2 .swiper-slide {
  padding: 0 14px;
}
.fairPriceService .goodsTab.type4 {
  position: sticky;
  top: 50px;
  background: white;
  z-index: 10;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  margin-bottom: -2px;
}
.fairPriceService .goodsTab.type4 .swiper-slide {
  position: relative;
  height: 56px;
  color: #666;
  padding: 0 8px;
}
.fairPriceService .goodsTab.type4 .swiper-slide + .swiper-slide:after {
  content: "";
  position: absolute;
  left: 0;
  top: 21px;
  width: 1px;
  height: 14px;
  background: #EBEBEB;
}
.fairPriceService .goodsTab.type4 .swiper-slide.active {
  color: #E62642;
  font-weight: 500;
}
.fairPriceService .hidden {
  display: none !important;
}

.storeInfoPopup {
  padding: 7px 0 0;
}
.storeInfoPopup .stoaModal__close {
  position: absolute;
  right: 16px;
  top: 14px;
}
.storeInfoPopup .storeInfoPopup__title {
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.64px;
  padding: 0 0 17px;
}
.storeInfoPopup .tableWrapper {
  /*max-height: 256px;*/
}
.storeInfoPopup .tableWrapper > div {
  position: relative;
  min-height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
}
.storeInfoPopup .tableWrapper .fixedHeaderTable {
  margin-bottom: 85px;
  border-collapse: separate;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #ddd;
}
.storeInfoPopup .tableWrapper .fixedHeaderTable thead th {
  position: sticky;
  top: 0;
  background: #f5f5f5;
  font-weight: 700;
  z-index: 10;
  border-right: none;
  will-change: transform;
  border-top: 0;
}
.storeInfoPopup .tableWrapper .fixedHeaderTable thead th:last-child {
  border-right: 1px solid #ddd;
}
.storeInfoPopup .tableWrapper .fixedHeaderTable thead th:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: #f5f5f5;
}
.storeInfoPopup .tableWrapper th, .storeInfoPopup .tableWrapper td {
  padding: 10px 12px;
  border: 1px solid #ddd;
  text-align: center;
  height: 40px;
  box-sizing: border-box;
  font-size: 13px;
}
.storeInfoPopup .tableWrapper th:last-child, .storeInfoPopup .tableWrapper td:last-child {
  border-right: 1px solid #ddd;
}
.storeInfoPopup .tableWrapper td {
  border-right: none;
  border-bottom: none;
}
.storeInfoPopup .tableWrapper td.sellerName {
  text-align: left;
}
.storeInfoPopup .tableWrapper td.priceValue {
  text-align: right;
}
.storeInfoPopup .tableWrapper tr:first-child td {
  border-top: none;
}

.pgCount {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 64px;
  background: #fff;
}
.pgCount:before {
  content: "";
  position: absolute;
  left: 0;
  top: -40px;
  height: 40px;
  width: 100%;
  background: linear-gradient(360deg, #FFF 18.93%, rgba(255, 255, 255, 0) 131.25%);
}
.pgCount button {
  display: inline-block;
  height: 44px;
  padding: 0 40px;
  background: #F5F5F5;
  border-radius: 100px;
  box-sizing: border-box;
  font-size: 13px;
  color: #222;
  letter-spacing: -0.52px;
  vertical-align: top;
}
.pgCount button span {
  position: relative;
  color: #888;
  letter-spacing: -0.52px;
  vertical-align: top;
}

/********** // (e) evnet fairPriceService **********/
/********** review list (s) // **********/
.reviewList {
  margin: 12px 16px 16px;
  padding: 12px 0;
  background: #FDF2E8;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.reviewList::before {
  content: "";
  display: block;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #FDF2E8 transparent;
  position: absolute;
  left: 16px;
  top: -10px;
}
.reviewList__title {
  display: flex;
  align-items: baseline;
  gap: 0 8px;
  padding: 0 12px;
}
.reviewList__score {
  display: flex;
  align-items: baseline;
  gap: 0 4px;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  line-height: 1;
}
.reviewList__score::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background: url("/static/img/stoaModule/star.svg") no-repeat 0 0/100% auto;
}
.reviewList__link {
  display: flex;
  flex-direction: row;
  gap: 0 3px;
  font-size: 12px;
  color: #222;
  line-height: 1;
}
.reviewList__link::after {
  content: "";
  display: block;
  width: 8px;
  height: 12px;
  background: url("/static/img/stoaModule/arrow_black.svg") no-repeat center center/75% auto;
}
.reviewList__list {
  overflow: hidden;
  padding: 0 12px;
}
.reviewList__list.noSlide .swiper-slide {
  width: 100%;
}
.reviewList__list .swiper-slide {
  width: 249px;
  background: #fff;
  padding: 10px 8px;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  min-height: 56px;
}
.reviewList__list .swiper-slide p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/********** // (e) review list **********/
/********** orderReSt (s) // **********/
#Contents.sub_title #gm_re2019.orderReSt {
  padding-bottom: 140px;
}
#Contents.sub_title #gm_re2019.orderReSt.cont_sec {
  padding-top: 4.5px;
}
#Contents.sub_title #gm_re2019.orderReSt.cont_sec .gm_order_wrap {
  border: none;
  padding: 19px 15px;
}
#Contents.sub_title #gm_re2019.orderReSt .point {
  padding-right: 0px;
}
#Contents.sub_title #gm_re2019.orderReSt .order_tit {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  background-image: none;
  color: #111;
  margin-bottom: 20px;
}
#Contents.sub_title #gm_re2019.orderReSt .order_tit .tit_count {
  color: #666;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  padding-right: 6px;
}
#Contents.sub_title #gm_re2019.orderReSt .order_tit .tit_price {
  color: #222;
  text-align: right;
  font-size: 18px;
  font-weight: 400;
}
#Contents.sub_title #gm_re2019.orderReSt .order_tit .tit_price strong {
  font-weight: inherit;
}
#Contents.sub_title #gm_re2019.orderReSt .order_tit .tit_price em {
  font-weight: 700;
  margin-right: 0;
}
#Contents.sub_title #gm_re2019.orderReSt .order_tit .tit_price.point {
  color: #E62642;
}
#Contents.sub_title #gm_re2019.orderReSt .order_tit .flag {
  color: #EA002C;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.24px;
  border-radius: 100px;
  background: #FEE9E9;
  padding: 3px 8px;
}
#Contents.sub_title #gm_re2019.orderReSt .order_tit.type_toggMb0 {
  margin-bottom: 0;
}
#Contents.sub_title #gm_re2019.orderReSt .toggle.on .order_tit.type_toggMb0 {
  margin-bottom: 13px;
}

#Contents.sub_title #gm_re2019.orderReSt .order_tit:has(.toggle_btn) {
  padding-right: 20px;
}
#Contents.sub_title #gm_re2019.orderReSt .order_tit .titText1 {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: right;
}
#Contents.sub_title #gm_re2019.orderReSt .order_tit .titText1 a {
  display: block;
  text-decoration: underline;
  font-size: 14px;
  color: #222;
  margin-bottom: 2px;
}
#Contents.sub_title #gm_re2019.orderReSt .order_tit .titText1 span {
  color: #228BE6;
}
#Contents.sub_title #gm_re2019.orderReSt .toggle_btn {
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  top: 0px;
  right: -6px;
  background: url(../../img/ico/ico_fold_black02.png) no-repeat 12px/12px;
  background-position: center;
  opacity: 0.5;
  transform: rotate(180deg);
}
#Contents.sub_title #gm_re2019.orderReSt .toggle_btn.type2 {
  width: 76px;
  background-position: left 8px center;
}
#Contents.sub_title #gm_re2019.orderReSt .toggle.on .toggle_btn.type2 {
  background-position: right 8px top 9px;
}

#Contents.sub_title #gm_re2019.orderReSt .toggle.on .toggle_btn {
  transform: rotate(0deg);
}

#Contents.sub_title #gm_re2019.orderReSt .chk_h26 {
  display: inline-flex;
  align-items: center;
}
#Contents.sub_title #gm_re2019.orderReSt .chk_h26 input[type=checkbox] {
  width: 22px;
  height: 22px;
  border-radius: 2px;
  background: none;
  border: 1px solid #CCC !important;
  background-color: #FFF;
}
#Contents.sub_title #gm_re2019.orderReSt .chk_h26 input:checked[type=checkbox] {
  background: url(../../img/bk/ico_chk_new02.png) no-repeat center -28px;
  background-size: 21.4px auto;
  border-color: #c82139 !important;
}
#Contents.sub_title #gm_re2019.orderReSt .chk_h26 input:disabled {
  border-radius: 2px;
  border: 1px solid #ddd;
  background: #F5F5F5;
}
#Contents.sub_title #gm_re2019.orderReSt .chk_h26 label {
  font-size: 15px;
}
#Contents.sub_title #gm_re2019.orderReSt .chk_h26 label .point {
  font-size: inherit;
}
#Contents.sub_title #gm_re2019.orderReSt .toggle_on_content {
  display: none;
  margin-bottom: 13px;
}
#Contents.sub_title #gm_re2019.orderReSt .toggle2.on .toggle_on_content {
  display: block;
}

#Contents.sub_title #gm_re2019.orderReSt .toggle_on_content .txt_type02 li + li {
  margin-top: 10px;
}
#Contents.sub_title #gm_re2019.orderReSt .toggle_on_content .txt_type02 dl {
  display: flex;
  font-size: 14px;
}
#Contents.sub_title #gm_re2019.orderReSt .toggle_on_content .txt_type02 dt {
  color: #888888;
  width: 70px;
  flex-shrink: 0;
}
#Contents.sub_title #gm_re2019.orderReSt .toggle_on_content .txt_type02 dd {
  color: #222;
}
#Contents.sub_title #gm_re2019.orderReSt .default_content {
  margin-bottom: 13px;
  display: block;
}
#Contents.sub_title #gm_re2019.orderReSt .toggle2.on .default_content {
  display: none;
}

#Contents.sub_title #gm_re2019.orderReSt .default_content .address {
  max-width: calc(100% - 60px);
  font-size: 15px;
  font-weight: 400;
  color: #222;
}
#Contents.sub_title #gm_re2019.orderReSt .default_content .info {
  display: flex;
  max-width: calc(100% - 60px);
  margin-top: 8px;
}
#Contents.sub_title #gm_re2019.orderReSt .default_content .info span {
  position: relative;
  display: block;
  color: #666;
  color: 15px;
}
#Contents.sub_title #gm_re2019.orderReSt .default_content .info span:first-child::after {
  display: none;
}
#Contents.sub_title #gm_re2019.orderReSt .default_content .info span + span {
  padding-left: 13px;
}
#Contents.sub_title #gm_re2019.orderReSt .default_content .info span + span:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  display: inline-block;
  width: 1px;
  height: 11px;
  background: #ddd;
  margin-left: 7px;
  margin-right: 2px;
}
#Contents.sub_title #gm_re2019.orderReSt .btnTipLayer_row {
  position: relative;
}
#Contents.sub_title #gm_re2019.orderReSt .btnTipLayer_row .btnTipLayer.change_btn {
  position: absolute;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 28px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  background: #fff;
  border: solid 1px #ccc;
  color: #444;
  border-radius: 4px;
  padding: 0;
  margin: 0;
}
#Contents.sub_title #gm_re2019.orderReSt .delivery_frm .dropboxWrap a.selectBtn {
  border-color: #ddd;
  padding-left: 16px;
}
#Contents.sub_title #gm_re2019.orderReSt .delivery_frm .dropboxWrap a.selectBtn span {
  font-size: 14px;
  color: #666;
  background-size: 11px auto;
  background-position: 97% 50%;
}
#Contents.sub_title #gm_re2019.orderReSt .gifticon .release_calender_btn {
  display: block;
  border-radius: 4px;
  font-size: 14px;
  border: 1px solid #DDD;
  background: #FFF;
  color: #666;
  padding: 10px 10px 10px 16px;
  line-height: 18px;
  margin-top: 10px;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one {
  border-bottom: none;
  display: block;
}
#Contents.sub_title #gm_re2019.orderReSt .toggle.on .prod_type_one {
  display: block;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one > li {
  display: flex;
  flex-wrap: wrap;
  min-height: auto;
  margin-top: 16px;
  padding-top: 0;
  border-top: none;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one > li:first-child {
  margin-top: 0;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .product_img {
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 4px;
  padding: 0;
  margin: 0;
  border: none;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .product_img::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .prdViewerBtn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.3) url(/static/img/ico/ico_search03.svg) no-repeat right 6px center/20px auto;
}
#Contents.sub_title #gm_re2019.orderReSt .newOrderPrdList {
  position: relative;
  padding-top: 3px;
  transition: padding 0.4s ease;
}
#Contents.sub_title #gm_re2019.orderReSt .toggle .newOrderPrdList {
  display: none;
}
#Contents.sub_title #gm_re2019.orderReSt .toggle.on .newOrderPrdList {
  display: block;
}
#Contents.sub_title #gm_re2019.orderReSt .prdViewerGuide {
  position: absolute;
  z-index: 6;
  top: -2px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.56px;
  background-color: #E62642;
  border-radius: 100px;
  color: #FFF;
  padding: 0 3px 0 8px;
  margin: 0;
}
#Contents.sub_title #gm_re2019.orderReSt .newOrderPrdList:has(.prdViewerGuide) {
  padding-top: 22px;
}

#Contents.sub_title #gm_re2019.orderReSt .prdViewerGuide:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 16px;
  width: 0px;
  height: 0px;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #E62642;
  border-left: 4px solid transparent;
  border-right: 4px solid #E62642;
}
#Contents.sub_title #gm_re2019.orderReSt .prdViewerGuide .remove {
  position: relative;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
}
#Contents.sub_title #gm_re2019.orderReSt .prdViewerGuide .remove:before,
#Contents.sub_title #gm_re2019.orderReSt .prdViewerGuide .remove:after {
  content: "";
  display: block;
  width: 13px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
#Contents.sub_title #gm_re2019.orderReSt .prdViewerGuide .remove:before {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
#Contents.sub_title #gm_re2019.orderReSt .prdViewerGuide .remove:after {
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .title_badge_area {
  padding-top: 3px;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .right_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin-left: 8px;
  padding: 0px;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .product_name {
  width: 100%;
  height: 40px;
  font-size: 15px;
  line-height: 20px;
  color: #222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  white-space: wrap;
  overflow: hidden;
  margin-bottom: 2px;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .product_name .point {
  font-size: inherit;
  color: #EA002C;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .pro_option {
  font-size: 14px;
  line-height: 18px;
  color: #666;
  margin-bottom: 2px;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .proPrice {
  display: flex;
  align-items: baseline;
  font-size: 15px;
  margin-top: 2px;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .proPrice strong {
  font-weight: 400;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .proPrice em.bp {
  font-weight: 700;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .proPrice .pro_option {
  font-size: 14px;
  color: #666;
  font-weight: 400;
  margin-left: 4px;
  margin-top: 0px;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .pro_benefit {
  display: block;
  font-size: 11px;
  color: #888888;
  margin-top: 4px;
  margin-bottom: 10px;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .pro_benefit .benefit_txt {
  white-space: wrap;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .pro_benefit + .pro_benefit {
  margin-top: -4px;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .pro_benefit .benefit_badge {
  display: inline-block;
  width: 41px;
  line-height: 14px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #eeeeee;
  color: #eeeeee;
  padding-top: 2px;
  margin-right: 3px;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .pro_benefit .benefit_badge.freebies {
  border-color: #F96B64;
  color: #F96B64;
}
#Contents.sub_title #gm_re2019.orderReSt .prod_type_one .check_box_area {
  width: 100%;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box.type2 {
  border-top: 1px solid #EEE;
  margin: 0 -15px;
  padding: 0 15px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box {
  position: relative;
  margin-top: 20px;
  font-weight: 400;
  letter-spacing: -0.45px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .tit {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  color: #666;
  border-top: none;
  padding: 0;
  margin: 0;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .tit .chk_wrap {
  display: flex;
  align-items: baseline;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .price {
  text-align: right;
  font-size: 15px;
  line-height: 18px;
  color: #444;
  border-top: none;
  padding: 0;
  margin: 0;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .price em {
  font-size: inherit;
  font-weight: inherit;
  margin-right: 0;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .price.point {
  color: #e51937;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .price.type2 {
  font-size: 13px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .price .link {
  font-size: 13px;
  color: #E62642;
  text-decoration: underline;
  margin-left: 3px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .btnTipLayer {
  width: 24px;
  text-align: center;
  /* margin-left: 4px; */
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box > li:has(.discount_detail-toggle) > .price {
  margin-right: 21px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box > li:has(.discount_detail-toggle.remove) > .price {
  margin-right: 0px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .discount_detail-toggle {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  top: 3px;
  right: -1px;
  text-indent: -9999px;
  background: url(../../img/ico/ico_fold_black02.png) no-repeat 12px/12px;
  background-position: center;
  opacity: 0.5;
  transform: rotate(0deg);
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .discount_detail-toggle.hide {
  transform: rotate(180deg);
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .discount_detail-toggle.remove {
  display: none;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .discount_detail {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  background: #F5F5F5;
  border-top: none;
  color: #222;
  margin: 8px 0 0;
  padding: 6px 16px 16px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .discount_detail > li {
  margin-top: 10px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .discount_detail .price {
  text-align: right;
  letter-spacing: -0.42px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .discount_detail .price em {
  vertical-align: baseline;
  font-weight: inherit;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .discount_detail-toggle.hide ~ .discount_detail {
  display: none;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box.type2 {
  border-top: 1px solid #EEE;
  padding: 10px 15px 0px 15px;
  margin: 0px -15px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box.type2 > li .tit {
  color: #222;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box.type2 .price {
  color: #222;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box.type2 .price.point {
  color: #E62642;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList:not(:has(.pay_price_box > li)) .pay_price_box.type2 {
  border-top: none;
  padding: 0;
  margin: 0;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList:not(:has(.pay_price_box > li)) .order_tit {
  margin-bottom: 0;
}

#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .chooseArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  background: #FAFAFA;
  border-top: none;
  margin: 0 -15px;
  padding: 16px;
  margin-top: 10px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .chooseArea + .chooseArea {
  margin-top: 0px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .chooseArea .tit {
  max-width: 220px;
  flex: 1;
  -webkit-line-clamp: none;
  display: block;
  font-size: 13px;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #444;
  margin-bottom: 8px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .chooseArea .price {
  font-size: 13px;
  line-height: 16px;
  color: #666;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .chooseArea .price em {
  font-size: inherit;
  font-weight: inherit;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .chooseArea .select_type02_new.type2 {
  width: 100%;
  position: relative;
  margin-top: 0;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .chooseArea .select_type02_new.type2 select {
  border-radius: 4px;
  color: #444;
  border: 1px solid #ddd;
  background: none;
  background-color: #fff;
  padding: 0 42px 0 16px;
  transition: all 0.4s;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .chooseArea .select_type02_new.type2 select:focus {
  border-color: #444;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .chooseArea .select_type02_new.type2 select:disabled {
  border: 1px solid #ddd;
  background-color: #EEE;
  color: #888;
  opacity: 1;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .chooseArea .select_type02_new.type2::after {
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 20px;
  height: 20px;
  background: url(/static/img/stoaModule/Arrow_Down_24@2x.png) no-repeat center/79% auto;
  transform: translate3d(0, -50%, 0);
  transition: all 0.4s;
  opacity: 0.4;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .chooseArea .select_type02_new.type2:has(select:focus)::after {
  transform: translate3d(0, -50%, 0) rotate(-180deg);
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box .chooseArea .chooseArea__price ~ .stoaSelect {
  margin-top: 8px;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList .pay_price_box li:last-of-type .chooseArea:last-child {
  margin-bottom: -19px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

#Contents.sub_title #gm_re2019.orderReSt .orderMultiList.toggle .toggle_cont {
  display: none;
}
#Contents.sub_title #gm_re2019.orderReSt .orderMultiList.toggle.on .toggle_cont {
  display: block;
}
#Contents.sub_title #gm_re2019.orderReSt .payBoxBottom {
  z-index: 10;
}
#Contents.sub_title #gm_re2019.orderReSt .payment_area {
  border-radius: 8px 8px 0px 0px;
  border: none;
  border-radius: 8px 8px 0px 0px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.09);
}
#Contents.sub_title #gm_re2019.orderReSt .payment_area::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: #fff;
}
#Contents.sub_title #gm_re2019.orderReSt .select_orderCard {
  position: relative;
}
#Contents.sub_title #gm_re2019.orderReSt .select_orderCard .discount_badge {
  position: absolute;
  top: 10px;
  right: 36px;
  pointer-events: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  border-radius: 100px;
  color: #E62642;
  background: #FEE9E9;
  padding: 1px 8px;
}
#Contents.sub_title #gm_re2019.orderReSt .pay_cont .box_gray {
  /* cream_250819_19103 */
  /* // cream_250819_19103 */
}
#Contents.sub_title #gm_re2019.orderReSt .pay_cont .box_gray dl:not(:first-child) {
  margin-top: 24px;
}
#Contents.sub_title #gm_re2019.orderReSt .pay_cont .box_gray dt {
  font-size: 15px;
  color: #222;
}
#Contents.sub_title #gm_re2019.orderReSt .pay_cont .box_gray dt .price {
  float: right;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #E62642;
}
#Contents.sub_title #gm_re2019.orderReSt .pay_cont .box_gray dt .price em {
  font-weight: 700;
  vertical-align: baseline;
}
#Contents.sub_title #gm_re2019.orderReSt .pay_cont .box_gray dt.dt_type1 {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#Contents.sub_title #gm_re2019.orderReSt .pay_cont .box_gray dd {
  font-size: 13px;
}
#Contents.sub_title #gm_re2019.orderReSt .pay_cont .box_gray dd p {
  color: #444;
}
#Contents.sub_title #gm_re2019.orderReSt .pay_cont .box_gray dl.type2 .btnCard {
  font-size: 13px;
  color: #444444;
}
#Contents.sub_title #gm_re2019.orderReSt .pay_cont .box_gray dl.type2 dd {
  margin-top: 4px;
}
#Contents.sub_title #gm_re2019.orderReSt .totalpayinfo {
  border: none;
}
#Contents.sub_title #gm_re2019.orderReSt .Tmembership li .sum_type01 dt {
  width: auto;
}
#Contents.sub_title #gm_re2019.orderReSt .Tmembership li .sum_type01 dd .des {
  white-space: nowrap;
}
#Contents.sub_title #gm_re2019.orderReSt .Tmembership .chk_h26 {
  vertical-align: middle;
}
#Contents.sub_title #gm_re2019.orderReSt .Tmembership .chk_h26 label span {
  font-weight: 400;
  font-size: 13px;
  color: #666;
  margin-left: 4px;
}
#Contents.sub_title #gm_re2019.orderReSt .Tmembership .gm_r_val {
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: end;
  color: #222;
  font-weight: 400;
  font-size: 15px;
  width: auto;
}

/********** // (e) orderReSt **********/
/********** 최하단 고정 소스 (s) **********/
.fade-in {
  display: block;
}

.fade {
  display: none;
}

/********** 홈메인 팝업 개선 (s) **********/
.popMain {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.popMain--type1 .inner {
  position: relative;
  z-index: 502;
  width: 100%;
  border-radius: 20px;
  margin: 0 auto;
}
.popMain--type1 .popMain__swiper .swiper-slide {
  border-radius: 8px;
  overflow: hidden;
}
.popMain__swiper .swiper-container {
  padding: 0 15px 20px;
}
.popMain__swiper .swiper-container.center-align .swiper-wrapper {
  justify-content: center;
}
.popMain__swiper .swiper2-pagination {
  position: absolute;
  left: 50%;
  top: -24px;
  text-align: center;
  transition: 0.3s opacity;
  transform: translateX(-50%);
  white-space: nowrap;
  overflow: hidden;
}
.popMain__swiper .swiper2-pagination.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.popMain__swiper .swiper2-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.popMain__swiper .swiper2-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  width: 8px;
  transform: scale(1);
}
.popMain__swiper .swiper2-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.popMain__swiper .swiper2-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.popMain__swiper .swiper2-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.popMain__swiper .swiper2-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.popMain__swiper .swiper2-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.popMain__swiper .swiper-pagination-bullet {
  display: inline-block;
  opacity: 1;
  width: 8px;
  height: 7px;
  margin: 0 3px;
  border-radius: 4px;
  vertical-align: top;
  background: #B3B3B3;
  transition: all 0.3s ease-out;
}
.popMain__swiper .swiper-pagination-bullet-active {
  width: 24px;
  background: #fff;
  transition: all 0.3s ease-out;
}
.popMain__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: 48px;
}
.popMain__btn a {
  display: flex;
  align-items: center;
  color: #888;
  font-size: 13px;
  height: 48px;
  letter-spacing: -0.52px;
  padding: 0 20px;
}

/********** // (e) 홈메인 팝업 개선 **********/
/********** hot deal (s) // **********/
.hotDeal {
  width: 100%;
  background: #F5F5F5;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 228px;
}
.hotDeal__txt {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  position: absolute;
  top: 35px;
}

/********** // (e) hot deal **********/
/********** 주문서 T멤버십 할인 문구 (s) // **********/
.guideText {
  display: flex;
  justify-content: flex-end;
}
.guideText span {
  display: inline-block;
  height: 24px;
  border-radius: 24px;
  background: rgba(230, 38, 66, 0.05);
  padding: 5px 10px;
  color: #E62642;
  font-size: 12px;
  box-sizing: border-box;
}

/********** 주문서 T멤버십 할인 문구 (s) // **********/
/********** 특화배송 개발 : 검색/상품상세 (s) // **********/
.deliveryItemType {
  width: 100%;
  grid-column: 1/span 2;
  padding: 12px 24px;
  border-radius: 8px;
  overflow: hidden;
  box-sizing: border-box;
}
.deliveryItemType.holiday {
  background: #EEF6FF;
}
.deliveryItemType.holiday .deliveryInfo em {
  color: #1B81FF;
}
.deliveryItemType.holiday .deliveryInfo em:before {
  background: url(/static/img/stoaModule/delivery_holiday.svg) no-repeat;
  background-size: contain;
}
.deliveryItemType.holiday p {
  margin-top: 2px;
}
.deliveryItemType.holiday p .txtColor {
  color: #1B81FF;
}
.deliveryItemType.holiday .deliveryBox .deliveryList li:first-child:before {
  background: linear-gradient(270deg, #EEF5FF 50%, rgba(238, 245, 255, 0) 100%);
}
.deliveryItemType.today {
  background: #FFF6F5;
}
.deliveryItemType.today .deliveryInfo em {
  color: #FF563E;
}
.deliveryItemType.today .deliveryInfo em:before {
  background: url(/static/img/stoaModule/delivery_today.svg) no-repeat;
  background-size: contain;
}
.deliveryItemType.today p {
  margin-top: 2px;
}
.deliveryItemType.today p .txtColor {
  color: #FF563E;
}
.deliveryItemType.today .deliveryBox .deliveryList li:first-child:before {
  background: linear-gradient(270deg, #FFF6F5 50%, rgba(255, 246, 245, 0) 100%);
}
.deliveryItemType.tomorrow {
  background: #FDF5FF;
}
.deliveryItemType.tomorrow .deliveryInfo em {
  color: #A727D5;
}
.deliveryItemType.tomorrow .deliveryInfo em:before {
  background: url(/static/img/stoaModule/delivery_tomorrow.svg) no-repeat;
  background-size: contain;
}
.deliveryItemType.tomorrow p {
  margin-top: 2px;
}
.deliveryItemType.tomorrow p .txtColor {
  color: #A727D5;
}
.deliveryItemType.tomorrow .deliveryBox .deliveryList li:first-child:before {
  background: linear-gradient(270deg, #FFF6F5 50%, rgba(255, 246, 245, 0) 100%);
}
.deliveryItemType .deliveryInfo .deliveryLabel {
  display: flex;
  align-items: center;
}
.deliveryItemType .deliveryInfo em {
  position: relative;
  font-style: italic;
  font-size: 15px;
  font-weight: 700;
  font-family: "Pretendard";
  margin-right: 13px;
  padding: 0 0 0 32px;
}
.deliveryItemType .deliveryInfo em:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 18px;
}
.deliveryItemType .deliveryInfo .time {
  position: relative;
}
.deliveryItemType .deliveryInfo .time:before {
  content: "";
  position: absolute;
  left: -6px;
  top: 4px;
  width: 1px;
  height: 10px;
  background: #ccc;
}
.deliveryItemType .deliveryInfo .time button {
  position: relative;
  font-size: 0;
  top: -2px;
  margin-left: 5px;
}
.deliveryItemType .deliveryInfo .time button:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(https://imagecdn.skstoa.com/static/img/goodsDetailTooltip.svg) no-repeat 0 0/100% auto;
  position: relative;
  top: 1px;
}
.deliveryItemType .deliveryMeta {
  display: flex;
  justify-content: space-between;
  border-top: 1px dashed #ccc;
  margin: 12px 0 0;
  padding: 12px 0 0;
}
.deliveryItemType .deliveryMeta .addr {
  position: relative;
  padding: 0 0 0 14px;
}
.deliveryItemType .deliveryMeta .addr:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 9px;
  height: 12px;
  background: url(/static/img/ico/ico_location.svg) no-repeat center;
  background-size: contain;
}
.deliveryItemType .deliveryMeta a {
  position: relative;
  color: #888;
  font-size: 12px;
  padding: 0 11px 0 0;
}
.deliveryItemType .deliveryMeta a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 9px;
  height: 15px;
  background: url(/static/img/ico/arrow_9x14.svg) no-repeat;
  background-size: contain;
}
.deliveryItemType .deliveryBox .deliveryList li {
  position: relative;
  display: none;
  color: #888;
  margin-top: 6px;
}
.deliveryItemType .deliveryBox .deliveryList li:first-child {
  display: list-item;
  overflow: hidden;
  padding: 0;
}
.deliveryItemType .deliveryBox .deliveryList li:first-child .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.deliveryItemType .deliveryBox .deliveryList li:first-child:before {
  display: block;
  content: "";
  position: absolute;
  width: 40px;
  height: 20px;
  right: 0;
  top: 0;
  z-index: 2;
}
.deliveryItemType .deliveryBox .deliveryList li:first-child:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 9px;
  height: 15px;
  background: url(/static/img/ico/arrow_9x14.svg) no-repeat;
  background-size: contain;
  transform: rotate(90deg);
  z-index: 2;
}
.deliveryItemType .deliveryBox .deliveryList li:before {
  display: none;
}
.deliveryItemType .deliveryBox .deliveryList li .text {
  position: relative;
  display: block;
  padding: 0 0 0 8px;
  font-size: 12px;
  letter-spacing: -0.132px;
}
.deliveryItemType .deliveryBox .deliveryList li .text:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #888;
}
.deliveryItemType .deliveryBox .closeBtn {
  display: none;
}
.deliveryItemType .deliveryBox.active .deliveryList li {
  display: list-item;
  border-top: 0;
  padding: 0;
}
.deliveryItemType .deliveryBox.active .deliveryList li:first-child:before, .deliveryItemType .deliveryBox.active .deliveryList li:first-child:after {
  display: none;
}
.deliveryItemType .deliveryBox.active .deliveryList li:first-child .text {
  white-space: normal;
}
.deliveryItemType .deliveryBox.active .closeBtn {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  color: #888;
  font-size: 12px;
  margin-top: 6px;
}
.deliveryItemType .deliveryBox.active .closeBtn:after {
  content: "";
  position: relative;
  top: 2px;
  display: inline-block;
  width: 9px;
  height: 15px;
  background: url(/static/img/ico/arrow_9x14.svg) no-repeat;
  background-size: contain;
  transform: rotate(-90deg);
  margin-left: 5px;
}

.deliveryTit {
  display: flex;
  padding: 17px 15px 0;
}
.deliveryTit + .delivery_info_list {
  padding: 11px 15px 17px;
}

/********** 특화배송 개발 : 검색/상품상세 (s) // **********/
/********** mcs 개편 (s) // **********/
.improve_my.renew.paddingNone {
  padding: 0;
}

.tvOrderInfo {
  position: relative;
  padding: 60px 0 15px;
}
.tvOrderInfo:before {
  content: "";
  position: fixed;
  left: 0;
  top: 50px;
  width: 100%;
  height: 1px;
  background: #E5E5E5;
  z-index: 3;
}
.tvOrderInfo .addBanner {
  z-index: 0;
}
.tvOrderInfo .tabFixed {
  position: fixed;
  left: 0;
  top: 50px;
  width: 100%;
  padding: 15px 15px 0;
  background: #fff;
  z-index: 2;
}
.tvOrderInfo .tabFixed .tabFixed__box {
  display: flex;
  width: calc(100% - 30px);
  border: 1px solid #E5E5E5;
  align-items: center;
  justify-content: space-around;
}
.tvOrderInfo .tabFixed .tabFixed__box a {
  position: relative;
  background: #FAFAFA;
  color: #888;
  display: flex;
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.tvOrderInfo .tabFixed .tabFixed__box a.active {
  background: #fff;
  color: #E62642;
  font-weight: 700;
}
.tvOrderInfo .tabFixed .tabFixed__box a + a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 44px;
  background: #E5E5E5;
}
.tvOrderInfo .customerText {
  position: relative;
  color: #666;
  margin: 16px 0 15px;
  padding: 0 0 0 18px;
  letter-spacing: -0.56px;
  font-family: "Pretendard";
}
.tvOrderInfo .customerText:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 17px;
  background: url(/static/img/ico/ico_customer.svg) no-repeat;
}
.tvOrderInfo .dim {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 6px;
  background-color: rgba(102, 102, 102, 0.05);
  z-index: 1;
}
.tvOrderInfo .tvSection {
  padding: 0 15px;
}
.tvOrderInfo .benefitSection {
  position: relative;
  padding: 16px 15px 0;
}
.tvOrderInfo .benefitSection .blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.tvOrderInfo .benefitSection__box {
  border-radius: 6px;
  background: linear-gradient(171deg, #FF9E61 1.04%, #FF827E 79.66%);
  padding: 0 12px;
}
.tvOrderInfo .benefitSection__box a {
  display: block;
}
.tvOrderInfo .benefitSection__name {
  display: flex;
  width: 100%;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.5px;
  padding-top: 24px;
  z-index: 2;
}
.tvOrderInfo .benefitSection__text {
  display: flex;
  justify-content: center;
  color: #fff;
  font-family: "NanumSquareNeoExtraBold";
  font-size: 25px;
  font-weight: 900;
  line-height: 32px;
  letter-spacing: -1px;
  text-align: center;
  margin: 6px 0 20px;
}
.tvOrderInfo .benefitSection [class*=benefitSection__link] {
  position: absolute;
  left: 3.2vw;
  width: 85.6vw;
}
.tvOrderInfo .benefitSection__item {
  position: relative;
}
.tvOrderInfo .benefitSection__item + .benefitSection__item {
  margin-top: 16px;
}
.tvOrderInfo .benefitSection__btn {
  display: flex;
  gap: 8px;
  padding: 16px 0 24px;
}
.tvOrderInfo .benefitSection__btn a {
  display: flex;
  height: 48px;
  border-radius: 4px;
  overflow: hidden;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.64px;
  align-items: center;
  justify-content: center;
  padding: 0 21px;
}
.tvOrderInfo .benefitSection__btn a.mobileJoin {
  background: #fff;
}
.tvOrderInfo .benefitSection__btn a.kakaoJoin {
  flex: 1;
  background: #FEE500;
}
.tvOrderInfo .order_goods li .goods .goods_name {
  font-weight: 400;
}
.tvOrderInfo .order_goods .goods_state {
  padding: 0;
  overflow: visible;
  border-top: 0;
}
.tvOrderInfo .order_goods .goods_state .btn_tooltip .tip {
  bottom: 0 !important;
}
.tvOrderInfo .order_goods .goods_state .btn_area li {
  margin-top: 5px;
}
.tvOrderInfo .orderSummary {
  border-top: 1px dashed #E5E5E5;
  margin-top: 15px;
}
.tvOrderInfo .orderSummary > div {
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.tvOrderInfo .orderSummary > div .sectionTitle {
  color: #222;
  margin-right: 5px;
}
.tvOrderInfo .orderSummary > div .shippingDetails {
  width: calc(100% - 45px);
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tvOrderInfo .orderSummary > div .shippingDetails span {
  position: relative;
}
.tvOrderInfo .orderSummary > div .shippingDetails span + span {
  margin-left: 12px;
}
.tvOrderInfo .orderSummary > div .shippingDetails span + span:before {
  content: "";
  position: absolute;
  left: -7px;
  top: 3px;
  width: 1px;
  height: 9px;
  background: #ccc;
}
.tvOrderInfo .orderSummary > div .shippingDetails span.name {
  color: #222;
  font-weight: normal;
}
.tvOrderInfo .orderSummary > div.paymentInfo .amount {
  margin-left: 5px;
  color: #E62642;
}
.tvOrderInfo .orderSummary > div.paymentInfo .amount .price {
  color: #E62642;
  font-size: 16px;
  letter-spacing: -0.32px;
}
.tvOrderInfo .goodsList.type3 .thumbnail::before {
  display: none;
}

.h_pt .tvOrderInfo {
  padding-top: 111px;
}

.signupBox {
  padding: 26px 15px 0;
}
.signupBox * {
  color: #222;
}
.signupBox__roundbox {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 8px 15px 24px;
}
.signupBox .title {
  position: absolute;
  top: -10px;
  left: calc(50% - 70.5px);
  display: flex;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 4px;
  padding: 0 12px;
  background: #fff;
}
.signupBox .desc {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.signupBox .benefitList {
  display: flex;
  justify-content: center;
  margin: 24px 0 0;
}
.signupBox .benefitList li {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 120px;
}
.signupBox .benefitList li:before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-bottom: 8px;
}
.signupBox .benefitList li:nth-child(1):before {
  background: url(/static/img/ico/bg_benefit01.svg) no-repeat center;
  background-size: contain;
}
.signupBox .benefitList li:nth-child(2):before {
  background: url(/static/img/ico/bg_benefit02.svg) no-repeat center;
  background-size: contain;
}
.signupBox .benefitList li:nth-child(3):before {
  width: 42px;
  height: 42px;
  margin-bottom: 3px;
  background: url(/static/img/ico/bg_benefit03.svg) no-repeat center;
  background-size: contain;
}
.signupBox .benefitList li .itemTit {
  font-size: 13px;
  font-weight: 700;
}
.signupBox .benefitList li .itemTxt {
  display: inline-block;
  color: #888;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.24px;
  margin-top: 4px;
}
.signupBox .benefitList li + li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100px;
  background: #e5e5e5;
}
.signupBox .btnWrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 40px;
}
.signupBox .btnWrap a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  font-size: 15px;
  border-radius: 4px;
  color: #222;
  font-weight: 500;
  padding: 3px 0 0;
  box-sizing: border-box;
}
.signupBox .btnWrap a:before {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.signupBox .btnWrap a.btnKakao {
  background-color: #FEE500;
}
.signupBox .btnWrap a.btnKakao:before {
  background: url(/static/img/sns/ico_kakao.png) no-repeat;
  background-size: contain;
}
.signupBox .btnWrap a.btnNaver {
  background-color: #03C75A;
  color: #fff;
}
.signupBox .btnWrap a.btnNaver:before {
  background: url(/static/img/sns/ico_naver.png) no-repeat;
  background-size: contain;
}
.signupBox .snsList {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin: 20px 0 0;
}
.signupBox .snsList .snsBtn {
  position: relative;
  width: 66px;
  height: 70px;
  color: #222;
  font-family: "Pretendard";
  letter-spacing: -0.28px;
}
.signupBox .snsList .snsBtn:before {
  content: "";
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 100px;
  overflow: hidden;
}
.signupBox .snsList .snsBtn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  background-size: contain;
}
.signupBox .snsList .snsBtn.tword:before {
  background-image: url(/static/img/ico/bg_tword.svg);
}
.signupBox .snsList .snsBtn.mobile:before {
  background-image: url(/static/img/ico/bg_mobile.svg);
}
.signupBox .snsList .snsBtn.card:before {
  background-image: url(/static/img/ico/bg_card.svg);
}
.signupBox .snsList .snsBtn.tv:before {
  background-image: url(/static/img/ico/bg_tv.svg);
}
.signupBox .snsList .snsBtn .snsText {
  display: inline-block;
  margin-top: 6px;
  font-weight: 500;
}
.signupBox .callBox {
  display: flex;
  justify-content: center;
  margin: 40px 0 16px;
}
.signupBox .callBox a {
  position: relative;
  display: flex;
  height: 48px;
  padding: 14px 24px 0;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 500;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.signupBox .callBox a:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background: url(/static/img/ico/ico_tel_20x20.svg) no-repeat;
}
.signupBox .note {
  color: #666;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.26px;
  text-align: center;
}

.borderLine:before {
  content: "";
  position: fixed;
  left: 0;
  top: 50px;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}

.improve_my .orderList_wrap dl.order_list:last-child {
  margin-bottom: 15px;
}

.devider_box .customerCenterBtn {
  padding: 0;
}

/********** mcs 개편 (s) // **********/
/********** 온에어 영역 썸네일 내 혜택문구 영역 추가 (s) // **********/
.mainOnAir .liveTalkBtn {
  top: 15px;
}

.textRoller {
  position: absolute;
  left: calc(50% - 112.5px);
  bottom: 5px;
  overflow: hidden;
  width: 225px;
  height: 30px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
.textRoller .textWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: transform 0.5s ease;
  padding: 8px 0 0;
  box-sizing: border-box;
}
.textRoller .textItem {
  height: 30px;
  line-height: 15px;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.07px;
  font-family: "Pretendard";
  color: #fff;
}

/********** // (e) 온에어 영역 썸네일 내 혜택문구 영역 추가 **********/
/********** categoryTab (s) // **********/
.categoryTab {
  padding: 0 15px;
  margin-bottom: 16px;
}
.categoryTab__item {
  width: 56px;
  height: 56px;
  border-radius: 100%;
  position: relative;
}
.categoryTab__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.categoryTab__item.active::before {
  border-color: #E62642;
}
.categoryTab__item.active::after {
  opacity: 1;
}
.categoryTab__item::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid transparent;
  border-radius: 100%;
  box-sizing: border-box;
  will-change: border-color;
  background: rgba(102, 102, 102, 0.05);
  transition: all 0.3s;
}
.categoryTab__item::after {
  content: "";
  display: block;
  border-width: 6px 8px 0 8px;
  border-style: solid;
  border-color: #E62642 transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: calc(100% - 2px);
  transform: translate3d(-50%, 0, 0);
  will-change: opacity;
  opacity: 0;
  transition: all 0.3s;
}
.categoryTab .badge {
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  min-width: 30px;
  font-size: 9px;
  font-weight: 500;
  line-height: 17px;
  white-space: nowrap;
  border-radius: 100px;
  background-color: #444;
  color: #fff;
  padding: 0 5px;
}
.categoryTab .badge.active {
  background-color: #E62642;
}
/********** // (e) categoryTab **********/
/********** Iframe popup (s) // **********/
.ab-iam-root.v3 {
  z-index: 10000 !important;
}

/********** // (e) Iframe popup **********/
/********** consultBox (s) // **********/
.consultBox {
  margin-bottom: 20px;
  padding: 0 16px;
}

/********** // (e) consultBox **********/
/********** 거래명세서 기능 추구 (s) // **********/
.document-view {
  position: relative;
  margin: 20px 0 0;
  padding: 30px 0 0px;
}
.document-view:before {
  content: "";
  position: absolute;
  left: -26px;
  top: 0;
  width: calc(100% + 52px);
  height: 10px;
  background: #F5F5F5;
}
.document-view button {
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 40px;
  width: 100%;
  color: #222;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.28px;
}

.modalReceipt {
  padding: 20px 20px 70px;
  overflow: auto;
}
.modalReceipt section {
  display: block;
  margin-bottom: 48px;
}
.modalReceipt__title {
  display: flex;
  color: #222;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 24px;
  border-bottom: 1px solid #444;
  padding-bottom: 16px;
}
.modalReceipt ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 11px;
}
.modalReceipt ul li strong {
  color: #666;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.3px;
}
.modalReceipt ul li span {
  color: #222;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.modalReceipt .product-info .product__name {
  display: flex;
  justify-content: start;
  color: #222;
  margin: 16px 0;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.modalReceipt .product__table {
  border: 1px solid #E5E5E5;
}
.modalReceipt .product__table th, .modalReceipt .product__table td {
  height: 36px;
  border: 1px solid #E5E5E5;
  padding: 0 12px;
}
.modalReceipt .product__table th {
  color: #666;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.52px;
  background: #F5F5F5;
}
.modalReceipt .product__table td {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.6px;
  text-align: center !important;
}
.modalReceipt .product__table .center {
  text-align: center;
}
.modalReceipt .product__table .right {
  text-align: center;
}
.modalReceipt .payment-info strong.total {
  color: #222;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.3px;
}
.modalReceipt .payment-info span.total {
  color: #E62642;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.6px;
}
.modalReceipt .notice-list {
  border-top: 1px solid #ddd;
  padding: 4px 0 0;
}
.modalReceipt .notice-list li {
  position: relative;
  color: #666;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.52px;
  margin-top: 8px;
  padding: 0 0 0 7px;
}
.modalReceipt .notice-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #888;
}
.modalReceipt .btn-wrap {
  display: flex;
  margin-top: 36px;
  gap: 10px;
}
.modalReceipt .btn-wrap button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  flex: 1;
  height: 48px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.64px;
}

/********** // (e) 거래명세서 기능 추구 **********/
/********** 찜하기 팝업 goods css 가지고 옴 (s) // **********/
.favorite_lpop_cart {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -65px;
  text-align: center;
  z-index: 150;
  display: none;
}
.favorite_lpop_cart img {
  width: 130px;
  height: 130px;
}

/********** // (e) 찜하기 팝업 goods css 가지고 옴 **********/
/* 메인 swiper slide 테스트 중 */
.bigBanner.typeMain .swiper-slide img.swiper-lazy {
  will-change: transform;
  backface-visibility: hidden;
}

/* 250805_19862 */
/********** 상품평 키워드 문구 추가(s) // **********/
.renewalNotice {
  position: relative;
  background: #FFF6F6;
  border-radius: 4px;
  margin: 20px;
  padding: 16px 16px 16px 38px;
  color: #EA002C;
  line-height: 18px;
  letter-spacing: -0.26px;
  font-size: 13px;
}
.renewalNotice:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 16px;
  width: 16px;
  height: 16px;
  background: url(../../img/ico/ico_renewal.png) no-repeat;
}

/********** // (e) 상품평 키워드 문구 추가 **********/
/* //250805_19862 */
/********** 혜택 계산 서비스 (s) // **********/
/* cream_250904_20064 */
.bnftAddList {
  border-radius: 4px;
  background-color: #F5F5F5;
  padding: 16px 16px 16px 42px;
  margin-top: 20px;
}
.bnftAddList li {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 8px;
}
.bnftAddList li:first-child {
  margin-top: 0;
}
.bnftAddList li i {
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-table;
  background-size: cover;
  margin-right: 16px;
}
.bnftAddList li i.card {
  background: url("/static/img/ico/bnftAddList_card.svg") no-repeat center center;
}
.bnftAddList li i.tword {
  background: url("/static/img/ico/bnftAddList_tword.svg") no-repeat center center;
}

.bnftCardWrap {
  position: relative;
  padding: 0px;
  max-height: calc(100vh - 365px);
  margin-bottom: 10px;
}
.bnftCardWrap__wrap {
  padding: 20px;
  height: 100%;
  overflow-y: auto;
}
.bnftCardWrap::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 36px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}
.bnftCardWrap.show-bottom::after {
  opacity: 1;
}

.bnftCardList {
  flex-wrap: wrap;
  display: flex;
  gap: 8px;
  margin-top: 20px;
}
.bnftCardList li {
  width: calc(50% - 4px);
}
.bnftCardList input {
  display: none;
}
.bnftCardList label {
  display: block;
  height: 46px;
  border-radius: 4px;
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  background: url("/static/img/cardLogo/bnftCard_kb.png") no-repeat center center/110px 18px #F5F5F5;
}
.bnftCardList label .blind {
  overflow: hidden;
  text-indent: -9999px;
}
.bnftCardList label:has(input[type=checkbox]:checked) {
  background-color: #fff;
  border: 1px solid #E62642;
}
.bnftCardList label.bnftCard_kb {
  background-image: url("/static/img/cardLogo/bnftCard_kb.svg");
}
.bnftCardList label.bnftCard_samsung {
  background-image: url("/static/img/cardLogo/bnftCard_samsung.svg");
}
.bnftCardList label.bnftCard_lotte {
  background-image: url("/static/img/cardLogo/bnftCard_lotte.svg");
}
.bnftCardList label.bnftCard_nh {
  background-image: url("/static/img/cardLogo/bnftCard_nh.svg");
}
.bnftCardList label.bnftCard_hana {
  background-image: url("/static/img/cardLogo/bnftCard_hana.svg");
}
.bnftCardList label.bnftCard_woori {
  background-image: url("/static/img/cardLogo/bnftCard_woori.svg");
}
.bnftCardList label.bnftCard_hyundai {
  background-image: url("/static/img/cardLogo/bnftCard_hyundai.svg");
}
.bnftCardList label.bnftCard_bc {
  background-image: url("/static/img/cardLogo/bnftCard_bc.svg");
}
.bnftCardList label.bnftCard_shinhan {
  background-image: url("/static/img/cardLogo/bnftCard_shinhan.svg");
}
.bnftCardList label.bnftCard_citi {
  background-image: url("/static/img/cardLogo/bnftCard_citi.svg");
}
.bnftCardList label.bnftCard_suhyup {
  background-image: url("/static/img/cardLogo/bnftCard_suhyup.svg");
}
.bnftCardList label.bnftCard_jeju {
  background-image: url("/static/img/cardLogo/bnftCard_jeju.svg");
}
.bnftCardList label.bnftCard_gwangju {
  background-image: url("/static/img/cardLogo/bnftCard_gwangju.svg");
}
.bnftCardList label.bnftCard_jeonbuk {
  background-image: url("/static/img/cardLogo/bnftCard_jeonbuk.svg");
}
.bnftCardList label.recentPayBadge {
  position: relative;
}
.bnftCardList label.recentPayBadge::before {
  content: "최근결제";
  position: absolute;
  top: -10px;
  left: -1px;
  font-size: 11px;
  font-weight: 500;
  line-height: 17px;
  border-radius: 8px 8px 8px 0;
  background: #E62642;
  color: #fff;
  padding: 0 10px 0 9px;
}

.bnftTwordBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 12px;
  height: 42px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  border-radius: 4px;
  color: #fff;
  margin-top: 16px;
}
.bnftTwordBtn::before, .bnftTwordBtn::after {
  content: "";
  display: block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.bnftTwordBtn.type1 {
  background-color: #444;
  margin-top: 20px;
}
.bnftTwordBtn.type1::before {
  width: 17px;
  height: 18px;
  background-image: url("/static/img/sns/ico_tword.svg");
}
.bnftTwordBtn.type2 {
  background: #3617CE;
}
.bnftTwordBtn.type2::before {
  width: 26px;
  height: 18px;
  background-image: url("/static/img/sns/ico_tmembership.svg");
}

/* //cream_250904_20064 */
/********** // (e) 혜택 계산 서비스 **********/
/********** 특정 주문매체 유입 시 팝업 노출(s) // **********/
/* 250912_20321 */
.above.kakao-login-pop.center_popup .above_wrap {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  height: auto;
  padding-bottom: 40px;
  background-color: transparent;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.above.kakao-login-pop.center_popup .tv-mobile {
  width: calc(100% - 80px);
  margin: 27.2vw auto 0; /* 250916_20321 */
  min-height: auto;
  overflow: initial;
  background: #fff;
  border-radius: 12px;
}
.above.kakao-login-pop.center_popup .tv-mobile:before {
  content: "";
  position: absolute;
  left: 0;
  top: -26.1999vw; /* 250916_20321 */
  width: 100%;
  height: 32.066vw; /* 250916_20321 */
  background: url(../../img/bg_completion.svg) no-repeat center bottom; /* 250916_20321 */
  background-size: 100%; /* 250916_20321 */
}
.above.kakao-login-pop.center_popup .above_close {
  display: inline-block;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 50%;
  width: auto;
  height: auto;
  background: none;
  font-size: 14px;
  letter-spacing: -0.34px;
  text-indent: 0;
  transform: translateX(50%);
  text-decoration: none;
  color: #fff;
  opacity: 0.6;
  padding: 0 0 0 19px;
}
.above.kakao-login-pop.center_popup .above_close:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 11px;
  height: 11px;
  background: url(../../img/ico/ico_close_11x11.svg) no-repeat;
}

.popup-area {
  overflow: hidden;
  border-radius: 12px;
}
.popup-area p {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.36px;
  text-align: center;
  padding: 24px 0;
}
.popup-area p span {
  color: #E62642;
}
.popup-area a {
  display: flex;
  background: #FEE500;
  width: 100%;
  height: 56px;
  padding: 16px 0 0;
  box-sizing: border-box;
  justify-content: center;
}
.popup-area a span {
  position: relative;
  color: #222;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.34px;
  padding: 0 0 0 26px;
}
.popup-area a span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  background: url(../../img/ico/ico_kakaotalk.svg) no-repeat;
  background-size: contain;
}

.mobile_login .above_close.type2 {
  height: 28px;
}
.mobile_login .simple_sign_up {
  padding: 16px 24px 24px;
}
.mobile_login .simple_sign_up ul li {
  width: 100px;
  font-weight: 500;
}
.mobile_login .simple_sign_up ul li .red_color {
  font-weight: 700;
}
.mobile_login .simple_sign_up ul li:before {
  left: calc(50% - 40px);
}
.mobile_login .above_footer {
  padding-top: 0;
}

/* //250912_20321 */
/********** // (e) 특정 주문매체 유입 시 팝업 노출 **********/
/********** swiper 4.5.1 버전(s) // **********/
.swiper-container {
  /* 터치 동작 허용 */
  touch-action: pan-y pinch-zoom;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.swiper-slide {
  /* 터치 이벤트 전파 방지 */
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

/********** // (e) swiper 4.5.1 버전 **********/
/**********  구매하기 버튼 내 안내 영역 추가(s) // **********/
.auto_apply {
  display: flex;
  justify-content: end;
  margin-bottom: 8px;
  padding: 0 8px;
}
.auto_apply span {
  position: relative;
  display: inline-block;
  padding: 0 8px 0 28px;
  height: 25px;
  line-height: 25px;
  border-radius: 2px;
  border: 1px solid rgba(67, 119, 253, 0.1);
  background: linear-gradient(91deg, #EAF4FF 24.76%, #F0FFEB 117.24%);
  color: #4377FD;
}
.auto_apply span:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 16px;
  height: 16px;
  background: url(../../img/ico/ico_stars.png) no-repeat;
}

/********** // (e) 구매하기 버튼 내 안내 영역 추가 **********/
/**********  주문완료 혜택 계산서비스 팝업(s) // **********/
.orderDiscList {
  position: relative;
  max-height: 265px;
  border: 1px solid #DDD;
  margin-top: 20px;
}
.orderDiscList ul {
  max-height: 265px;
  overflow-y: auto;
}
.orderDiscList li {
  position: relative;
}
.orderDiscList li:not(:first-of-type)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  border-top: 1px solid #eee;
  width: calc(100% - 40px);
}
.orderDiscList a {
  display: block;
  position: relative;
  line-height: 52px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #222;
  padding: 0 38px 0 20px;
}
.orderDiscList a::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 23px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #222;
  border-top: 1px solid #222;
  transform: rotate(45deg);
  transition: 0.5s ease;
}
.orderDiscList::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 36px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}
.orderDiscList.show-bottom::after {
  opacity: 1;
}

/********** // (e) 주문완료 혜택 계산서비스 팝업 **********/
/********** Mypage Menu (s) // **********/
#Contents.mypage_wrap {
  min-height: calc(54vh - 166px);
}

.mypage_wrap.gray {
  background: var(--grey-scale-f5f5f5) !important;
}
.mypage_wrap .main_cont_area {
  padding-bottom: 1.231rem;
}
.mypage_wrap .main_cont_area--new .skstoaMypage {
  margin: 0;
  padding: 1.538rem 1.154rem 2.769rem;
  background: none;
}
.mypage_wrap .main_cont_area--new .skstoaMypage::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 110px;
}
.mypage_wrap .main_cont_area--new .skstoaMypage.skstoaMypage--family::before {
  background: #009D9A;
}
.mypage_wrap .main_cont_area--new .skstoaMypage.skstoaMypage--silver::before {
  background: #616979;
}
.mypage_wrap .main_cont_area--new .skstoaMypage.skstoaMypage--gold::before {
  background: #CF9E00;
}
.mypage_wrap .main_cont_area--new .skstoaMypage.skstoaMypage--vip::before {
  background: #4C4848;
}
.mypage_wrap .main_cont_area--new .skstoaMypage.skstoaMypage--vvip::before {
  background: #6746E9;
}
.mypage_wrap .main_cont_area--new .skstoaMypage .skstoaMypage__content {
  min-height: 40px;
  padding-left: 3.8462rem;
}
.mypage_wrap .main_cont_area--new .skstoaMypage .skstoaMypage__content .ratingImg {
  width: 3.8462rem;
  height: 3.8462rem;
}
.mypage_wrap .main_cont_area--new .skstoaMypage .skstoaMypage__content .skstoaMypage__info {
  width: 100%;
}
.mypage_wrap .main_cont_area--new .skstoaMypage .skstoaMypage__content .skstoaMypage__info .nameArea {
  width: calc(100% - 62px);
}
.mypage_wrap .main_cont_area--new .skstoaMypage .skstoaMypage__content .skstoaMypage__info .nameArea.skMember {
  padding: 0;
}
.mypage_wrap .main_cont_area--new .skstoaMypage .skstoaMypage__content .skstoaMypage__info .nameArea.skMember .name {
  display: inline-block;
  width: calc(100% - 90px);
  padding: 0 0 0 26px;
  line-height: 2rem;
}
.mypage_wrap .main_cont_area--new .skstoaMypage .skstoaMypage__content .skstoaMypage__info .nameArea.skMember .name:after {
  left: 0;
}
.mypage_wrap .main_cont_area--new .skstoaMypage .skstoaMypage__content .skstoaMypage__info .ratintLink {
  margin-top: 0.2308rem;
}
.mypage_wrap .main_cont_area--new .skstoaMypage .skstoaMypage__content .skstoaMypage__info .ratintLink a {
  display: flex;
  align-items: center;
  height: 22px;
  line-height: 22px;
  border-radius: 8px;
  padding: 0;
  font-size: var(--system-14);
  font-weight: 500;
  letter-spacing: -0.06px;
  color: #fff;
  gap: 4px;
  background: none;
}
.mypage_wrap .main_cont_area--new .skstoaMypage .skstoaMypage__content .skstoaMypage__info .ratintLink a strong {
  font-weight: 700;
}
.mypage_wrap .main_cont_area--new .skstoaMypage .skstoaMypage__content .skstoaMypage__info .ratintLink a .txt {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  border-radius: 8px;
  padding: 0 8px;
  font-size: var(--system-12);
  font-weight: 500;
  letter-spacing: -0.06px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}
.mypage_wrap .main_cont_area--new .skstoaMypage .skstoaMypage__content .skstoaMypage__info .ratintLink a:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/static/img/ico/ico_arrow.svg) no-repeat;
  margin-left: 2px;
}
.mypage_wrap .main_cont_area--new .skstoaMypage .skstoaMypage__content .skstoaMypage__setting {
  top: -7px;
}
.mypage_wrap .main_cont_area--new .round_box {
  margin: 0 1.154rem;
}
.mypage_wrap .main_cont_area--new .round_box .tit h3 {
  color: #222;
}
.mypage_wrap .main_cont_area--new .round_box .tit h4 {
  display: flex;
  color: #222;
  font-size: var(--system-16);
  font-weight: 700;
  align-items: center;
}
.mypage_wrap .main_cont_area--new .round_box .tit em {
  display: flex;
  height: 1.846rem;
  padding: 0 0.769rem;
  margin-left: 0.462rem;
  justify-content: center;
  align-items: center;
  color: var(--grey-scale-444);
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: -0.13px;
  border: 1px solid var(--grey-scale-ddd);
  border-radius: 100px;
  box-sizing: border-box;
}
.mypage_wrap .main_cont_area--new .round_box .recently .thumb {
  width: 56px;
}
.mypage_wrap .main_cont_area--new .round_box .recently .thumb a {
  width: 56px;
  height: 56px;
}
.mypage_wrap .main_cont_area--new .round_box .recently .info .name {
  -webkit-line-clamp: 1;
  margin-bottom: 0.4615rem;
}
.mypage_wrap .main_cont_area--new .round_box .recently .info .state {
  font-size: var(--system-16);
  font-weight: 700;
}
.mypage_wrap .main_cont_area--new .round_box .recently .info .state span {
  color: #E62642;
  padding: 0 8px;
  align-items: center;
  border-radius: 20px;
  background: rgba(230, 38, 66, 0.1);
  font-size: var(--system-12);
  border: 0;
  height: 1.692rem;
  line-height: 1.784rem;
}
.mypage_wrap .main_cont_area--new .round_box .recently .info .state span:after, .mypage_wrap .main_cont_area--new .round_box .recently .info .state span:before {
  display: none;
}
.mypage_wrap .main_cont_area--new .round_box .recently .info .state span.text {
  padding: 0;
  background: none;
  font-weight: 400;
}
.mypage_wrap .main_cont_area--new .round_box .recently .info .state span.rud_text {
  font-weight: 400;
}
.mypage_wrap .main_cont_area--new .round_box .recently .info .state span.rud_text strong {
  position: relative;
  top: -1px;
}
.mypage_wrap .main_cont_area--new .round_box .recently + .recently {
  margin-top: 8px;
}
.mypage_wrap .main_cont_area--new .round_box .btnBox {
  display: block;
  color: var(--grey-scale-222);
  margin-top: 0.7692rem;
  border: 1px solid #ccc;
  border-radius: 0.385rem;
  font-size: var(--system-14);
  background: var(--white-fff);
  height: 3.077rem;
  line-height: 3.231rem;
  text-align: center;
}
.mypage_wrap .main_cont_area--new .round_box .btnBox:after {
  content: "";
  display: inline-block;
  width: 0.385rem;
  height: 0.385rem;
  border-right: solid 1px #666666;
  border-top: solid 1px #666666;
  transform: rotate(45deg);
  margin-left: 0.538rem;
  margin-top: -0.171rem;
  vertical-align: middle;
}
.mypage_wrap .main_cont_area--new .round_box .btnBox-type {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mypage_wrap .main_cont_area--new .round_box .btnBox-type .btnBox {
  display: inline-block;
  min-width: 53.333vw;
  border: none;
  background: #F5F5F5;
  border-radius: 200px;
}
.mypage_wrap .main_cont_area--new .round_box .btn_area ul {
  height: 40px;
}
.mypage_wrap .main_cont_area--new .recent_order {
  margin-top: 1.0769rem;
}
.mypage_wrap .main_cont_area--new .recent_order .tit {
  margin-bottom: 0.6154rem;
}
.mypage_wrap .main_cont_area--new .account-manage {
  position: relative;
  display: flex;
  align-items: center;
  height: 44px;
  margin: -1.6154rem 1.154rem 0.6154rem;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
  z-index: 2;
}
.mypage_wrap .main_cont_area--new .account-manage::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 20px;
  background: #D9D9D9;
}
.mypage_wrap .main_cont_area--new .account-manage a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: var(--system-14);
  font-weight: 700;
  flex: 1;
}
.mypage_wrap .main_cont_area--new .account-manage a::before {
  content: "";
  position: relative;
  display: inline-block;
  top: -1px;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.mypage_wrap .main_cont_area--new .account-manage a.member::before {
  background: url(/static/img/ico/ico_member.svg) no-repeat;
}
.mypage_wrap .main_cont_area--new .account-manage a.delivery::before {
  background: url(/static/img/ico/ico_delivery.svg) no-repeat;
}
.mypage_wrap .skstoaMypage {
  min-height: 110px;
  padding: 1.538rem 1.154rem 2.154rem;
  margin: 0 0 3rem;
  box-sizing: border-box;
}
.mypage_wrap .skstoaMypage .skstoaMypage__content {
  min-height: 72px;
  margin-bottom: 0;
  padding-left: 6.154rem;
  align-items: center;
}
.mypage_wrap .skstoaMypage .skstoaMypage__content .ratingImg {
  width: 5.538rem;
  height: 5.538rem;
}
.mypage_wrap .skstoaMypage .skstoaMypage__content .skstoaMypage__info {
  width: calc(100% - 65px);
}
.mypage_wrap .skstoaMypage .skstoaMypage__content .skstoaMypage__info .nameArea a {
  display: inline;
  min-height: 24px;
}
.mypage_wrap .skstoaMypage .skstoaMypage__content .skstoaMypage__info .nameArea.skMember {
  padding: 0 0 0 26px;
}
.mypage_wrap .skstoaMypage .skstoaMypage__content .skstoaMypage__info .nameArea .name {
  display: inline;
  font-size: var(--system-18);
  line-height: 22px;
  padding: 0;
}
.mypage_wrap .skstoaMypage .skstoaMypage__content .skstoaMypage__info .nameArea .name:after {
  left: -26px;
}
.mypage_wrap .skstoaMypage .skstoaMypage__content .skstoaMypage__info .ratintLink {
  margin-top: 0.615rem;
}
.mypage_wrap .skstoaMypage .skstoaMypage__content .skstoaMypage__info .ratintLink a {
  border-radius: 8px;
  padding: 0 8px;
  font-size: var(--system-12);
}
.mypage_wrap .skstoaMypage .skstoaMypage__content .skstoaMypage__info .couponArea a:after {
  content: "";
  display: inline-block;
  position: relative;
  right: -3px;
  top: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
}
.mypage_wrap .skstoaMypage .membershipArea {
  position: absolute;
  left: 0;
  bottom: -2.154rem;
  display: flex;
  width: calc(100% - 2.308rem);
  height: auto;
  margin: 0 1.154rem;
  box-shadow: none;
  background: none;
  gap: 0.615rem;
}
.mypage_wrap .skstoaMypage .membershipArea a {
  position: relative;
  font-size: var(--system-14);
  background: var(--white-fff);
  border-radius: 0.308rem;
  box-shadow: 0 0.308rem 0.769rem 0 rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  letter-spacing: -0.07px;
  padding: 0.231rem 1.846rem 0.231rem 0.385rem;
  min-height: 44px;
}
.mypage_wrap .skstoaMypage .membershipArea a strong {
  font-weight: 700;
}
.mypage_wrap .skstoaMypage .membershipArea a:after {
  position: absolute;
  right: 18px;
  top: calc(50% - 3px);
}
.mypage_wrap .skstoaMypage .membershipArea a:only-child {
  flex-flow: wrap;
  justify-content: start;
}
.mypage_wrap .skstoaMypage_benefit {
  margin: 0 15px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
  border: none;
}
.mypage_wrap .skstoaMypage_benefit + .skstoaMypage_benefit {
  margin-top: 0.462rem;
}
.mypage_wrap .skstoaMypage_benefit ul {
  position: relative;
  z-index: 2;
}
.mypage_wrap .skstoaMypage_benefit ul li a {
  padding: 20px 0 15px;
}
.mypage_wrap .skstoaMypage_benefit ul li a .txt {
  color: #444;
  font-size: var(--system-14);
  font-weight: 500;
  line-height: var(--system-18);
  letter-spacing: -0.07px;
  margin-bottom: 4px;
}
.mypage_wrap .skstoaMypage_benefit ul li a .num {
  color: #111;
}
.mypage_wrap .skstoaMypage_benefit ul li a .num strong, .mypage_wrap .skstoaMypage_benefit ul li a .num span {
  font-size: var(--system-18);
}
.mypage_wrap .skstoaMypage_benefit ul li + li:before {
  top: 12px;
  height: 56px;
}
.mypage_wrap .skstoaMypage_benefit ul li .mypage_tooltip {
  bottom: -0.769rem;
  font-size: var(--system-12);
  height: 1.692rem;
  line-height: 1.692rem;
  margin: -1.692rem 0 0;
  padding: 0 0.769rem;
}
.mypage_wrap .skstoaMypage_benefit .monthBenefit a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.077rem 0.846rem 1.231rem;
}
.mypage_wrap .skstoaMypage_benefit .monthBenefit a .txt {
  color: var(--grey-scale-222);
  font-size: var(--system-14);
  font-weight: 700;
  letter-spacing: -0.32px;
  line-height: normal;
}
.mypage_wrap .skstoaMypage_benefit .monthBenefit a .amount {
  position: relative;
  display: flex;
  padding-right: 1.846rem;
}
.mypage_wrap .skstoaMypage_benefit .monthBenefit a .amount strong {
  display: flex;
  align-items: center;
  color: var(--e-62642);
  font-size: var(--system-18);
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: normal;
  padding-right: 0;
}
.mypage_wrap .skstoaMypage_benefit .monthBenefit a .amount strong::after {
  display: none;
}
.mypage_wrap .skstoaMypage_benefit .monthBenefit a .amount span {
  color: var(--e-62642);
  font-size: var(--system-18);
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: normal;
}
.mypage_wrap .skstoaMypage_benefit .monthBenefit a .amount::after {
  content: "";
  position: absolute;
  right: 0.846rem;
  top: calc(50% - 0.269rem);
  width: 0.538rem;
  height: 0.538rem;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  transform: rotate(45deg);
}
.mypage_wrap .skstoaMypage_benefit .membership_area {
  position: relative;
  border-top: 1px solid #eee;
  left: 1.231rem;
  width: calc(100% - 2.462rem);
}
.mypage_wrap .skstoaMypage_benefit .membership_area a {
  display: flex;
  height: 1.846rem;
  padding: 0.769rem 0;
  align-items: center;
  justify-content: space-between;
}
.mypage_wrap .skstoaMypage_benefit .membership_area a .title {
  color: var(--grey-scale-444);
  font-size: var(--system-14);
  font-weight: 500;
  letter-spacing: -0.08px;
}
.mypage_wrap .skstoaMypage_benefit .membership_area a .amount {
  position: relative;
  padding-right: 1.846rem;
}
.mypage_wrap .skstoaMypage_benefit .membership_area a .amount * {
  color: var(--black-111);
  font-size: var(--system-18);
}
.mypage_wrap .skstoaMypage_benefit .membership_area a .amount::after {
  content: "";
  position: absolute;
  right: 0.846rem;
  top: calc(50% - 0.269rem);
  width: 0.538rem;
  height: 0.538rem;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  transform: rotate(45deg);
}
.mypage_wrap .mypage-swiper {
  margin: 1.231rem 1.154rem;
  border-radius: 0.615rem;
  overflow: hidden;
}
.mypage_wrap .mypage-menu {
  padding: 0 15px;
  background: var(--white-fff);
}
.mypage_wrap .mypage-menu__section {
  padding: 1.846rem 0;
}
.mypage_wrap .mypage-menu__section + .mypage-menu__section {
  border-top: 1px solid #ddd;
}
.mypage_wrap .mypage-menu__title {
  color: #111;
  font-size: var(--system-20);
  font-weight: 700;
  letter-spacing: -0.4px;
  margin-bottom: var(--system-16);
}
.mypage_wrap .mypage-menu__list .mypage-menu__item {
  padding: 0;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item a {
  position: relative;
  display: block;
  width: 100%;
  color: var(--grey-scale-222);
  font-size: var(--system-16);
  padding: 0 0 0 1.846rem;
  letter-spacing: -0.32px;
  line-height: 1.846rem;
  box-sizing: border-box;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.154rem;
  width: 1.538rem;
  height: 1.538rem;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item a::after {
  content: "";
  position: absolute;
  right: 0.846rem;
  top: 0.538rem;
  width: 0.538rem;
  height: 0.538rem;
  border-top: 1px solid var(--grey-scale-666);
  border-right: 1px solid var(--grey-scale-666);
  transform: rotate(45deg);
}
.mypage_wrap .mypage-menu__list .mypage-menu__item + .mypage-menu__item {
  margin-top: 1.231rem;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.order a::before {
  background: url(../../img/ico/ico_menu_order.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.cancel a::before {
  background: url(../../img/ico/ico_menu_cancel.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.gift a::before {
  background: url(../../img/ico/ico_menu_gift.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.review a::before {
  background: url(../../img/ico/ico_menu_review.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.reward a::before {
  background: url(../../img/ico/ico_menu_point.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.coupon a::before {
  background: url(../../img/ico/ico_menu_coupon.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.giftcard a::before {
  background: url(../../img/ico/ico_menu_giftcard.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.membership a::before {
  background: url(../../img/ico/ico_menu_membership.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.card a::before {
  background: url(../../img/ico/ico_menu_card.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.limit a::before {
  background: url(../../img/ico/ico_menu_limit.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.experience a::before {
  background: url(../../img/ico/ico_menu_experience.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.event a::before {
  background: url(../../img/ico/ico_menu_event.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.wish a::before {
  background: url(../../img/ico/ico_menu_wish.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.inquery a::before {
  background: url(../../img/ico/ico_menu_inquery.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.notice a::before {
  background: url(../../img/ico/ico_menu_notice.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.profile a::before {
  background: url(../../img/ico/ico_menu_profile.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.grade a::before {
  background: url(../../img/ico/ico_menu_grade.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.login a::before {
  background: url(../../img/ico/ico_menu_login.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.payment a::before {
  background: url(../../img/ico/ico_menu_payment.svg) no-repeat;
}
.mypage_wrap .mypage-menu__list .mypage-menu__item.travel a::before {
  background: url(../../img/ico/ico_menu_travel.svg) no-repeat;
}
.mypage_wrap .round_box {
  margin: 1.231rem 1.154rem 0;
}
.mypage_wrap .round_box .deli_state {
  margin: 0 0 1.231rem;
}
.mypage_wrap .round_box .deli_state ul {
  display: flex;
}
.mypage_wrap .round_box .deli_state ul li {
  flex: 1;
  text-align: center;
  height: 4.769rem;
}
.mypage_wrap .round_box .deli_state ul li .num {
  color: var(--black-111);
  font-size: var(--system-24);
  font-weight: 700;
  letter-spacing: -0.24px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.692rem;
}
.mypage_wrap .round_box .deli_state ul li .num.zero {
  color: var(--grey-scale-ccc);
}
.mypage_wrap .round_box .deli_state ul li .txt {
  color: var(--grey-scale-666);
  font-size: 0.923rem;
  font-weight: 500;
  letter-spacing: -0.24px;
}
.mypage_wrap .round_box .btn_area {
  border-radius: 0.615rem;
  background: var(--grey-scale-fafafa);
}
.mypage_wrap .round_box .btn_area ul {
  display: flex;
  height: 46px;
  align-items: center;
  justify-content: space-between;
  padding: 0 38px;
}
.mypage_wrap .round_box .btn_area ul li a dl {
  display: flex;
  align-items: center;
}
.mypage_wrap .round_box .btn_area ul li a dl dt {
  color: var(--grey-scale-666);
  font-size: var(--system-14);
  font-weight: 500;
  letter-spacing: -0.28px;
  margin-right: 4px;
}
.mypage_wrap .round_box .btn_area ul li a dl dd {
  color: var(--black-111);
  font-size: var(--system-16);
  font-weight: 700;
  letter-spacing: -0.16px;
}
.mypage_wrap .round_box .btn_area ul li a dl dd.zero {
  color: var(--grey-scale-888);
}
.mypage_wrap .round_box .goodsList {
  padding: 0;
}
.mypage_wrap .round_box .recently {
  display: flex;
  align-items: flex-start;
}
.mypage_wrap .round_box .recently .thumb {
  width: 7.308rem;
}
.mypage_wrap .round_box .recently .thumb a {
  display: flex;
  flex-direction: column;
  border-radius: 0.385rem;
  width: 7.308rem;
  height: 7.308rem;
  overflow: hidden;
}
.mypage_wrap .round_box .recently .thumb a .img {
  position: relative;
}
.mypage_wrap .round_box .recently .thumb a .img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.04);
  z-index: 1;
}
.mypage_wrap .round_box .recently .info {
  font-size: 1.077rem;
  padding-left: 1.231rem;
  overflow: hidden;
}
.mypage_wrap .round_box .recently .info .name {
  display: block;
  color: var(--grey-scale-222);
  font-size: var(--system-14);
  margin-bottom: 1.462rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mypage_wrap .round_box .recently .info .name span {
  position: relative;
  display: inline-block;
  margin-right: 0.538rem;
  font-weight: bold;
  color: #1d1d1d;
}
.mypage_wrap .round_box .recently .info .name span.tag {
  max-width: 51px;
  height: 22px;
  border-radius: 8px;
  background: #eee;
  padding: 0 6px;
  color: #222;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.06px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
}
.mypage_wrap .round_box .recently .info .state {
  color: var(--grey-scale-222);
  font-size: 1.231rem;
  font-weight: 600;
}
.mypage_wrap .round_box .recently .info .state span {
  position: relative;
  display: inline-block;
  background: #FFFBF2;
  color: #E18989;
  border: 1px solid #EEC2C9;
  font-size: 0.923rem;
  padding: 0 0.615rem;
  border-radius: 0.385rem;
  height: 1.923rem;
  line-height: 23px;
  margin-left: 0.769rem;
  box-sizing: border-box;
}
.mypage_wrap .round_box .recently .info .state span:before {
  content: "";
  position: absolute;
  left: -0.692rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 0.327rem solid transparent;
  border-right: 0.654rem solid #EEC2C9;
  border-bottom: 0.327rem solid transparent;
  z-index: 1;
}
.mypage_wrap .round_box .recently .info .state span:after {
  content: "";
  position: absolute;
  left: -0.538rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 0.308rem solid transparent;
  border-right: 0.615rem solid #FFFBF2;
  border-bottom: 0.308rem solid transparent;
  z-index: 2;
}
.mypage_wrap .round_box .all_order {
  display: block;
  color: var(--grey-scale-222);
  margin-top: 1.538rem;
  border: 1px solid #E5E5E5;
  border-radius: 0.385rem;
  font-size: var(--system-14);
  background: var(--white-fff);
  height: 3.077rem;
  line-height: 3.231rem;
  text-align: center;
}
.mypage_wrap .round_box .all_order:after {
  content: "";
  display: inline-block;
  width: 0.385rem;
  height: 0.385rem;
  border-right: solid 1px #666666;
  border-top: solid 1px #666666;
  transform: rotate(45deg);
  margin-left: 0.538rem;
  margin-top: -0.231rem;
  vertical-align: middle;
}
.mypage_wrap .rolling-container {
  position: relative;
  height: 44px;
  overflow: hidden;
  margin: 0 15px 8px;
  padding: 0 16px;
  background-color: #FFFBFB;
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
}
.mypage_wrap .rolling-container ul {
  position: relative;
}
.mypage_wrap .rolling-container ul li {
  color: #222;
  height: 44px;
  display: flex;
  align-items: center;
  font-size: 13px;
}
.mypage_wrap .rolling-container ul li a {
  display: flex;
  width: 100%;
}
.mypage_wrap .rolling-container ul li em {
  height: 22px;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.06px;
  border-radius: 8px;
  background: rgba(230, 38, 66, 0.1);
  padding: 0 6px;
  color: #E62642;
  margin-right: 8px;
  box-sizing: border-box;
}
.mypage_wrap .rolling-container ul li span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  height: 22px;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.06px;
}
.mypage_wrap .rolling-container ul li span strong {
  position: relative;
  top: -1px;
}

.round_box {
  border-radius: 0.615rem;
  background: var(--white-fff);
  box-shadow: 0 0.308rem 1.231rem 0 rgba(0, 0, 0, 0.16);
  padding: 1.538rem 1.231rem;
}
.round_box .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.231rem;
}
.round_box .tit h3 {
  display: flex;
  color: var(--black-111);
  font-size: var(--system-20);
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: -0.2px;
}
.round_box .tit h3 em {
  display: flex;
  height: 1.846rem;
  padding: 0 0.769rem;
  margin-left: 0.462rem;
  justify-content: center;
  align-items: center;
  color: var(--grey-scale-444);
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: -0.13px;
  border: 1px solid var(--grey-scale-ddd);
  border-radius: 100px;
  box-sizing: border-box;
}
.round_box .tit .btnMore {
  position: relative;
  padding: 0 1.231rem 0 0;
  color: var(--grey-scale-666);
  font-size: 0.923rem;
  font-weight: 500;
  letter-spacing: -0.06px;
}
.round_box .tit .btnMore:after {
  content: "";
  position: absolute;
  right: 0.462rem;
  top: calc(50% - 0.192rem);
  width: 0.385rem;
  height: 0.385rem;
  border-top: 1px solid var(--grey-scale-666);
  border-right: 1px solid var(--grey-scale-666);
  transform: rotate(45deg);
}
.round_box.round_box--swiper {
  padding: 1.231rem 0;
}
.round_box.round_box--swiper .tit, .round_box.round_box--swiper .goodsList {
  padding: 0 1.154rem;
}
.round_box.round_box--swiper .stoaModule__title {
  margin-bottom: 1.231rem;
  padding: 0 1.154rem;
}
.round_box.round_box--swiper .stoaModule__title .subject {
  color: #222;
  font-size: var(--system-20);
}

.section-container {
  background-color: #fff;
  border-radius: 12px;
  margin: 1.076rem 1.154rem;
  padding: 1.538rem 1.538rem 0.307rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.section-container .section-title {
  font-size: var(--system-14);
  color: #888;
  font-weight: bold;
}
.section-container .list-item {
  border-bottom: 1px solid #f0f0f0;
}
.section-container .list-item a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.23rem 1.846rem 1.23rem 0;
  cursor: pointer;
  text-decoration: none;
  color: #333;
}
.section-container .list-item a:after {
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  right: 6px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  transform: rotate(45deg);
  margin-left: 5px;
}
.section-container .list-item:last-child {
  border-bottom: none;
}
.section-container .list-item .item-label {
  display: flex;
  font-size: var(--system-16);
  font-weight: 500;
  align-items: center;
}
.section-container .list-item .item-value {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: var(--system-16);
  font-weight: bold;
}
.section-container .list-item .item-value .speech-bubble {
  display: flex;
  align-items: center;
  padding: 0 0.8rem;
  height: 1.538rem;
  line-height: 1.538rem;
  border-radius: 2.666rem;
  background: #FDEEF0;
  color: #E62642;
  font-size: var(--system-13);
  font-weight: 400;
}
.section-container .list-item .bold {
  margin: 0 5px;
}
.section-container .list-item .stoaModule__item.type6 {
  border: none;
  background: #fff;
}
.section-container .list-item .stoaModule__item.type6 .goodsList {
  padding: 0 0 16px;
}
.section-container .list-item .stoaModule__item.type6 .badge-text {
  position: absolute;
  left: 0;
  top: 0;
  height: 22px;
  padding: 0 6px;
  border-radius: 4px 0 8px 0;
  background: rgba(34, 34, 34, 0.5);
  backdrop-filter: blur(10px);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.055px;
  line-height: 22px;
  z-index: 2;
}
.section-container .list-item .stoaModule__item.type6 .swiper-slide a:after {
  display: none;
}
.section-container .list-item .stoaModule__item.type6 .swiper-slide .title {
  font-size: 12px;
  line-height: 16px;
  height: 32px;
}
.section-container .list-item .goodsList {
  padding: 0 0 24px;
}
.section-container .list-item .goodsList.type3 .swiper-slide {
  width: 90px;
}
.section-container .list-item .goodsList.type3 .swiper-slide a {
  padding: 0;
}
.section-container .list-item .goodsList.type3 .thumbnail {
  height: 90px;
}
.section-container .detail-box {
  background-color: #FAFAFA;
  padding: 0.769rem 1.23rem;
  margin-top: -0.769rem;
  margin-bottom: 0.307rem;
  font-size: var(--system-13);
  color: #666;
}
.section-container .detail-box a {
  display: flex;
  flex-flow: column;
  gap: 0.6154rem;
}
.section-container .detail-row {
  display: flex;
  justify-content: space-between;
  /*+ .detail-row {
  	padding-top: 0.6154rem;
  }*/
}
.section-container .detail-row span:first-child {
  color: #666;
}
.section-container .detail-row span:last-child {
  color: #222;
}
.section-container .detail-row span.red {
  color: #E62642;
}
.section-container.saved-section .list-item a {
  padding: 16px 15px 16px 48px;
  min-height: 40px;
}
.section-container.saved-section .list-item a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 14px;
}
.section-container.saved-section .list-item a .item-label {
  display: block;
}
.section-container.saved-section .list-item a.ico-shopping:before {
  background: rgba(239, 84, 84, 0.1) url(/static/img/ico/ico_shopping.svg) no-repeat center;
}
.section-container.saved-section .list-item .ico-att:before {
  background: rgba(54, 159, 255, 0.1) url(/static/img/ico/ico_att.svg) no-repeat center;
}
.section-container--recommend .stoaModule__title {
  padding: 0 0 15px;
}
.section-container--recommend .stoaModule__title .promo-user__info {
  font-size: 14px;
  font-weight: 500;
}
.section-container--recommend .stoaModule__title .promo-user__info .user-name {
  color: #222;
}
.section-container--recommend .stoaModule__title .promo-user__info .promo-text {
  color: #999;
}
.section-container--recommend .stoaModule__title .subject.ft-overflow.type1 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.section-container--recommend .goodsList {
  padding: 0 0 17px;
}
.section-container--recommend .goodsList.type7 .goodsPrice {
  margin: 4px 0 0;
}
.section-container--recommend .promo-actions__container .btn-more-recommend {
  flex-direction: column;
  text-align: end;
}
.section-container--recommend .promo-actions__container .btn-more-recommend::after {
  top: 0;
}
.section-container--empty {
  padding: 63px 0 20px;
  text-align: center;
}
.section-container--empty strong {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
.section-container--empty p {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  margin: 8px 0 59px;
}

/********** // (e) Mypage Menu **********/
/********** common_layer_pop (s) // **********/
.common_layer_pop {
  display: none;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
  max-height: calc(100% - 40px);
  overflow-y: auto;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 91.7%;
}
.common_layer_pop .close_layer {
  display: block;
  height: 14px;
  width: 14px;
  position: absolute;
  background: url(../../img/ico/ico_del02.png) no-repeat 0 0;
  right: 15px;
  top: 18px;
  text-indent: -9999em;
}
.common_layer_pop h3.poptit {
  font-size: 19px;
  height: 50px;
  line-height: 53px;
}
.common_layer_pop .layer_pop_sec_contents {
  padding: 18px 15px 17px;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList .cardBenefit {
  border-top: 1px solid #e2e2e2;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList .cardBenefit ul {
  border-top: 1px solid #e2e2e2;
  margin-top: 10px;
  padding-top: 10px;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList .cardBenefit ul li {
  display: flex;
  font-size: 0;
  margin-top: 10px;
  overflow: hidden;
  text-align: left;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList .cardBenefit ul li:first-child {
  margin-top: 0;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList .cardBenefit ul li .tagBox {
  border: 1px solid #e62642;
  box-sizing: border-box;
  color: #e62642;
  display: inline-block;
  flex: none;
  font-size: 14px;
  height: 25px;
  line-height: 23px;
  padding: 0 10px;
  vertical-align: top;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList .cardBenefit ul li .priceTxt {
  color: #212121;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  margin-left: auto;
  vertical-align: top;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl {
  overflow: hidden;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl:first-child {
  padding-top: 0;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl:last-child {
  padding: 15px 0;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl dt {
  color: #222;
  float: left;
  font-size: 12px;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl dd {
  color: #666;
  float: right;
  font-size: 12px;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl dd.txt_col01 {
  color: #e62642;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl .cbo {
  clear: both;
  float: none;
  overflow: hidden;
  width: 100%;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl .cbo .box_white {
  border-top: 0;
  margin-top: 8px;
  padding-top: 3px;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl .cbo .box_white .bnt_bul_list01 {
  padding: 0;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl .cbo .box_white .bnt_bul_list01 li {
  color: #444;
  font-size: 12px;
  line-height: 13px;
  margin-top: 7px;
  overflow: hidden;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl .cbo .box_white .bnt_bul_list01 li .bnt_txt_l {
  color: #444;
  float: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl .cbo .box_white .bnt_bul_list01 li .bnt_txt_r {
  color: #888;
  float: right;
  font-size: 12px;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl.totalDiscount {
  border-top: 1px solid #e2e2e2;
}
.common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl.totalDiscount dt, .common_layer_pop .layer_pop_sec_contents .card_infos .discountInfoList dl.totalDiscount dd {
  font-size: 14px;
  font-weight: 700;
}
.common_layer_pop .bottomTxtBox {
  background: #f5f5f5;
  border-top: 1px solid #e2e2e2;
  padding: 10px 15px;
}
.common_layer_pop .bottomTxtBox p {
  color: #444;
  font-size: 12px;
  line-height: 16px;
}
.common_layer_pop .bottomTxtBox p span:first-child {
  padding-left: 0;
}

/********** // (e) common_layer_pop **********/
/********** 취미추천 모듈 (s) // **********/
.favPick-list {
  overflow-x: auto;
  width: 100%;
  padding: 0 15px;
}
.favPick-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 434px;
  gap: 6px;
}
.favPick-item {
  position: relative;
  width: 104px;
  height: 104px;
}
.favPick-item input {
  display: none;
}
.favPick-item .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.5px;
  text-align: center;
  color: #ffffff;
  background: rgba(25, 25, 25, 0.3);
  padding: 1px 0 2px;
}
.favPick-item:has(input:checked) .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  background: rgba(255, 125, 0, 0.8);
  padding-top: 20px;
}
.favPick-item:has(input:checked) .txt::before {
  content: "";
  width: 22px;
  height: 18px;
  background: url(../../img/ico/ico_heart_pick.png) no-repeat;
  background-size: cover;
  margin-bottom: 6px;
}
.favPick-item.aiPick:before {
  content: "AI PICK";
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  font-family: "Pretendard";
  height: 20px;
  padding: 0 6px;
  background: #E62642;
  line-height: 22px;
  letter-spacing: 0;
  box-sizing: border-box;
  text-align: center;
  z-index: 2;
}

/********** // (e) 취미추천 모듈 **********/
/********** 취향탐색 모듈 (s) // **********/
.pickCheckList {
  background-color: #F7F7F7;
  padding-bottom: 32px;
}
.pickCheckList .stoaModule__title {
  background-color: transparent;
  padding-top: 24px;
}

/********** // (e) 취향탐색 모듈 **********/
.search_wrap.search_wrap--area {
  padding-bottom: 64px;
}
.search_wrap.search_wrap--area h3 {
  height: auto;
}
.search_wrap.search_wrap--area h3 span {
  vertical-align: baseline;
}
.search_wrap.search_wrap--area .sch_cont {
  padding: 15px 15px 0;
}
.search_wrap.search_wrap--area .sch_cont .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
}
.search_wrap.search_wrap--area .sch_cont .tit .all_del_btn {
  position: relative;
  display: block;
  font-size: 12px;
  color: #666;
}
.search_wrap.search_wrap--area .sch_cont .tit .all_del_btn:after {
  display: none;
}
.search_wrap.search_wrap--area .search_recently {
  margin-top: 14px;
}
.search_wrap.search_wrap--area .search_recently ul {
  display: flex;
  justify-content: normal;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0;
  gap: 5px;
}
.search_wrap.search_wrap--area .search_recently ul li {
  position: relative;
  display: inline-block;
  width: auto;
  height: 32px;
  min-height: auto;
  border: 1px solid #ccc;
  border-radius: 16px;
  font-size: 14px;
  color: #333;
  line-height: 30px;
  box-sizing: border-box;
  padding: 0;
  flex-shrink: 0;
}
.search_wrap.search_wrap--area .search_recently ul li a {
  display: inline-block;
  font-size: 14px;
  color: #666;
  padding-left: 14px;
  max-width: 132px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  line-height: 32px;
}
.search_wrap.search_wrap--area .search_recently ul li a.del {
  font-size: 0;
  background: url(../../img/btn_close_top_ad.png) no-repeat 5px center;
  background-size: 9px 9px;
  width: 24px;
  height: 100%;
  opacity: 0.8;
  position: relative;
  right: 0;
  top: -2px;
  transform: translate(0);
  padding-right: 0;
  padding-left: 0;
  box-sizing: border-box;
}
.search_wrap.search_wrap--area .search_recently.type2 ul {
  flex-wrap: wrap;
  gap: 10px 8px;
}
.search_wrap.search_wrap--area .search_recently.type2 ul li {
  border: 0;
  border-radius: 0;
  font-size: inherit;
  color: inherit;
  line-height: 1;
  display: block;
  height: auto;
}
.search_wrap.search_wrap--area .search_recently.type2 ul li a {
  padding-left: 0;
  background: #F3F6FE;
  border: 0;
  font-size: 16px;
  color: #2A31BF;
  padding: 0 14px;
  border-radius: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  line-height: inherit;
}
.search_wrap.search_wrap--area .search-keywords {
  padding: 15px 15px 5px;
}
.search_wrap.search_wrap--area .search-keywords__title {
  color: #222;
  font-size: 16px;
}
.search_wrap.search_wrap--area .search-keywords__list {
  display: flex;
  flex-flow: wrap;
  gap: 10px 8px;
  margin: 12px 0 0;
  height: 78px;
  overflow: hidden;
}
.search_wrap.search_wrap--area .search-keywords__list .search-keywords__item {
  display: flex;
  height: 34px;
  padding: 0 14px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: #F3F6FE;
  color: #2A31BF;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.16px;
}
.search_wrap.search_wrap--area .search-keywords--v1 .search-keywords__list {
  padding: 8px 0 0;
}
.search_wrap.search_wrap--area .search-keywords--v1 .search-keywords__list .search-keywords__item {
  position: relative;
  min-width: 56px;
  font-size: 14px;
  box-sizing: border-box;
}
.search_wrap.search_wrap--area .search-keywords--v1 .search-keywords__list .search-keywords__item.search-keywords__item--on-air .on-air-text {
  position: absolute;
  left: 0;
  top: -8px;
  height: 16px;
  padding: 0 6px;
  border-radius: 100px;
  background: #3869FF;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: -0.05px;
}
.search_wrap.search_wrap--area .search-keywords--v1 .search-keywords__list .search-keywords__item.search-keywords__item--on-air .search-keywords__text {
  font-weight: 700;
}
.search_wrap.search_wrap--area .search-keywords--v1 .search-keywords__tooltip-wrapper {
  position: relative;
  display: inline-block;
  margin-left: 4px;
}
.search_wrap.search_wrap--area .search-keywords--v1 .search-keywords__tooltip-btn {
  position: relative;
  top: -1px;
  border: none;
  cursor: pointer;
  width: 16px;
  height: 16px;
  padding: 1px;
  background: url(/static/img/ico/ico_tooltip_16x16.svg) no-repeat center;
}
.search_wrap.search_wrap--area .search-keywords--v1 .search-keywords__tooltip-box {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 8px;
  background-color: #444;
  color: #ffffff;
  padding: 10px 35px 14px 14px;
  border-radius: 8px;
  white-space: nowrap;
  font-size: 13px;
  z-index: 10;
}
.search_wrap.search_wrap--area .search-keywords--v1 .search-keywords__tooltip-box.is-active {
  display: block;
}
.search_wrap.search_wrap--area .search-keywords--v1 .search-keywords__tooltip-box::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 6px 6px 6px;
  border-style: solid;
  border-color: transparent transparent #444444 transparent;
}
.search_wrap.search_wrap--area .search-keywords--v1 .search-keywords__tooltip-box .search-keywords__tooltip-close {
  position: absolute;
  right: 10px;
  top: calc(50% - 2px);
  transform: translateY(-50%);
  border: none;
  color: #ffffff;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: url(/static/img/ico/ico_close_11x11.svg) no-repeat center;
  background-size: 9px;
}
.search_wrap.search_wrap--area .keyword-tags {
  display: flex;
  margin: 14px 0 16px;
  gap: 8px;
  overflow: auto;
}
.search_wrap.search_wrap--area .keyword-tags__items {
  display: inline-flex;
  height: 34px;
  padding: 0 14px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: #f5f5f5;
  border-radius: 100px;
  color: #444;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
}
.search_wrap.search_wrap--area .keyword-tags__items.on {
  color: #fff;
  background: #222;
  font-weight: 700;
}
.search_wrap.search_wrap--area .sch_list .list_box {
  display: flex;
  flex-flow: wrap;
  gap: 20px 0;
  margin: 16px 0 0;
}
.search_wrap.search_wrap--area .sch_list .list_box > div {
  width: 50%;
}
.search_wrap.search_wrap--area .sch_list .list_box > div a {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 34px;
  height: 20px;
  line-height: 20px;
  font-size: 15px;
  color: #111;
  letter-spacing: -0.15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search_wrap.search_wrap--area .sch_list .list_box > div a span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.search_wrap.search_wrap--area .sch_list .list_box > div a span:before {
  content: "";
  position: absolute;
  left: 20px;
  top: calc(50% - 1px);
  width: 6px;
  height: 2px;
  background: #ccc;
}
.search_wrap.search_wrap--area .sch_list .list_box > div.top a span {
  color: #E62642;
}
.search_wrap.search_wrap--area .sch_list .list_box > div.up a span:before {
  content: "";
  width: 8px;
  height: 8px;
  background: url(../../img/ico/ico_up_search.svg) no-repeat;
  top: calc(50% - 4px);
}
.search_wrap.search_wrap--area .sch_list .list_box > div.down a span:before {
  content: "";
  width: 8px;
  height: 8px;
  background: url(../../img/ico/ico_down_search.svg) no-repeat;
  top: calc(50% - 4px);
}
.search_wrap.search_wrap--area .sch_list .list_box > div.new a span:before {
  content: "N";
  left: 20px;
  width: 10px;
  height: 20px;
  top: calc(50% - 10px);
  color: #E62642;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: -0.14px;
  background: #fff;
}
.search_wrap.search_wrap--area .prd_slider_list .product_list.oneRang.product_slide.type03 > ul > li {
  width: 102px;
  margin-right: 10px;
}
.search_wrap.search_wrap--area .prd_slider_list .product_list.oneRang.product_slide.type03 > ul > li .prod_unit .info .tit {
  display: -webkit-box;
}
.search_wrap.search_wrap--area .prd_slider_list .product_list > ul > li .prod_unit .info .purchase {
  position: relative;
  padding: 0 0 0 16px;
  color: #000CFF;
  font-size: 13px;
  letter-spacing: -0.13px;
}
.search_wrap.search_wrap--area .prd_slider_list .product_list > ul > li .prod_unit .info .purchase::before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../../img/ico/ico_check.png) no-repeat;
}
.search_wrap.search_wrap--area .now_look_product .prod_unit .info .price .before {
  color: #222;
  text-decoration: none;
  font-size: 12px;
  font-weight: 400;
}
.search_wrap.search_wrap--area .now_look_product .prod_unit .info .price .before em {
  color: #222;
  font-size: 14px;
  font-weight: 700;
}
.search_wrap.search_wrap--area .addBanner {
  width: calc(100% - 30px);
  margin: 0 15px;
  padding: 20px 0 0;
  box-sizing: border-box;
  overflow: hidden;
}
.search_wrap.search_wrap--area .addBanner .swiper-wrapper {
  width: 100%;
}
.search_wrap.search_wrap--area .addBanner .counter {
  right: 0;
  bottom: 0;
  width: 45px;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.4);
  padding: 0;
}
.search_wrap.search_wrap--area .addBanner .counter .counter__item {
  font-size: 12px;
  color: #ccc;
  width: auto;
}
.search_wrap.search_wrap--area .addBanner .counter .counter__item .counter__total {
  color: #ccc;
}
.search_wrap.search_wrap--area .product_swipe_section {
  padding-bottom: 4px;
}
.search_wrap.search_wrap--area .product_swipe_section .prd_tit {
  font-size: 16px;
  padding: 20px 15px 14px;
}

/********** ISP결제안내 추가 (s) // **********/
.pay_radio_list.isp_wrap {
  min-height: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pay_radio_list.isp_wrap .isp_payment {
  padding: 0;
}
.pay_radio_list.isp_wrap .radio_ty {
  border-top: 0;
}

.isp_payment a {
  color: #666;
  font-size: 13px;
  letter-spacing: -0.39px;
  text-decoration: underline;
}

.isp_wrap {
  display: flex;
  justify-content: end;
}
.isp_wrap .isp_payment {
  padding: 8px 0;
}

.fontType_a.mypage_wrap .skstoaMypage .membershipArea a {
  padding: 0.231rem 0.385rem 0.231rem 0.385rem;
}
.fontType_a.mypage_wrap .skstoaMypage .membershipArea a:only-child {
  justify-content: center;
}

.fontType_b {
  --system-12: 0.923rem; /* 12px */
  --system-13: 1.000rem; /* 13px */
  --system-14: 1.077rem; /* 14px */
  --system-15: 1.154rem; /* 15px */
  --system-16: 1.231rem; /* 16px */
  --system-17: 1.3077rem; /* 17px */
  --system-18: 1.385rem; /* 18px */
  --system-19: 1.4615rem; /* 19px */
  --system-20: 1.538rem; /* 20px */
  --system-21: 1.6154rem; /* 21px */
  --system-22: 1.692rem; /* 22px */
  --system-24: 1.846rem; /* 24px */
  --system-26: 2.000rem; /* 26px */
}
.fontType_b .skstoaMypage .skstoaMypage__content .skstoaMypage__info .nameArea .name {
  font-size: var(--system-24);
  line-height: var(--system-26);
}
.fontType_b .skstoaMypage .membershipArea a {
  font-size: var(--system-18);
}
.fontType_b .skstoaMypage_benefit ul li a .txt {
  font-size: var(--system-20);
  line-height: var(--system-18);
}
.fontType_b .skstoaMypage_benefit ul li a .num strong, .fontType_b .skstoaMypage_benefit ul li a .num span {
  font-size: var(--system-22);
  line-height: var(--system-22);
}
.fontType_b .skstoaMypage_benefit .monthBenefit a .txt {
  font-size: var(--system-18);
}
.fontType_b .skstoaMypage_benefit .monthBenefit a .amount strong, .fontType_b .skstoaMypage_benefit .monthBenefit a .amount span {
  font-size: var(--system-22);
}
.fontType_b .skstoaMypage_benefit .membership_area a .title {
  font-size: var(--system-18);
}
.fontType_b .skstoaMypage_benefit .membership_area a .amount * {
  font-size: var(--system-20);
}
.fontType_b .round_box .tit h3 {
  font-size: var(--system-24);
}
.fontType_b .round_box .tit h3 em {
  font-size: var(--system-16);
}
.fontType_b .round_box .tit .btnMore {
  font-size: var(--system-16);
}
.fontType_b .round_box .btn_area ul li a dl dt {
  font-size: var(--system-16);
}
.fontType_b .round_box .btn_area ul li a dl dd {
  font-size: var(--system-20);
}
.fontType_b .round_box .deli_state ul li .num {
  font-size: var(--system-28);
}
.fontType_b .round_box .all_order {
  font-size: var(--system-18);
}
.fontType_b .mypage-menu__title {
  font-size: var(--system-24);
}
.fontType_b .mypage-menu__list .mypage-menu__item a {
  font-size: var(--system-20);
}
.fontType_b .section-container .section-title {
  font-size: var(--system-18);
}
.fontType_b .section-container .item-label {
  font-size: var(--system-18);
}
.fontType_b #section_benefit .detail-box, .fontType_b #section_activity .detail-box, .fontType_b #section_payment .detail-box {
  font-size: var(--system-15);
}
.fontType_b #section_benefit .section-title, .fontType_b #section_activity .section-title, .fontType_b #section_payment .section-title {
  font-size: var(--system-18);
}
.fontType_b #section_benefit .list-item .item-label, .fontType_b #section_benefit .list-item .item-value, .fontType_b #section_activity .list-item .item-label, .fontType_b #section_activity .list-item .item-value, .fontType_b #section_payment .list-item .item-label, .fontType_b #section_payment .list-item .item-value {
  font-size: var(--system-20);
}
.fontType_b #section_benefit .list-item .speech-bubble, .fontType_b #section_activity .list-item .speech-bubble, .fontType_b #section_payment .list-item .speech-bubble {
  font-size: var(--system-15);
}

/********** // (e) ISP결제안내 추가 **********/
/********** 개인화 추천 매장 (s) // **********/
.recommandPersonal [data-scroll] {
  opacity: 0;
}
.recommandPersonal [data-scroll][data-scroll=slide] {
  transform: translate3d(0, 10px, 0);
  will-change: opacity, transform;
  transition: 1s calc(var(--index, 0) * 0.15s) ease-out;
}
.recommandPersonal [data-scroll][data-scroll=slide].active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.recommandPersonal [data-scroll][data-scroll=fade] {
  will-change: opacity;
  transition: opacity 1s calc(var(--index, 0) * 0.15s) ease-out;
}
.recommandPersonal [data-scroll][data-scroll=fade].active {
  opacity: 1;
}
.recommandPersonal__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FFEFF8;
  padding: 38px 0 0 0;
}
.recommandPersonal__top .character {
  position: relative;
  bottom: -7px;
  left: 5px;
  margin-top: -26px;
  display: block;
  width: 359px;
  height: 335px;
  background: url("/static/img/stoaModule/personal/title_bg.png") no-repeat center 0/100% auto;
}
.recommandPersonal__top .downBtn {
  width: 25px;
  height: 14px;
  background: url("/static/img/stoaModule/personal/arrow.png") no-repeat center 0/100% auto;
  position: relative;
  margin-bottom: 9px;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  position: relative;
  top: 0;
  opacity: 0;
  transform: translate3d(0, 0, 0);
  animation: recommandPersonalBtn 3s 1s infinite ease-in-out;
  will-change: transform, opacity;
  z-index: 10;
}
.recommandPersonal__item[class*=type1] {
  padding-top: 92px;
  position: relative;
}
.recommandPersonal__item[class*=type1]::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 137px;
  background: #FFEFF8;
  z-index: 0;
}
.recommandPersonal__item[class*=type2] {
  padding-top: 66px;
  position: relative;
  background: #FFEFF8;
  overflow: hidden;
}
.recommandPersonal__item[class*=type3] {
  background: #f3f3f3;
  padding: 63px 0 20px;
}
.recommandPersonal__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: #222;
}
.recommandPersonal__top .recommandPersonal__title {
  text-align: center;
}

.recommandPersonal__item .recommandPersonal__title {
  padding: 0 31px;
  letter-spacing: -0.01em;
}

.recommandPersonal__item--type3 .recommandPersonal__title {
  text-align: center;
}

.recommandPersonal__txt {
  font-size: 15px;
  color: #606060;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.recommandPersonal__top .recommandPersonal__txt {
  text-align: center;
  margin-top: 13px;
  letter-spacing: -0.02em;
}

.recommandPersonal__item .recommandPersonal__txt {
  padding: 0 31px;
}

.recommandPersonal__item--type1 .recommandPersonal__txt {
  margin-top: 19px;
  padding: 0 33px;
}

.recommandPersonal__item--type2 .recommandPersonal__txt {
  margin-top: 15px;
}

.recommandPersonal__item--type3 .recommandPersonal__txt {
  margin-top: 14px;
  text-align: center;
}

.recommandPersonal__ai {
  text-indent: -9999px;
  font-size: 0;
  overflow: hidden;
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  vertical-align: -1px;
}
.recommandPersonal__ai[class*=type1] {
  width: 27px;
  height: 20px;
  background-image: url("/static/img/stoaModule/personal/ai_ico1.png");
  margin-right: 4px;
}
.recommandPersonal__ai[class*=type2] {
  width: 24px;
  height: 19px;
  background-image: url("/static/img/stoaModule/personal/ai_ico2.png");
  margin-right: 2px;
}
.recommandPersonal__fc {
  color: #733ECC;
  vertical-align: baseline;
  letter-spacing: inherit;
}
.recommandPersonal__top .recommandPersonal__fc {
  position: relative;
  left: -10px;
}

.recommandPersonal__ico[class*=type1] {
  width: 159px;
  height: 183px;
  background: url("/static/img/stoaModule/personal/item_bg1.png") no-repeat 0 0/100% auto;
  position: absolute;
  top: 47px;
  right: 0;
}
.recommandPersonal__list {
  display: inline-flex;
  overflow: visible;
  margin-top: 8px;
  position: relative;
  margin-left: -27px;
  z-index: 1;
}
.recommandPersonal__list li {
  width: 309px;
  flex-shrink: 0;
}
.recommandPersonal__list li:not(:nth-of-type(1)) {
  margin-left: -97px;
}
.recommandPersonal__character {
  display: block;
  width: 272px;
  height: 404px;
  background: url("/static/img/stoaModule/personal/item_bg2.png") no-repeat 0 0/100% auto;
  position: relative;
  left: -24px;
  top: 1px;
  margin-top: 11px;
  z-index: 1;
}
.recommandPersonal__bg {
  display: block;
  width: 444px;
  height: 490px;
  background: url("/static/img/stoaModule/personal/item_bg3.png") no-repeat 0 0/100% auto;
  position: relative;
  right: -43px;
  position: absolute;
  top: 126px;
}
.recommandPersonal__goods {
  width: 440px;
  height: 570px;
  padding: 0 0 0 5px;
}
@media screen and (min-width: 410px) {
  .recommandPersonal__goods {
    padding: 0;
    text-align: center;
    margin: 0 auto;
  }
}

/********** // (e) 개인화 추천 매장 **********/
/********** 방송알림 개선 (s) // **********/
.liveAlarmSub .stoaBottomToast__cont {
  height: auto;
  padding: 0px;
  overflow: hidden;
}
.liveAlarmSub .stoaBottomToast__cont .scrollCont {
  height: calc(80vh - 92px);
}
.liveAlarmSub .stoaBottomToast__cont .scrollCont {
  padding: 20px;
}
.liveAlarmSub__couponNote {
  display: flex;
  align-items: center;
  color: #E62642;
  font-weight: 700;
  line-height: 20px;
}
.liveAlarmSub__couponNote::before {
  content: "";
  display: block;
  width: 22px;
  height: 18px;
  background: url("/static/img/ico/coupon2.svg") no-repeat 0 0/100% auto;
  margin-right: 8px;
}
.liveAlarmSub__couponNote::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border: solid #E62642;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
  margin-left: 4px;
}
.liveAlarmSub__goods {
  display: flex;
  border-top: 1px solid #eee;
  padding-top: 18px;
  margin-top: 20px;
}
.liveAlarmSub__goods .thumbnail {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 4px;
  overflow: hidden;
}
.liveAlarmSub__goods .thumbnail img {
  width: 100%;
  height: 100%;
}
.liveAlarmSub__goods .thumbnail::before {
  content: "";
  background: rgba(102, 102, 102, 0.05);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.liveAlarmSub__goods .info .title {
  display: inline-block;
  height: auto;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border: none;
  margin-left: 12px;
}
.liveAlarmSub__goods .info .title b {
  font-weight: 700;
}
.liveAlarmSub__live {
  display: flex;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border-top: 1px solid #eee;
  padding-top: 16px;
  margin-top: 20px;
}
.liveAlarmSub__live::before {
  content: "";
  display: block;
  width: 17px;
  height: 18px;
  background: url(/static/img/ico/ico_tv.svg) no-repeat 0 0/100% auto;
  margin-right: 8px;
}
.liveAlarmSub__alarmSwitch {
  margin-top: 24px;
  padding-bottom: 8px;
}
.liveAlarmSub__alarmSwitch li {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.liveAlarmSub__alarmSwitch li.phone::before, .liveAlarmSub__alarmSwitch li.night::before {
  content: "";
  display: block;
  background: url("/static/img/ico/ico_phone2.svg") no-repeat 0 0/100% auto;
  width: 14px;
  height: 18px;
  margin-right: 8px;
}
.liveAlarmSub__alarmSwitch li.phone::before {
  background-image: url("/static/img/ico/ico_phone2.svg");
}
.liveAlarmSub__alarmSwitch li.night::before {
  background-image: url("/static/img/ico/ico_night.svg");
  height: 14px;
}
.liveAlarmSub__alarmSwitch .alarmSwitch__txt {
  flex: 1;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.liveAlarmSub__precs {
  margin: 24px -20px -20px;
}

.liveAlarmNote .stoaBottomToast__cont {
  padding: 12px 40px 5px;
}
.liveAlarmNote .subTitle2 {
  text-align: center;
}
.liveAlarmNote .subTitle3 {
  text-align: center;
  margin-bottom: 16px;
}
.liveAlarmNote__img {
  width: 100%;
}

.alarmOffPop .stoaBottomToast__cont {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
  line-height: 16px;
}
.alarmOffPop__txt1 {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 16px;
}
.alarmOffPop__txt2 {
  color: #222;
  font-size: 16px;
  font-weight: 400;
}
.alarmOffPop__txt2 .point {
  color: #E4324C;
  font-weight: 700;
}
.alarmOffPop__img {
  width: 148px;
  margin: 0 auto;
}

/********** // (e) 방송알림 개선 **********/
/********** // (e) 2Factor 인증 프로세스 **********/
.fa2Step__confirm {
  padding: 0 24px 50px;
  color: #222;
}
.fa2Step__title {
  text-align: center;
  font-size: 24px;
}
.fa2Step__title2 {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
.fa2Step__text {
  font-size: 16px;
  font-weight: 400;
  margin-top: 16px;
  text-align: center;
}
.fa2Step__text b {
  font-weight: 700;
}
.fa2Step__text2 {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  margin-top: 16px;
  text-align: center;
}
.fa2Step__time {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #E62642;
  margin-top: 17px;
}
.fa2Step__time::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background-image: url(/static/img/ico/ico_clock02.svg);
  margin-right: 6px;
}
.fa2Step__img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 65%;
  max-width: 240px;
  margin: 16px auto 0;
}
.fa2Step__img2 {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 65%;
  max-width: 216px;
  margin: 16px auto 0;
}
.fa2Step__details {
  border-radius: 8px;
  background: #F5F5F5;
  padding: 16px;
  margin-top: 16px;
}
.fa2Step__details .title {
  font-size: 14px;
  font-weight: 700;
}
.fa2Step__details .desc {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  margin-top: 6px;
  padding-left: 8px;
}
.fa2Step__details .desc::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50px;
  background-color: #222;
}
.fa2Step__details .note {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  margin-top: 6px;
}
.fa2Step__chk {
  justify-content: center;
  align-items: center;
  margin: 16px 0;
}
.fa2Step__chk label {
  font-size: 14px;
  flex: none;
}
.fa2Step__btn {
  height: 48px;
  font-size: 16px;
  margin-top: 12px;
}
.fa2Step__btn.type1 {
  font-weight: 500;
}
.fa2Step__btn.type2 {
  font-weight: 700;
}
.fa2Step__hint {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin: 24px 0 12px;
}
.fa2Step__links {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-top: 24px;
}
.fa2Step__links .link {
  color: #666;
}
.fa2Step__links .link + .link {
  position: relative;
  margin-left: 27px;
}
.fa2Step__links .link + .link:before {
  content: "";
  position: absolute;
  top: 2px;
  left: -13px;
  display: block;
  height: 11px;
  border-left: 1px solid #ccc;
}
.fa2Step__input {
  margin-top: 20px;
}
.fa2Step__input .stoaInput__field, .fa2Step__input input.stoaInput-item {
  font-size: inherit;
}
.fa2Step__confirm .stoaInput__solve {
  color: #666;
}
.fa2Step__confirm .stoaInput__solve button {
  font-weight: 600;
}

/********** 2Factor 인증 프로세스 (e) // **********/
/********** 반품교환 개선 과제(s) // **********/
.improve_my.renew .order_goods .goods.goods--card .goods-date {
  display: inline-block;
  border: 1px solid #eee;
  width: fit-content;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  font-size: 13px;
  letter-spacing: -0.26px;
  margin-bottom: 8px;
}
.improve_my.renew .order_goods .goods.goods--card .goods-date .date {
  color: #555;
}
.improve_my.renew .order_goods .goods.goods--card .goods-date .delivery-status {
  color: #F47725;
  margin-left: 3px;
}
.improve_my.renew .order_goods .goods.goods--card a {
  height: auto;
}
.improve_my.renew .order_goods .goods.goods--card .product-gift {
  margin: 8px 0;
  color: #888;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.48px;
}
.improve_my.renew .order_goods .goods.goods--card .benefit_list {
  color: #222;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.48px;
}
.improve_my.renew .order_goods .goods.goods--card .benefit_list .benefit_list_item {
  height: auto;
  padding: 0;
  border: 0;
  color: #222;
}

.exchange-info {
  position: relative;
  margin: 0 16px 12px;
  padding: 12px 0 0;
  border-top: 1px solid #F1F1F5;
}
.exchange-info::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 24px;
  background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}
.exchange-info.open::after {
  display: none;
}
.exchange-info .info-title {
  position: relative;
  display: black;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.56px;
  margin: 12px 0 0;
  padding: 0 0 12px 24px;
  cursor: pointer;
}
.exchange-info .info-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px;
  background: url(/static/img/ico/ico_warning2.svg) no-repeat;
}
.exchange-info .info-title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 16px;
  background: url(/static/img/ico/ico_arrow_down.svg) no-repeat;
}
.exchange-info .info-title.active::after {
  transform: rotate(-180deg);
}
.exchange-info .info-item {
  position: relative;
  color: #888;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.24px;
  padding: 0 8px;
}
.exchange-info .info-item + .info-item {
  margin-top: 4px;
}
.exchange-info .info-item.nodot {
  padding: 0 8px 0 0;
}
.exchange-info .info-item.nodot::before {
  display: none;
}
.exchange-info .info-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #ccc;
}

/********** // (e) 반품교환 개선 과제 **********/
.authDevPop {
  padding: 16px 24px 40px;
}
.authDevPop__text {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.authDevPop_text {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
}
.authDevPop_text li {
  position: relative;
  padding: 0 0 0 13px;
}
.authDevPop_text li + li {
  margin-top: 8px;
}
.authDevPop_text li:before {
  content: "-";
  position: absolute;
  left: 1px;
  top: 0;
  color: #444;
}
.authDevPop__history {
  margin-top: 16px;
}
.authDevPop__history li {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  border-radius: 8px;
  border: 1px solid #EEE;
  color: #222;
  background: #FAFAFA;
  padding: 20px 32px;
  margin-top: 12px;
}
.authDevPop__history .title {
  color: #222;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 12px;
}
.authDevPop__history li.mobile .title::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 16px;
  vertical-align: middle;
  background-image: url(/static/img/ico/ico_mobile.svg);
  margin-right: 8px;
}
.authDevPop__history li.pc .title::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 13px;
  vertical-align: middle;
  background-image: url(/static/img/ico/ico_pc.svg);
  margin-right: 8px;
}
.authDevPop__history .ip {
  display: block;
  margin-top: 6px;
}
.authDevPop__history .country {
  display: block;
  margin-top: 6px;
}
.authDevPop__history .meta {
  display: block;
}
.authDevPop__history .meta-status {
  color: #888;
}
.authDevPop__history .meta-time {
  margin-left: 6px;
}
.authDevPop__history .meta-time.type2 {
  color: #E62642;
}
.authDevPop__history .logoutBtn {
  width: 100%;
  height: 36px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  border-radius: 4px;
  border: 1px solid #444;
  background: #fff;
  margin-top: 14px;
}
.authDevPop .logoutAllBtn {
  box-sizing: border-box;
  height: 48px;
  color: var(--Primary-Red, #E62642);
  font-size: 16px;
  font-weight: 500;
  margin-top: 24px;
}

.benefitNow .benefitNow_scroll.overflow_default {
  background: transparent;
  overflow: initial;
  padding: 0 0 60px;
}
.benefitNow .benefitNow_scroll.padBottom60 {
  padding: 0 0 60px;
}
.benefitNow .benefitNow_scroll.padBottom60 .onair_benefit {
  background: none;
}
.benefitNow .benefitNow_scroll.padBottom60 .onair_benefit .onair_benefit__list {
  padding: 0 24px;
}
.benefitNow .benefitNow_scroll.nonlogin {
  padding: 0 0 60px;
  overflow: initial;
  max-height: calc(100vh - 85px);
}
.benefitNow .benefitNow_scroll.nonlogin .onair_benefit {
  background: none;
}
.benefitNow .benefitNow_scroll.nonlogin .onair_benefit .onair_benefit__list {
  padding: 0 24px;
}
.benefitNow .benefitNow_scroll.nonlogin .benefitNow__content.paddingNone {
  padding-bottom: 20px;
}
.benefitNow .benefitNow__fixedTitle {
  position: absolute;
  left: 0;
  top: -47px;
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.36px;
  text-align: center;
}
.benefitNow .benefitNow__fixedClose button {
  position: absolute;
  left: calc(50% - 22px);
  top: -64px;
  width: 44px;
  height: 44px;
  border-radius: 28px;
  background: url(/static/img/bk/bg_circle_12x12.svg) no-repeat center;
}
.benefitNow .benefitNow__fixedClose button::before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 44px;
  height: 44px;
  border-radius: 28px;
  border: 1px solid #fff;
  opacity: 0.5;
}
.benefitNow .benefitNow__fixedClose button::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  border-radius: 28px;
  background: #FFF;
  opacity: 0.2;
}
.benefitNow .benefitNow-swiper {
  position: relative;
}
.benefitNow .benefitNow-swiper .txt-outside {
  position: absolute;
  left: 0;
  top: -40px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.36px;
  text-align: center;
}
.benefitNow .benefitNow-swiper .benefitNow__swipeTitle {
  position: absolute;
  left: 0;
  top: -54px;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.36px;
  text-align: center;
}
.benefitNow .benefitNow-swiper .benefitNow__swipeTitle a {
  display: inline-block;
  width: 233px;
  height: 38px;
  margin: 0 auto;
}
.benefitNow .benefitNow__header {
  position: relative;
  height: 140px;
  padding: 26px 20px 16px;
  border-radius: 20px 20px 0 0;
  box-sizing: border-box;
}
.benefitNow .benefitNow__header .benefitNow__title {
  display: -webkit-box;
  width: calc(100% - 80px);
  height: 60px;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.42px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 16px;
}
.benefitNow .benefitNow__header .benefitNow__subtitle {
  position: relative;
  color: #222;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.3px;
  padding: 0 0 0 22px;
}
.benefitNow .benefitNow__header .benefitNow__subtitle::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 15px;
  background: url(/static/img/ico/ico_subtit.svg) no-repeat;
  background-size: contain;
}
.benefitNow .benefitNow__header::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 26px;
  width: 60px;
  height: 56px;
  background-size: contain;
}
.benefitNow .benefitNow__header.coupon-use {
  background: linear-gradient(180deg, #FAFFFC 0%, #FFF 100%);
}
.benefitNow .benefitNow__header.coupon-use .benefitNow__title {
  color: #62ACAC;
}
.benefitNow .benefitNow__header.coupon-use::after {
  background: url(/static/img/ico/ico_coupon_use.png) no-repeat;
  background-size: contain;
}
.benefitNow .benefitNow__header.tv-point {
  background: linear-gradient(180deg, #FBF1EC 0%, #FFF 100%);
}
.benefitNow .benefitNow__header.tv-point .benefitNow__title {
  color: #E98E6D;
}
.benefitNow .benefitNow__header.tv-point::after {
  background: url(/static/img/ico/ico_tv_point.png) no-repeat;
  background-size: contain;
}
.benefitNow .benefitNow__header.point-expire {
  background: linear-gradient(180deg, #FFFDEF 0%, #FFF 100%);
}
.benefitNow .benefitNow__header.point-expire .benefitNow__title {
  color: #D9A930;
}
.benefitNow .benefitNow__header.point-expire::after {
  background: url(/static/img/ico/ico_point_expire.png) no-repeat;
  background-size: contain;
}
.benefitNow .benefitNow__header.card-pay {
  background: linear-gradient(180deg, #FAFFFC 0%, #FFF 100%);
}
.benefitNow .benefitNow__header.card-pay .benefitNow__title {
  color: #7CA4CF;
}
.benefitNow .benefitNow__header.card-pay::after {
  background: url(/static/img/ico/ico_card_pay.png) no-repeat;
  background-size: contain;
}
.benefitNow .benefitNow__header.marketing-cpn {
  background: linear-gradient(180deg, #FAFFFC 0%, #FFF 100%);
}
.benefitNow .benefitNow__header.marketing-cpn .benefitNow__title {
  color: #62ACAC;
}
.benefitNow .benefitNow__header.marketing-cpn::after {
  background: url(/static/img/ico/ico_marketing.png) no-repeat;
  background-size: contain;
}
.benefitNow .benefitNow__header.event {
  background: linear-gradient(180deg, #FDFFFC 0%, #FFF 100%);
}
.benefitNow .benefitNow__header.event .benefitNow__title {
  color: #9ABF56;
}
.benefitNow .benefitNow__header.event::after {
  background: url(/static/img/ico/ico_event2.png) no-repeat;
  background-size: contain;
}
.benefitNow .benefitNow__header.partnership {
  background: linear-gradient(180deg, #FBF1EC 0%, #FFF 100%);
}
.benefitNow .benefitNow__header.partnership .benefitNow__title {
  color: #E98E6D;
}
.benefitNow .benefitNow__header.partnership::after {
  background: url(/static/img/ico/ico_partnership.png) no-repeat;
  background-size: contain;
}
.benefitNow .benefitNow__header.ai-noimg {
  background: linear-gradient(180deg, #FBF1EC 0%, #FFF 100%);
}
.benefitNow .benefitNow__header.ai-noimg .benefitNow__title {
  color: #BF6DD3;
  width: 100%;
}
.benefitNow .benefitNow__header.ai-noimg::after {
  display: none;
}
.benefitNow .benefitNow__header.title-wrap {
  min-height: 64px;
  height: auto;
  background: #fff;
  padding: 24px 20px 12px;
}
.benefitNow .benefitNow__header.title-wrap .title {
  display: flex;
  justify-content: center;
  text-align: center;
  color: #222;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.4px;
}
.benefitNow .benefitNow__content {
  background: #fff;
  padding: 0 20px 25px;
  min-height: 260px;
  box-sizing: border-box;
}
.benefitNow .benefitNow__content.paddingNone {
  padding: 0;
}
.benefitNow .benefitNow__content .bgGradient {
  position: relative;
  padding: 0 20px;
}
.benefitNow .benefitNow__content .bgGradient:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 68px;
  background: linear-gradient(180deg, #F1F1F2 0%, #FFF 100%);
}
.benefitNow .benefitNow__content .goodsList {
  padding: 0;
}
.benefitNow .benefitNow__content .goodsList.type2 {
  gap: 24px 3.065vw;
}
.benefitNow .benefitNow__content .goodsList.type2 li {
  width: 27.2vw;
}
.benefitNow .benefitNow__content .goodsList.type2 li .thumbnail {
  height: 27.2vw;
}
.benefitNow .benefitNow__content .goodsList.type2 li .favorite {
  top: 19.733vw;
}
.benefitNow .benefitNow__content .goodsList.type2 li .title {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.52px;
}
.benefitNow .benefitNow__content .goodsList.type2 li .goodsNumber {
  font-size: 14px;
  margin-left: 4px;
}
.benefitNow .benefitNow__content .goodsList-swiper {
  position: relative;
  overflow: hidden;
  padding: 0 0 56px;
}
.benefitNow .benefitNow__content .goodsList-swiper .swiper-slide .swiper-title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 68px;
  color: #222;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.34px;
}
.benefitNow .benefitNow__content .swiper-pagination {
  bottom: 26px;
}
.benefitNow .benefitNow__content .text-gradient {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 48px;
  background: url(/static/img/bk/bg_gradient.png) no-repeat center;
  margin-bottom: 12px;
  padding: 0 21px;
}
.benefitNow .benefitNow__content .text-gradient span {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.28px;
  background: linear-gradient(90deg, #3788E1 0%, #C569DA 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.benefitNow .benefitNow__content .text-gradient span::before {
  content: "";
  position: relative;
  display: inline-block;
  left: 0;
  top: 3px;
  margin-right: 6px;
  width: 16px;
  height: 16px;
  background: url(/static/img/bk/bg_star3.svg) no-repeat;
}
.benefitNow .benefitNow__content .benefit__link {
  display: flex;
  justify-content: center;
  margin: 10px 0 0;
}
.benefitNow .benefitNow__content .benefit__link a {
  position: relative;
  display: flex;
  color: #222;
  font-size: 14px;
  letter-spacing: -0.5px;
  height: 40px;
  line-height: 38px;
  padding: 0 24px;
  border-radius: 100px;
  background: #F2F2F2;
  text-align: center;
}
.benefitNow .benefitNow__content .benefit__link a::after {
  content: "";
  position: relative;
  right: 0;
  top: 11px;
  width: 16px;
  height: 16px;
  background: url(/static/img/ico/ico_arrow_16x16.svg) no-repeat center;
  background-size: 14px;
}
.benefitNow .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: 24px;
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 0 5px;
  z-index: 2;
}
.benefitNow .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border-radius: 8px;
  background: #444;
  opacity: 0.32;
  transition: 0.5s ease;
}
.benefitNow .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 18px;
  opacity: 0.8;
  background: #333;
}

/* 주문서 이용약관 KCP 탭 추가 */
.newTabMenu.newTabMenu--type1 > li > a {
  border: 0;
  background: #fff;
  font-size: 13px;
  color: #888;
  padding: 5px 2px 10px;
}
.newTabMenu.newTabMenu--type1 > li.active > a {
  color: #222;
  font-weight: 700;
}

.term_type ul {
  font-size: 11px;
  color: #666;
}

/********** 마이페이지 최근 본 상품 (s) // **********/
.myPageRecently {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
  background: #F5F5F5;
  padding: 15px;
}
.myPageRecently__info {
  margin: 0 0 8px;
  display: flex;
  align-items: center;
}
.myPageRecently__info-date {
  display: flex;
  gap: 0 4px;
  font-size: 14px;
  color: #222;
  font-weight: 700;
}
.myPageRecently__info-control {
  display: flex;
  align-items: center;
  gap: 0 4px;
  margin: 0 0 0 auto;
}
.myPageRecently__info-control p {
  font-size: 12px;
  color: #666;
}
.myPageRecently__info-control button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  height: 34px;
  font-size: 12px;
  color: #222;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
}
.myPageRecently__list {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  margin: 10px 0 0;
}
.myPageRecently__list-item {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.myPageRecently__list-item:has(.myPageRecently__link) {
  display: flex;
  align-items: center;
  padding: 10px 15px;
}
.myPageRecently__list-item:has(.myPageRecently__link) .myPageRecently__itemControl {
  margin-left: auto;
}
.myPageRecently__list-item:has(.myPageRecently__goods) {
  padding: 15px 0 10px;
}
.myPageRecently__list-item:has(.myPageRecently__goods):not(:has(.myPageRecently__similar)) .goodsList.type6 {
  margin: 0;
}
.myPageRecently__link {
  display: flex;
  align-items: center;
  gap: 0 8px;
}
.myPageRecently__link .category {
  display: flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  background: #E62642;
  border-radius: 20px;
  font-size: 11px;
  color: #fff;
  font-weight: 600;
  line-height: 1;
}
.myPageRecently__link .title {
  width: 62.4vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 700;
  color: #222;
}
.myPageRecently .goodsList {
  padding: 0;
}
.myPageRecently .goodsList.type6 {
  margin: 0 0 15px;
}
.myPageRecently .goodsList.type3 {
  padding: 0 15px;
  margin: 10px 0 0;
}
.myPageRecently__goods {
  display: flex;
  gap: 0 13px;
  align-items: start;
  padding: 0 15px;
}
.myPageRecently__itemControl {
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/X_Close_gray.svg") no-repeat 0 0/100% auto;
  font-size: 0;
  color: transparent;
  flex-shrink: 0;
}
.myPageRecently__similar {
  display: flex;
  align-items: center;
  border-top: 1px solid #eee;
  padding: 10px 15px 0;
  justify-content: space-between;
  height: 20px;
}
.myPageRecently__similar .title {
  font-size: 13px;
  color: #444;
}
.myPageRecently__similar .similarControl {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #666;
}
.myPageRecently__similar .similarControl::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/static/img/stoaModule/arrow_top_gray.svg") no-repeat 0 0/100% auto;
  transform: rotate(180deg);
  will-change: transform;
  transition: transform 0.3s;
}
.myPageRecently__similar .similarControl.active::after {
  transform: rotate(0);
}

/********** // (e) 마이페이지 최근 본 상품 **********/
/* pc,mo 공통 팝업  */
.cm-modal {
  display: none;
  color: #222;
  font-family: "Pretendard";
}
.cm-modal--md .cm-modal__container {
  /*width: 350px;*/
}
.cm-modal.is-active {
  display: block;
}
.cm-modal__dim {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.cm-modal__container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 30px);
  /*max-width: 480px;*/
  background: #fff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  /*max-height: 90vh;*/
  background: #fff;
  overflow: hidden;
  z-index: 101;
}
.cm-modal__header {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  border-bottom: 1px solid #eee;
}
.cm-modal__header .cm-modal__title {
  margin: 5px 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.32px;
}
.cm-modal__header .cm-modal__close {
  position: absolute;
  right: 16px;
  top: 11px;
  width: 24px;
  height: 24px;
  background: url(/static/img/close_20x20.svg) no-repeat center;
}
.cm-modal__header .cm-modal__close .blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.cm-modal__body {
  padding: 20px;
}
.cm-modal__body .cm-modal__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.28px;
  margin-bottom: 16px;
}
.cm-modal__body .cm-modal__title {
  display: flex;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.3px;
  line-height: 20px;
  margin-bottom: 12px;
}
.cm-modal__table th, .cm-modal__table td {
  font-size: 13px;
  border: 1px solid #ddd;
  padding: 10px 12px;
}
.cm-modal__table th {
  color: #222;
  background: #F5F5F5;
  padding: 10px 0;
  font-weight: normal;
}
.cm-modal__table td {
  color: #666;
  line-height: 18px;
  letter-spacing: -0.26px;
}
.cm-modal__list li {
  position: relative;
  margin-top: 12px;
  padding: 0 0 0 12px;
  line-height: 16px;
  letter-spacing: -0.24px;
  font-size: 12px;
}
.cm-modal__list li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  color: #222;
}
.cm-modal__list li.bold {
  font-weight: 700;
}
.cm-modal__subtext {
  color: #222;
  font-size: 13px;
  letter-spacing: -0.26px;
  font-family: "Pretendard";
  margin-top: 12px;
  line-height: 18px;
}
.cm-modal__subtext.bold {
  font-weight: 700;
}
.cm-modal__footer {
  padding: 0 20px 20px;
}
.cm-modal__footer .cm-btn {
  display: flex;
  width: 100%;
  height: 48px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
.cm-modal__footer .cm-btn--primary {
  background: #E62642;
  color: #fff;
}

.cartbottomSheet {
  max-height: 90vh;
  border-radius: 10px 10px 0 0;
}

.cartCheck {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EEE;
  padding: 0 15px 8px;
  margin-top: 4px;
}
.cartCheck .thumbnail {
  display: block;
  position: relative;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  margin-right: 8px;
}
.cartCheck .thumbnail img {
  width: 100%;
  height: 100%;
}
.cartCheck .thumbnail::before {
  content: "";
  background: rgba(102, 102, 102, 0.05);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.cartCheck__txt {
  font-size: 14px;
  font-weight: 500;
  color: #444;
}
.cartCheck--link {
  justify-content: space-between;
}
.cartCheck--link > div {
  display: flex;
  align-items: center;
  flex: 1;
}
.cartCheck--link .cart_link {
  padding: 5px 12px;
  color: #222;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.48px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #fff;
}

.goodsDtl__related .stoaModule__title {
  padding: 14px 15px 8px;
}
.goodsDtl__related .goodsList {
  padding-bottom: 0;
}

.goodsDtlRank__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 54px 15px 54px;
  background: linear-gradient(91deg, #F1F7FF 24.76%, #F4FDF4 117.24%);
  margin: -50px 0 -40px;
}
.goodsDtlRank__title::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("/static/img/ico/ico_ranking.svg") no-repeat center center;
  background-size: cover;
}
.goodsDtlRank__title .txt1 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 3px;
}
.goodsDtlRank__title .txt2 {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  margin-top: 0px;
}
#wrap:has(.goodsDtlRank__title) .header3 {
  background: linear-gradient(91deg, #F1F7FF 24.76%, #f3fcf6 117.24%);
  transition: background-color 0.4s ease;
}
#wrap:has(.goodsDtlRank__title) .header3 h2 {
  opacity: 0;
}
#wrap:has(.goodsDtlRank__title) .header3.top_bar_fix {
  background: #fff;
}
#wrap:has(.goodsDtlRank__title) .header3.top_bar_fix h2 {
  opacity: 1;
}
#wrap:has(.goodsDtlRank__title) .default_header {
  background-color: transparent;
}

.goodsDtlRank__txt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 400;
  border-radius: 20px 20px 0 0;
  background-color: #fff;
  padding: 12px 26px;
  letter-spacing: 0px;
}
.goodsDtlRank__txt b {
  font-weight: 700;
  color: #3869FF;
  margin-left: 2px;
}
.goodsDtlRank__txt::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 15.5px;
  background: url("/static/img/ico/ico_benefit2.svg") no-repeat center center;
  background-size: cover;
  margin-right: 6px;
}

/* BG배너 _ 상품3.5s 이미지 높이 auto */
.bgimg_auto {
  position: relative;
  width: 100%;
}
.bgimg_auto .stoaModule__title.type2 {
  /*min-height: 28.8vw;*/
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  padding: 0 15px;
  gap: 0;
}
.bgimg_auto::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}
.bgimg_auto .stoaModule__bg {
  position: relative;
}
.bgimg_auto .goodsList {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: block;
}

.orderGuest__orderNumber {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  margin-top: 16px;
  padding: 20px 15px;
}
.orderGuest__orderNumber .number {
  font-weight: 700;
  margin-left: 4px;
}
.orderGuest__orderNumber .stoaBtn__copy {
  margin-left: 4px;
}
.orderGuest__orderNumber + .order_sec > li > div {
  padding-top: 6px;
}

/* 비로그인 장바구니 */
.new_gift_cont .bottom_fixed.non-loggin {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px 10px 0 0;
  padding: 0;
}
.new_gift_cont .bottom_fixed.non-loggin .btn_buy_in {
  position: relative;
  background: #fff;
  padding: 8px;
  border-radius: 10px 10px 0 0;
  transition: all 0.5s;
  z-index: 10;
}
.new_gift_cont .bottom_fixed.non-loggin .btn_buy_in.open {
  border-radius: 0;
}
.new_gift_cont .bottom_fixed.non-loggin .benefit_wrap {
  display: flex;
  align-items: center;
  height: 20px;
  margin-bottom: 10px;
  padding-right: 10px;
}
.new_gift_cont .bottom_fixed.non-loggin .benefit_wrap .tit {
  color: #222;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px;
  padding-left: 8px;
}
.new_gift_cont .bottom_fixed.non-loggin .rolling_box {
  position: relative;
  flex: 1;
  height: 20px;
  overflow: hidden;
}
.new_gift_cont .bottom_fixed.non-loggin .rolling_list {
  transition: transform 0.5s ease-in-out;
}
.new_gift_cont .bottom_fixed.non-loggin .rolling_list li {
  color: #E62642;
  font-size: 14px;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
  text-align: right;
  padding-right: 7px;
}
.new_gift_cont .bottom_fixed.non-loggin .btn_arrow {
  position: relative;
  width: 9px;
  height: 20px;
  border: none;
  background: none;
  transition: 0.3s;
}
.new_gift_cont .bottom_fixed.non-loggin .btn_arrow:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 2px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #E62642;
  border-right: 1px solid #E62642;
  transform: rotate(315deg);
}
.new_gift_cont .bottom_fixed.non-loggin .btn_arrow.on {
  transform: rotate(180deg);
}
.new_gift_cont .bottom_fixed.non-loggin .price_info_layer {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 36px 16px 20px;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: 1;
}
.new_gift_cont .bottom_fixed.non-loggin .price_info_layer.open {
  transform: translateY(1px);
}
.new_gift_cont .bottom_fixed.non-loggin .price_info_layer.open::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F0F0F0 100%);
}
.new_gift_cont .bottom_fixed.non-loggin .price_info_layer .title {
  display: block;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  letter-spacing: -0.5px;
  line-height: 24px;
}
.new_gift_cont .bottom_fixed.non-loggin .btn_drag_close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
}
.new_gift_cont .bottom_fixed.non-loggin .btn_drag_close::after {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  background-color: #d8d8d8;
  border-radius: 100px;
  margin: 0 auto;
}
.new_gift_cont .bottom_fixed.non-loggin .price_list .item {
  display: flex;
  justify-content: space-between;
  line-height: 24px;
}
.new_gift_cont .bottom_fixed.non-loggin .price_list .item .text {
  font-size: 13px;
  font-family: "Pretendard";
  color: #666;
  line-height: 24px;
  letter-spacing: -0.5px;
}
.new_gift_cont .bottom_fixed.non-loggin .price_list .item .right {
  color: #222;
  font-size: 13px;
  font-family: "Pretendard";
  line-height: 24px;
  letter-spacing: -0.5px;
}
.new_gift_cont .bottom_fixed.non-loggin .price_list .item .right.red_cor {
  color: #E62642;
}
.new_gift_cont .bottom_fixed.non-loggin .price_list .item.total {
  border-top: 1px solid #eee;
  margin: 8px 0 0;
  padding: 8px 0 0;
}
.new_gift_cont .bottom_fixed.non-loggin .price_list .item.total .text {
  color: #222;
  font-size: 14px;
  font-weight: 600;
}
.new_gift_cont .bottom_fixed.non-loggin .price_list .item.total .right {
  display: flex;
  align-items: center;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
}
.new_gift_cont .bottom_fixed.non-loggin .price_list .item.total .right .percent {
  color: #E62642;
  margin-right: 2px;
}
.new_gift_cont .bottom_fixed.non-loggin .price_list .item.total .right em {
  font-size: 14px;
}
.new_gift_cont .bottom_fixed.non-loggin .btn_box {
  display: flex;
  gap: 0 6px;
}
.new_gift_cont .bottom_fixed.non-loggin .btn_box .btn_gift {
  width: 48px;
  height: 48px;
  background: url(https://imagecdn.skstoa.com/static/img/icon_gift_red2.svg) no-repeat center;
  background-size: 20px;
  border-radius: 5px;
  border: 1px solid #E62642;
}
.new_gift_cont .bottom_fixed.non-loggin .btn_box .btn_buy {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  background: #E62642;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
  font-family: "Pretendard";
}
.new_gift_cont .bottom_fixed.non-loggin .btn_box .btn_buy .btn_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0 8px;
  vertical-align: bottom;
}
.new_gift_cont .bottom_fixed.non-loggin .btn_box .btn_buy .btn_text * {
  vertical-align: initial !important;
}
.new_gift_cont .bottom_fixed.non-loggin .btn_box .btn_buy .price {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  /*line-height: 50px;*/
  margin-right: 6px;
}
.new_gift_cont .bottom_fixed.non-loggin .btn_box .btn_buy .price em {
  position: relative;
  top: -1px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.5px;
  text-decoration-line: line-through;
  margin-right: 2px;
}
.new_gift_cont .bottom_fixed.non-loggin .btn_box .btn_buy .price .check_num {
  position: relative;
  top: -1px;
}

.bottom_fixed_dimmed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
.bottom_fixed_dimmed.open {
  opacity: 1;
  visibility: visible;
}

.new_gift_cont .f_total .payment_area_nonlogin .btn_re_h40 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.new_gift_cont .f_total .payment_area_nonlogin .btn_re_h40 .price {
  display: flex;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 50px;
  margin-right: 6px;
}
.new_gift_cont .f_total .payment_area_nonlogin .btn_re_h40 .price em {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.5px;
  text-decoration-line: line-through;
  margin-right: 2px;
}

.cart_price_info .title {
  display: block;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  font-family: "Pretendard";
  margin-bottom: 8px;
  line-height: 24px;
}
.cart_price_info .price_list .item {
  display: flex;
  justify-content: space-between;
  line-height: 24px;
}
.cart_price_info .price_list .item .text {
  font-size: 13px;
  font-family: "Pretendard";
  color: #666;
  line-height: 24px;
  letter-spacing: -0.5px;
}
.cart_price_info .price_list .item .right {
  color: #222;
  font-size: 13px;
  font-family: "Pretendard";
  line-height: 24px;
  letter-spacing: -0.5px;
}
.cart_price_info .price_list .item .right.red_cor {
  color: #E62642;
}
.cart_price_info .price_list .item.total {
  border-top: 1px solid #eee;
  margin: 8px 0 0;
  padding: 8px 0 0;
}
.cart_price_info .price_list .item.total .text {
  color: #222;
  font-size: 14px;
  font-weight: 600;
}
.cart_price_info .price_list .item.total .right {
  display: flex;
  align-items: center;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
}
.cart_price_info .price_list .item.total .right .percent {
  color: #E62642;
  margin-right: 2px;
}
.cart_price_info .price_list .item.total .right em {
  font-size: 14px;
}
.cart_price_info .price_list .item.total {
  border-top: 1px solid #444;
}

.cart_empty {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 30px 0 40px;
}
.cart_empty strong {
  display: block;
  font-size: 16px;
  margin-bottom: 12px;
}
.cart_empty a {
  display: flex;
  height: 40px;
  padding: 14px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #444;
  background: #fff;
  box-sizing: border-box;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.5px;
}

/* 로그인,회원가입 */
.login_member_wrap {
  padding: 138px 24px 0;
}
.login_member_wrap.form_opened .stoaLogin__etc {
  position: relative;
  bottom: auto;
  margin-top: 49px;
  /*padding-bottom: 40px;*/
}
.login_member_wrap .stoaLogin__sns-list1 {
  position: relative;
  gap: 14px;
}
.login_member_wrap .login_member_text {
  position: absolute;
  left: calc(50% - 88px);
  top: -89px;
  min-width: 166px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #fff;
  padding: 10px 14px 12px;
  color: #222;
  font-size: 14px;
  line-height: 20px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.login_member_wrap .login_member_text::after {
  content: "";
  position: absolute;
  left: calc(50% - 7.5px);
  bottom: -6px;
  width: 15px;
  height: 6px;
  background: url(/static/img/ico/arrow_triangle.svg) no-repeat;
}
.login_member_wrap .stoaLogin__sns-list1 {
  padding: 0;
}
.login_member_wrap .stoaLogin__sns-list1 .sns-tooltip {
  right: 38px;
  top: -8px;
  padding: 2px 7px;
  border-radius: 19px;
  font-size: 10px;
  font-weight: 600;
}
.login_member_wrap .stoaLogin__snsBtn.type1 {
  height: 50px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.4px;
}
.login_member_wrap .login_member_box {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.login_member_wrap .login_member_box .login_member_btn {
  position: relative;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
.login_member_wrap .login_member_box .login_member_btn::after {
  content: "";
  position: relative;
  top: -2px;
  display: inline-block;
  width: 12px;
  height: 6px;
  margin-left: 8px;
  background: url(/static/img/ico/ico_arrow_up.svg) no-repeat;
  transform: rotate(180deg);
  transition: 0.4s ease;
}
.login_member_wrap .login_member_box .login_member_btn.is_open::after {
  transform: rotate(0deg);
}
.login_member_wrap .stoaLogin__form {
  display: none;
}
.login_member_wrap .stoaLogin__form.is_open {
  display: block;
}
.login_member_wrap .stoaLogin__form .stoaInput.active {
  position: relative;
  z-index: 2;
}
.login_member_wrap .stoaLogin__form .stoaInput .stoaInput__wrap {
  border-radius: 4px 4px 0 0;
}
.login_member_wrap .stoaLogin__form .stoaInput + .stoaInput {
  margin-top: -1px;
}
.login_member_wrap .stoaLogin__form .stoaInput + .stoaInput .stoaInput__wrap {
  border-radius: 0 0 4px 4px;
  gap: 5px 10px;
}
.login_member_wrap .stoaLogin__form .stoaBtnGroup {
  margin-top: 14px;
}
.login_member_wrap .stoaLogin__form .stoaBtnGroup .stoaBtn {
  height: 44px;
  background: #E62642;
  border-color: #E62642;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.login_member_wrap .stoaLogin__form .stoaInput__msg {
  font-size: 13px;
  letter-spacing: -0.065px;
  margin: 14px 0 2px;
}
.login_member_wrap .stoaLogin__form .login_member_chkbox {
  margin: 14px 0 20px;
}
.login_member_wrap .stoaLogin__form .login_member_chkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
  background: url("/static/img/ico/checkbox_off.svg") no-repeat;
  margin: 0 8px 0 0;
}
.login_member_wrap .stoaLogin__form .login_member_chkbox input[type=checkbox]:checked {
  background: url("/static/img/ico/checkbox_on.svg") no-repeat;
}
.login_member_wrap .stoaLogin__sns-list2 {
  position: relative;
  gap: 18px;
  margin: 0;
  padding: 40px 0 0;
}
.login_member_wrap .stoaLogin__sns-list2::before {
  content: "또는";
  position: absolute;
  left: calc(50% - 22.5px);
  top: 0;
  width: 45px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  color: #888;
  font-size: 12px;
  z-index: 2;
}
.login_member_wrap .stoaLogin__sns-list2::after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 100%;
  height: 1px;
  background: #eee;
}
.login_member_wrap .stoaLogin__sns-list2 .stoaLogin__snsBtn.type2 {
  width: 46px;
  height: 46px;
  border-radius: 46px;
}
.login_member_wrap .stoaLogin__sns-list2 .stoaLogin__snsBtn.sns-tword {
  background: #4A28D4;
}
.login_member_wrap .stoaLogin__sns-list2 .stoaLogin__snsBtn.sns-tword:before {
  width: 24px;
  height: 24px;
  background: url(/static/img/ico/ico_tword.svg) no-repeat center;
}
.login_member_wrap .stoaLogin__sns-list2 .stoaLogin__snsBtn.sns-card {
  background: #697AE0;
}
.login_member_wrap .stoaLogin__sns-list2 .stoaLogin__snsBtn.sns-card:before {
  width: 24px;
  height: 24px;
  background: url(/static/img/ico/ico_card.svg) no-repeat center;
}
.login_member_wrap .stoaLogin__sns-list2 .stoaLogin__snsBtn.sns-mobile {
  background: #3C9BD8;
}
.login_member_wrap .stoaLogin__sns-list2 .stoaLogin__snsBtn.sns-mobile:before {
  width: 24px;
  height: 24px;
  background: url(/static/img/ico/ico_mobile.svg) no-repeat center;
}
.login_member_wrap .stoaLogin__sns-list2 .stoaLogin__snsBtn.sns-ios {
  background: #333;
}
.login_member_wrap .stoaLogin__sns-list2 .stoaLogin__snsBtn.sns-ios:before {
  width: 24px;
  height: 24px;
  background: url(/static/img/ico/ico_apple.svg) no-repeat center;
}
.login_member_wrap .stoaLogin__sns-list2 .stoaLogin__snsBtn .sns-tooltip {
  right: 8px;
  top: calc(100% - 1px);
  padding: 2px 7px;
  border-radius: 19px;
  font-size: 10px;
  font-weight: 600;
}
.login_member_wrap .stoaLogin_member {
  display: flex;
  justify-content: center;
  gap: 0 21px;
  margin: 36px 0 0;
}
.login_member_wrap .stoaLogin_member a {
  position: relative;
  color: #404040;
  font-size: 14px;
  font-weight: 500;
}
.login_member_wrap .stoaLogin_member a::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 4px;
  width: 1px;
  height: 11px;
  background: #ddd;
}
.login_member_wrap .stoaLogin_member a:first-child::before {
  display: none;
}
.login_member_wrap .stoaLogin__etc {
  position: fixed;
  left: 0;
  bottom: 40px;
  width: 100%;
  margin: 0;
}

.popup_complete {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 95px 40px 0;
  z-index: 10;
  box-sizing: border-box;
  /* '5초' 숫자 스타일 */
}
.popup_complete * {
  font-family: "Pretendard", "sans-serif";
}
.popup_complete .popup_complete_close {
  position: absolute;
  right: 15px;
  top: 12px;
  width: 6.933vw;
  height: 6.933vw;
  z-index: 2;
}
.popup_complete .popup_complete_close button {
  width: 100%;
  height: 100%;
  background: url(/static/img/bg_popup_close.svg) no-repeat;
}
.popup_complete .popup_complete_box {
  position: relative;
  width: 74.666vw;
  background: url(/static/img/bg_colored_paper.gif) no-repeat;
  background-size: contain;
  padding: 55px 0 0;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
}
.popup_complete .popup_complete_box .text {
  color: #222;
  font-size: 5.066vw;
  letter-spacing: -0.5px;
}
.popup_complete .popup_complete_box .benefit-text {
  margin-top: 12px;
  font-size: 5.866vw;
  font-weight: 700;
  line-height: 7.4666vw;
  letter-spacing: -0.5px;
  background: var(--Linear, linear-gradient(90deg, #7C64FF 0%, #EA2869 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.popup_complete .popup_complete_box .benefit-text.benefit-text__apple {
  font-size: 5.066vw;
}
.popup_complete .popup_complete_box .sub-text {
  margin-top: 4px;
  color: #888;
  font-size: 3.2vw;
  letter-spacing: -0.5px;
}
.popup_complete .popup_complete_box .coupon {
  position: relative;
  left: calc(50% - 27.733vw);
  width: 55.466vw;
  height: 28vw;
  background: url(/static/img/bg_coupon.svg) no-repeat;
  background-size: contain;
  margin-top: 24px;
}
.popup_complete .popup_complete_box .coupon .coupon_content {
  display: flex;
  width: 42.666vw;
  height: 100%;
  flex-flow: column;
  color: #E62642;
  text-align: center;
  padding: 2.666vw 0;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.popup_complete .popup_complete_box .coupon .coupon_content .condition {
  font-size: 2.933vw;
  line-height: 20px;
  letter-spacing: -0.5px;
}
.popup_complete .popup_complete_box .coupon .coupon_content .discount {
  font-size: 10.666vw;
  font-weight: 900;
  line-height: 11.733vw;
  letter-spacing: -0.5px;
}
.popup_complete .popup_complete_box .coupon .coupon_content .period {
  font-size: 2.933vw;
  line-height: 20px;
  letter-spacing: -0.5px;
}
.popup_complete .popup_complete_box .coupon--type {
  width: 58.133vw;
  background: url(/static/img/bg_coupon2.svg) no-repeat;
  background-size: contain;
}
.popup_complete .popup_complete_box .coupon--type .coupon_content {
  width: 44.888vw;
}
.popup_complete .popup_complete_btn {
  margin: 3px 0 0;
  text-align: center;
}
.popup_complete .popup_complete_btn .btn_coupon {
  position: relative;
  display: inline-block;
  color: #888;
  font-size: 3.2vw;
  letter-spacing: -0.5px;
  line-height: 24px;
  margin-bottom: 19px;
  padding: 5px 0;
}
.popup_complete .popup_complete_btn .btn_coupon::after {
  content: "";
  display: inline-block;
  position: relative;
  top: -1px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  transform: rotate(45deg);
  margin-left: 4px;
}
.popup_complete .popup_complete_btn .btn_tv_popular {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 13.333vw;
  border-radius: 4px;
  background: #E62642;
  color: #fff;
  font-size: 4.266vw;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.popup_complete .popup_complete_btn .btn_later {
  display: inline-block;
  color: #888;
  font-size: 3.2vw;
  line-height: 6.4vw;
  letter-spacing: -0.5px;
  text-decoration: underline;
  margin-top: 16px;
}
.popup_complete .popup_complete_btn.popup_complete_btn__apple {
  position: relative;
  padding: 56px 0 0;
}
.popup_complete .popup_complete_btn.popup_complete_btn__apple .badge_issue_now {
  position: absolute;
  top: 10px;
  left: calc(50% - 38px);
  display: inline-block;
  animation: floatUpDown 1.5s ease-in-out infinite;
  border-radius: 12px;
  background: #FFF;
  padding: 8px 14px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  font-weight: 700;
  color: #222;
}
.popup_complete .popup_complete_btn.popup_complete_btn__apple .badge_issue_now:before {
  content: "";
  position: absolute;
  left: calc(50% - 7.5px);
  bottom: -6px;
  width: 15px;
  height: 6px;
  background: url(/static/img/bg_arrow_down.svg) no-repeat;
}
.popup_complete .popup_complete_btn.popup_complete_btn__apple.padTop35 {
  padding-top: 35px;
}
.popup_complete .countdown-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4px;
  font-size: 3.2vw;
  color: #888;
  margin-top: 19px;
}
.popup_complete .countdown-text {
  color: #E62642;
}
.popup_complete .circle-container {
  position: relative;
  width: 4.8vw;
  height: 4.8vw;
}
.popup_complete .circle-svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.popup_complete .circle-bg {
  fill: none;
  stroke: #e0e0e0;
  stroke-width: 2.133vw;
}
.popup_complete .circle-progress {
  fill: none;
  stroke: #ff1744;
  stroke-width: 2.133vw;
  stroke-dasharray: 125.6;
  stroke-dashoffset: 125.6;
  animation: fillCircle 5s linear forwards;
}
@keyframes fillCircle {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.member-withdraw {
  display: flex;
  align-items: center;
  height: 44px;
  border-top: 1px solid #eee;
}
.member-withdraw a {
  position: relative;
  display: inline-block;
  color: #999;
  font-size: 12px;
  letter-spacing: -0.06px;
  padding: 0 18px 0 22px;
  height: 100%;
  line-height: 44px;
}
.member-withdraw a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 14px;
  width: 16px;
  height: 16px;
  background: url(/static/img/ico/arrow_16x16.svg) no-repeat center;
}

.improve_my.renew.member-info-content {
  padding: 0;
}
.improve_my.renew.member-info-content .mgBottom20 {
  margin-bottom: 20px !important;
}
.improve_my.renew.member-info-content .mgBottom0 {
  margin-bottom: 0 !important;
}
.improve_my.renew.member-info-content .contents {
  padding: 0 15px 36px;
}
.improve_my.renew.member-info-content .contents .form_list h3 {
  font-size: 16px;
  line-height: 22px;
  margin: 24px 0 0;
  padding: 0;
}
.improve_my.renew.member-info-content .contents .form_list h3.borderLine {
  border-top: 1px solid #e5e5e5;
  margin-top: 0;
  padding-top: 24px;
}
.improve_my.renew.member-info-content .contents .form_list + .form_list {
  border-top: solid 1px #E5E5E5;
}
.improve_my.renew.member-info-content .login_sync_container {
  margin-top: -1px;
  padding: 24px 0 0;
  border-top: 1px solid #E5E5E5;
}
.improve_my.renew.member-info-content .login_sync_container .title {
  margin: 0 0 24px;
}
.improve_my.renew.member-info-content .login_sync_container .sns_set_list {
  padding: 0;
}
.improve_my.renew.member-info-content .login_sync_container .sns_set_list li.st_tid {
  background-image: url(/static/img/ico/ico_s_tid.svg);
}
.improve_my.renew.member-info-content .login_sync_container .sns_set_list li.st_naver {
  background-image: url(/static/img/ico/ico_s_naver.svg);
}
.improve_my.renew.member-info-content .login_sync_container .sns_set_list li.st_kakao {
  background-image: url(/static/img/ico/ico_s_kakao.svg);
}
.improve_my.renew.member-info-content .login_sync_container .sns_set_list li label.btn_on_off {
  background: #ccc;
  width: 34px;
  height: 14px;
  box-shadow: none;
}
.improve_my.renew.member-info-content .login_sync_container .sns_set_list li label.btn_on_off input {
  width: 20px;
  height: 20px;
  top: -3px;
  left: -3px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.24);
}
.improve_my.renew.member-info-content .login_sync_container .sns_set_list li label.btn_on_off.on {
  background: rgba(230, 38, 66, 0.2);
  border: none;
  box-shadow: none;
}
.improve_my.renew.member-info-content .login_sync_container .sns_set_list li label.btn_on_off.on input {
  background: #E62642;
}
.improve_my.renew.member-info-content .member-withdraw {
  height: 80px;
  border-top: 10px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.improve_my.renew.member-info-content .member-withdraw a {
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  padding: 24px 15px;
  height: 70px;
  box-sizing: border-box;
}
.improve_my.renew.member-info-content .member-withdraw a::after {
  background: none;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  top: calc(50% - 5px);
  right: 0;
}
.improve_my.renew.member-info-content .notice-container {
  padding: 24px 15px;
  background: #FAFAFA;
}
.improve_my.renew.member-info-content .notice-container dl {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.8px;
}
.improve_my.renew.member-info-content .notice-container dl dt {
  color: #1D1D1D;
  font-weight: 700;
  margin-bottom: 16px;
}
.improve_my.renew.member-info-content .notice-container dl dd {
  color: #444;
  position: relative;
  padding: 0 0 0 20px;
}
.improve_my.renew.member-info-content .notice-container dl dd::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 8px;
  width: 3px;
  height: 3px;
  background: #444;
  border-radius: 100px;
}
.improve_my.renew.member-info-content .notice-container dl + dl {
  margin-top: 35px;
}
.improve_my.renew.member-info-content .emptySpace.gray {
  margin: 30px -15px 0;
}
.improve_my.renew.member-info-content .id_icon_skt {
  width: 24px;
  height: 24px;
  background: url(/static/img/ico/ico_s_tid.svg) no-repeat;
  background-size: 24px;
}
.improve_my.renew.member-info-content .id_icon_naver {
  width: 24px;
  height: 24px;
  background: url(/static/img/ico/ico_s_naver.svg) no-repeat;
  background-size: 24px;
}
.improve_my.renew.member-info-content .id_icon_kakao {
  width: 24px;
  height: 24px;
  background: url(/static/img/ico/ico_s_kakao.svg) no-repeat;
  background-size: 24px;
}
.improve_my.renew.member-info-content .btn_wrap {
  display: flex;
  margin-bottom: 24px;
  gap: 0 8px;
}
.improve_my.renew.member-info-content .btn_wrap a {
  display: flex;
  height: 40px;
  font-size: 14px;
  flex: 1;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.improve_my.renew.member-info-content .btn_wrap a.btn_cancel {
  border: 1px solid #D9D9D9;
  background: #fff;
  color: #444;
}
.improve_my.renew.member-info-content .btn_wrap a.btn_save {
  border: 1px solid #E62642;
  background: #E62642;
  color: #fff;
  font-weight: 700;
}

.mainContents .main_cont .bigBanner.typeMain::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 42.9333333333vw;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  left: 0;
  top: -18px;
  z-index: 10;
}

.membershipBenefit.membershipBenefit--add {
  padding-top: 50px;
}
.membershipBenefit.membershipBenefit--add .ratingArea {
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding-top: 0;
  height: 120px;
}
.membershipBenefit.membershipBenefit--add .ratingArea .txt {
  display: flex;
  font-size: 18px;
}
.membershipBenefit.membershipBenefit--add .ratingArea .txt .name {
  font-weight: 400;
  margin: 0 0 0 5px;
}
.membershipBenefit.membershipBenefit--add .ratingArea .rating {
  font-size: 28px;
  font-weight: 900;
}
.membershipBenefit.membershipBenefit--add .ratingArea .rating .rating_text {
  position: relative;
  top: 0;
  font-size: 18px;
  font-weight: 400;
}
.membershipBenefit.membershipBenefit--add .ratingGraph {
  background: #fff;
}
.membershipBenefit.membershipBenefit--add .ratingGraph .expeBox {
  padding: 14px 0;
  min-height: 52px;
  box-sizing: border-box;
  border-radius: 12px;
}
.membershipBenefit.membershipBenefit--add .ratingGraph .expeBox > div {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}
.membershipBenefit.membershipBenefit--add .ratingGraph .expeBox strong {
  font-weight: 900;
}
.membershipBenefit.membershipBenefit--add .ratingGraph .expeBox .small_text {
  display: flex;
  font-size: 13px;
  letter-spacing: -0.5px;
  justify-content: center;
  align-items: center;
}
.membershipBenefit.membershipBenefit--add .ratingGraph .expeBox .small_text strong {
  position: relative;
  top: 0;
  font-size: 13px;
  margin: 0 0 0 3px;
}
.membershipBenefit.membershipBenefit--add .calculate {
  border-top: 10px solid #e5e5e5;
}
.membershipBenefit.membershipBenefit--add .calculate .title {
  margin-top: 0;
}
.membershipBenefit.membershipBenefit--add .calculate .attaRating .result .justify {
  font-size: 14px;
}
.membershipBenefit.membershipBenefit--add .calculate .history-btn {
  display: flex;
  margin: 10px 0 0;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  background: transparent;
  box-sizing: border-box;
}
.membershipBenefit.membershipBenefit--add .calculate .history-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  padding: 13px 0;
  box-sizing: border-box;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--family {
  border: 0;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--family .ratingArea::after {
  width: 109px;
  height: 88px;
  top: calc(50% - 44px);
  background: url(/static/img/ico/family_shadow2026.png) no-repeat center;
  background-size: auto;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--family .membership-benefit__item a span.coupon::before {
  background: url(/static/img/ico/ico_coupon_family.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--family .membership-benefit__item a span.membership::before {
  background: url(/static/img/ico/ico_membership_family.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--family .membership-benefit__item a span.benefits::before {
  background: url(/static/img/ico/ico_benefits_family.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--silver .ratingArea::after {
  width: 109px;
  height: 88px;
  top: calc(50% - 44px);
  background: url(/static/img/ico/silver_shadow2026.png) no-repeat center;
  background-size: auto;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--silver .membership-benefit__item a span.coupon::before {
  background: url(/static/img/ico/ico_coupon_silver.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--silver .membership-benefit__item a span.membership::before {
  background: url(/static/img/ico/ico_membership_silver.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--silver .membership-benefit__item a span.benefits::before {
  background: url(/static/img/ico/ico_benefits_silver.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--gold .ratingArea::after {
  width: 109px;
  height: 88px;
  top: calc(50% - 44px);
  background: url(/static/img/ico/gold_shadow2026.png) no-repeat center;
  background-size: auto;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--gold .membership-benefit__item a span.coupon::before {
  background: url(/static/img/ico/ico_coupon_gold.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--gold .membership-benefit__item a span.membership::before {
  background: url(/static/img/ico/ico_membership_gold.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--gold .membership-benefit__item a span.benefits::before {
  background: url(/static/img/ico/ico_benefits_gold.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vip .ratingArea::after {
  width: 109px;
  height: 88px;
  top: calc(50% - 44px);
  background: url(/static/img/ico/vip_shadow2026.png) no-repeat center;
  background-size: auto;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vip .membership-benefit__item a span.coupon::before {
  background: url(/static/img/ico/ico_coupon_vip.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vip .membership-benefit__item a span.membership::before {
  background: url(/static/img/ico/ico_membership_vip.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vip .membership-benefit__item a span.benefits::before {
  background: url(/static/img/ico/ico_benefits_vip.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vvip .ratingArea::after {
  width: 109px;
  height: 88px;
  top: calc(50% - 44px);
  background: url(/static/img/ico/vvip_shadow2026.png) no-repeat center;
  background-size: auto;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vvip .membership-benefit__item a span.coupon::before {
  background: url(/static/img/ico/ico_coupon_vvip.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vvip .membership-benefit__item a span.membership::before {
  background: url(/static/img/ico/ico_membership_vvip.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vvip .membership-benefit__item a span.benefits::before {
  background: url(/static/img/ico/ico_benefits_vvip.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vvip .membership-benefit__item a span.vvip {
  position: relative;
  width: 100%;
  padding: 0 0 0 24px;
  box-sizing: border-box;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vvip .membership-benefit__item a span.vvip::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px;
  background: url(/static/img/ico/ico_lounge.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vvip .membership-benefit__item a span.vvip::after {
  content: "";
  position: absolute;
  right: 0;
  top: 1px;
  width: 10px;
  height: 15px;
  background: url(/static/img/ico/ico_arrow_10x15_222.svg) no-repeat;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vvip .membership-benefit__item--employee {
  gap: 0 8px;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vvip .membership-benefit__item--employee a {
  position: relative;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vvip .membership-benefit__item--employee a span {
  position: relative;
  width: 100%;
}
.membershipBenefit.membershipBenefit--add.membershipBenefit--vvip .membership-benefit__item--employee a span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 1px;
  width: 10px;
  height: 15px;
  background: url(/static/img/ico/ico_arrow_10x15_222.svg) no-repeat;
}

.membership-benefit {
  display: flex;
  flex-flow: column;
  padding: 20px 15px 0;
  gap: 8px 0;
}
.membership-benefit__item {
  display: flex;
  justify-content: center;
}
.membership-benefit__item a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 42px;
  margin: 0 auto;
  padding: 0 16px;
  background: #f5f5f5;
  border-radius: 4px;
  box-sizing: border-box;
}
.membership-benefit__item a span.coupon::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px;
}
.membership-benefit__item a span.membership::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px;
}
.membership-benefit__item a span.benefits::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px;
}
.membership-benefit__item a.membership-benefit__banner--download span {
  position: relative;
  width: 100%;
  padding: 0 16px 0 24px;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.5px;
}
.membership-benefit__item a.membership-benefit__banner--download span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 13px;
  height: 13px;
  background: url(/static/img/ico/ico_arrow_download.svg) no-repeat;
}
.membership-benefit__item a.membership-benefit__banner--download.red {
  background: #FDEAED;
}
.membership-benefit__item a.membership-benefit__banner--download.red .coupon::before {
  background: url(/static/img/ico/ico_coupon_red.svg) no-repeat !important;
}
.membership-benefit__item a.membership-benefit__banner--link span {
  position: relative;
  width: 100%;
  padding: 0 12px 0 24px;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.5px;
}
.membership-benefit__item a.membership-benefit__banner--link span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 1px;
  width: 10px;
  height: 15px;
  background: url(/static/img/ico/ico_arrow_10x15_222.svg) no-repeat;
}
.membership-benefit__item a.membership-benefit__banner--link.red {
  background: #FDEAED;
}
.membership-benefit__item a.membership-benefit__banner--link.red .coupon::before {
  background: url(/static/img/ico/ico_coupon_red.svg) no-repeat !important;
}
.membership-benefit__item a.membership-benefit__link {
  justify-content: space-between;
}
.membership-benefit__item a.membership-benefit__link span {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.5px;
}
.membership-benefit__item a.membership-benefit__link span.membership-benefit__label {
  position: relative;
  padding: 0 0 0 24px;
}
.membership-benefit__item a.membership-benefit__link span.membership-benefit__value {
  position: relative;
  padding: 0 12px 0 0;
}
.membership-benefit__item a.membership-benefit__link span.membership-benefit__value::before {
  display: none;
}
.membership-benefit__item a.membership-benefit__link span.membership-benefit__value::after {
  content: "";
  position: absolute;
  right: 0;
  top: 1px;
  width: 10px;
  height: 15px;
  background: url(/static/img/ico/ico_arrow_10x15_222.svg) no-repeat;
}

.membership-guide {
  border-top: 10px solid #e5e5e5;
}
.membership-guide__title {
  display: flex;
  justify-content: center;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.5px;
  padding: 16px 0;
}
.membership-guide__list .membership-guide__item {
  border-top: 1px solid #e5e5e5;
  margin-bottom: -1px;
}
.membership-guide__list .membership-guide__item .membership-guide__button {
  position: relative;
  display: block;
  width: 100%;
  height: 56px;
  color: #222;
  font-size: 14px;
  padding: 0 15px;
  font-weight: 700;
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
}
.membership-guide__list .membership-guide__item .membership-guide__button::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 16px;
  width: 24px;
  height: 24px;
  background: url(/static/img/ico/ico_arrow_24x24.svg) no-repeat center;
  transition: ease 0.5s;
  transform: rotate(0);
}
.membership-guide__list .membership-guide__item.is-active .membership-guide__content {
  display: block;
}
.membership-guide__list .membership-guide__item.is-active .membership-guide__button::after {
  transform: rotate(-180deg);
}
.membership-guide__list .membership-guide__content {
  display: none;
}
.membership-guide__list .membership-guide__content ul {
  display: flex;
  flex-flow: column;
  gap: 8px 0;
  padding: 20px 15px;
  background: #FAFAFA;
}
.membership-guide__list .membership-guide__content ul li {
  position: relative;
  padding: 0 0 0 20px;
}
.membership-guide__list .membership-guide__content ul li::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 5px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #444;
}

.membership-notice {
  padding: 16px 15px;
}
.membership-notice li {
  position: relative;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 20px;
  padding: 0 0 0 8px;
}
.membership-notice li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #666;
}

.promo-actions__container {
  display: flex;
  margin: 16px 0 0;
  justify-content: center;
}
.promo-actions__container .btn-more-recommend {
  position: relative;
  display: flex;
  flex-flow: wrap;
  border-radius: 200px;
  background: #f5f5f5;
  min-width: 200px;
  height: 40px;
  padding: 0 38px;
  justify-content: center;
  font-size: 14px;
  color: #444;
  line-height: 40px;
  box-sizing: border-box;
}
.promo-actions__container .btn-more-recommend::after {
  content: "";
  position: relative;
  top: 12px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/static/img/ico/ico_recommend_16x16.svg) no-repeat;
  margin-left: 4px;
}

/* 회원탈퇴안내 */
.improve_my .memOutZone.memOutZone--guide .mypage_tit {
  border-top: 0;
  font-weight: 700;
  padding: 15px 0;
  margin: 0 15px;
}
.improve_my .memOutZone.memOutZone--guide .mypage_wrap {
  border-bottom: 1px solid #ccc;
}
.improve_my .memOutZone.memOutZone--guide ul.form_input {
  padding-bottom: 7px;
}
.improve_my .memOutZone.memOutZone--guide dl dd ul {
  margin-top: 10px;
}
.improve_my .memOutZone.memOutZone--guide dl dd ul li + li {
  margin-top: 4px;
}
.improve_my .memOutZone.memOutZone--guide .withdraw-notice {
  padding: 24px 15px 0;
}
.improve_my .memOutZone.memOutZone--guide .withdraw-notice__title {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.5px;
}
.improve_my .memOutZone.memOutZone--guide .withdraw-notice__content dd {
  padding: 0;
}

.findAddressPop {
  z-index: 20003;
}
.findAddressPop__input {
  padding: 15px;
  display: flex;
  position: relative;
}
.findAddressPop__input .stoaInput__wrap {
  flex-grow: 1;
  padding: 11px 12px 11px 16px;
}
.findAddressPop__input .stoaInput__wrap input {
  font-size: 16px;
  padding: 0;
  color: #222;
}
.findAddressPop__input .stoaBtn {
  max-width: 68px;
  min-width: 68px;
  margin-left: 8px;
}
.findAddressPop__combo {
  position: absolute;
  z-index: 1;
  top: calc(100% - 7px);
  max-height: calc(100dvh - 120px);
  overflow-y: auto;
  left: 0;
  right: 0;
  margin: 0 15px;
  background-color: #fff;
  border: 1px solid #E5E5E5;
}
.findAddressPop__combo li {
  border-bottom: 1px solid #E5E5E5;
}
.findAddressPop__combo li:last-of-type {
  border: 0;
}
.findAddressPop__combo li button {
  font-size: 16px;
  color: #222;
  min-height: 52px;
  width: 100%;
  line-height: 21px;
  padding: 10px 16px;
  text-align: left;
}
.findAddressPop__combo li span.color1 {
  color: #E62642;
  vertical-align: baseline;
}
.findAddressPop__default {
  padding: 15px;
}
.findAddressPop__default .text1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #222;
}
.findAddressPop__default .text2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #E62642;
}
.findAddressPop__default .explan {
  margin-top: 12px;
}
.findAddressPop__default .explan li {
  position: relative;
  padding-left: 7px;
}
.findAddressPop__default .explan li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #222;
  border-radius: 5px;
}
.findAddressPop__default .explan li + li {
  margin-top: 12px;
}
.findAddressPop__default .explan strong {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.findAddressPop__default .explan span {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #666;
}
.findAddressPop__list {
  padding: 15px;
}
.findAddressPop__list .resultRow {
  padding-bottom: 16px;
}
.findAddressPop__list .resultRow .count {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
}
.findAddressPop__list .resultRow .count b {
  font-weight: 700;
  vertical-align: baseline;
}
.findAddressPop__list .resultRow .text1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #888;
  margin-top: 4px;
}
.findAddressPop__list .addressList {
  font-size: 16px;
  font-weight: 400;
  color: #222;
  border-top: 1px solid #EEE;
}
.findAddressPop__list .addressList li {
  padding: 15px 0;
  border-bottom: 1px solid #EEE;
}
.findAddressPop__list .addressList .postalCode {
  font-weight: 700;
  line-height: 24px;
  margin-right: 6px;
}
.findAddressPop__list .addressList .address {
  line-height: 24px;
}
.findAddressPop__list .addressList .address2 {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #666;
  margin-top: 8px;
}
.findAddressPop__list .addressList .address2::before {
  content: "지번";
  display: inline-block;
  width: 28px;
  line-height: 19px;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  line-height: 17px;
  color: #666;
  border: 1px solid #E5E5E5;
  margin-right: 6px;
}
.findAddressPop__list .moreBtn {
  width: 100%;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  border: 1px solid #444;
  background: #FFF;
  color: #999;
  margin: 16px 0;
}
.findAddressPop__list .moreBtn span {
  vertical-align: baseline;
}
.findAddressPop__list .moreBtn .text {
  font-size: 15px;
  color: #222;
  margin-right: 5px;
}
.findAddressPop__list .moreBtn .current {
  font-weight: 700;
  color: #222;
  margin-right: 2px;
}
.findAddressPop__list .moreBtn .total {
  font-size: 14px;
  color: #999;
  margin-left: 2px;
}
.findAddressPop__list .moreBtn::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(/static/img/stoaModule/Arrow_Down_16@2x.png) no-repeat 0 0/100% auto;
  transition: all 0.4s;
}
.findAddressPop__detail {
  padding: 15px;
}
.findAddressPop__detail .info {
  font-size: 16px;
  font-weight: 400;
  color: #222;
  margin-bottom: 16px;
}
.findAddressPop__detail .info .postalCode {
  font-weight: 700;
  line-height: 24px;
  margin-right: 6px;
}
.findAddressPop__detail .info .address {
  line-height: 24px;
}
.findAddressPop__detail .info .address2 {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #666;
  margin-top: 8px;
}
.findAddressPop__detail .info .address2::before {
  content: "지번";
  display: inline-block;
  width: 28px;
  line-height: 19px;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  line-height: 17px;
  color: #666;
  border: 1px solid #E5E5E5;
  margin-right: 6px;
}
.findAddressPop__detail .detailInput {
  margin-top: 15px;
}
.findAddressPop__detail .detailInput .stoaInput__wrap {
  height: 56px;
  box-sizing: border-box;
  font-size: 16px;
}
.findAddressPop__detail .stoaBtn {
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  margin-top: 16px;
}
.findAddressPop__detail .stoaLink {
  display: block;
  width: fit-content;
  margin: 30px auto 0;
  text-align: center;
  line-height: 13px;
}

/* 주문배송 */
.order-history {
  padding: 50px 0 0;
}
.order-history .order-filter {
  padding: 60px 0 0;
}
.order-history .order-filter__tabs {
  position: fixed;
  top: 50px;
  left: 0;
  display: flex;
  width: 100%;
  gap: 0 4px;
  padding: 12px 15px;
  background: #fff;
  z-index: 2;
}
.order-history .order-filter__tabs .order-filter__tab {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  padding: 0 16px;
  border-radius: 100px;
  background: #F5F5F5;
  letter-spacing: -0.5px;
}
.order-history .order-filter__tabs .order-filter__tab--active {
  color: #fff;
  font-weight: 600;
  background: #222;
}
.order-history .order-filter__panel {
  display: none;
}
.order-history .order-filter__panel--active {
  display: block;
}
.order-history .order-search {
  display: flex;
  gap: 0 12px;
  margin-bottom: 12px;
  padding: 0 15px;
}
.order-history .order-search__box {
  position: relative;
  display: flex;
  flex: 1;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #DDD;
  box-sizing: border-box;
  overflow: hidden;
}
.order-history .order-search__box.is-focus {
  border-color: #222;
}
.order-history .order-search__box .order-search__input {
  height: 44px;
  padding: 0 70px 0 16px;
  border-radius: 4px;
  color: #222;
  font-size: 14px;
}
.order-history .order-search__box .order-search__btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  height: 44px;
  background: url(../../img/ico_sub_search.png) no-repeat center;
  background-size: 17px;
}
.order-history .order-search__box .order-search__clear {
  display: none;
  position: absolute;
  right: 44px;
  width: 20px;
  height: 42px;
  background: url(/static/img/ico/ico_close_gray.svg) no-repeat center;
}
.order-history .order-search__box .order-search__clear.is-show {
  display: block;
}
.order-history .order-search .order-period__btn {
  position: relative;
  color: #888;
  font-size: 14px;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #DDD;
  padding: 0 31px 0 16px;
  letter-spacing: -0.56px;
}
.order-history .order-search .order-period__btn::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 16px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #222;
  border-top: 1px solid #222;
  transform: rotate(135deg);
}
.order-history .order-search .order-period__btn.active {
  border: 1px solid #444;
  color: #222;
}
.order-history .order-search .order-period__btn.active::after {
  top: 19px;
  transform: rotate(-45deg);
}
.order-history.h_pt .order-filter__tabs {
  border-bottom: 1px solid #E5E5E5;
}
.order-history .more-button button {
  display: flex;
  width: 100%;
  height: 48px;
  justify-content: center;
  background: #fff;
  border-radius: 10px;
  line-height: 48px;
  margin-bottom: 13px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04);
}
.order-history .more-button button span {
  position: relative;
  color: #222;
  font-size: 15px;
  font-weight: 500;
  padding: 0 20px 0 0;
  line-height: 48px;
}
.order-history .more-button button span::after {
  content: "";
  position: absolute;
  right: 6px;
  top: calc(50% - 6px);
  width: 6px;
  height: 6px;
  border-right: 1px solid #222;
  border-top: 1px solid #222;
  transform: rotate(135deg);
  transition: 0.5s ease;
}
.order-history .order-history__notice {
  padding: 0 0 40px;
}
.order-history .order-history__notice li {
  position: relative;
  padding: 0 0 0 8px;
  font-size: 14px;
  color: #666;
  letter-spacing: -0.5px;
}
.order-history .order-history__notice li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #666;
}

.stoaToastAlert.stoaToastAlert--order {
  width: 100%;
  background: rgba(34, 34, 34, 0.8);
}

.order-date {
  display: none;
  height: 44px;
  margin: 12px 15px;
  padding: 0 16px;
  border: 1px solid #444;
  border-radius: 4px;
  box-sizing: border-box;
}
.order-date__separator {
  display: inline-block;
  height: 44px;
  width: 11px;
  margin: 0 43px;
  line-height: 44px;
}
.order-date__item {
  position: relative;
  flex: 1;
}
.order-date__item input[type=text] {
  color: #444;
  height: 42px;
  padding: 2px 0 0;
  line-height: 42px;
  box-sizing: border-box;
}
.order-date__item a {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: block;
  background: url(/static/img/ico/ico_calendar_20x20.svg) no-repeat;
  width: 20px;
  height: 20px;
}
.order-date--active {
  display: flex;
}

.order-history__list {
  padding: 15px 15px 1px;
  background: #F0F0F0;
}
.order-history__list .order-history__item {
  background: #fff;
  margin-bottom: 16px;
  padding: 16px 16px 18px;
  border-radius: 10px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04);
}
.order-history__list .order-history__item .order-card__header {
  display: flex;
  justify-content: space-between;
  padding: 0 0 14px;
}
.order-history__list .order-history__item .order-card__header .order-card__date {
  color: #222;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.order-history__list .order-history__item .order-card__header .order-card__detail {
  position: relative;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.5px;
  padding: 0 14px 0 0;
}
.order-history__list .order-history__item .order-card__header .order-card__detail::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 6px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  transform: rotate(40deg);
}
.order-history__list .order-history__item .order-card__body {
  padding: 14px 0 0;
  border-top: 1px solid #eee;
}
.order-history__list .order-history__item .order-card__body .order-card__status {
  margin-bottom: 14px;
}
.order-history__list .order-history__item .order-card__body .order-card__status .order-card__badge {
  min-width: 0;
  color: #F47725;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-right: 6px;
}
.order-history__list .order-history__item .order-card__body .order-card__status .order-card__status-group {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  line-height: 19px;
}
.order-history__list .order-history__item .order-card__body .order-card__status .order-card__state {
  color: #222;
  font-size: 16px;
  font-weight: 700;
}
.order-history__list .order-history__item .order-card__body .order-card__status .order-card__deadline {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 8px;
  border-radius: 20px;
  background: rgba(230, 38, 66, 0.05);
  color: #E62642;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.06px;
}
.order-history__list .order-history__item .order-card__body .order-card__product {
  display: flex;
}
.order-history__list .order-history__item .order-card__body .order-card__product .order-card__thumb {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 8px;
  overflow: hidden;
}
.order-history__list .order-history__item .order-card__body .order-card__product .order-card__thumb::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(102, 102, 102, 0.05);
}
.order-history__list .order-history__item .order-card__body .order-card__info {
  flex: 1;
  margin-left: 12px;
}
.order-history__list .order-history__item .order-card__body .order-card__info a {
  display: block;
}
.order-history__list .order-history__item .order-card__body .order-card__info .order-card__name {
  display: -webkit-box;
  color: #222;
  font-size: 14px;
  letter-spacing: -0.5px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: inherit;
  margin-bottom: 4px;
}
.order-history__list .order-history__item .order-card__body .order-card__info .order-card__name .brand {
  font-weight: 700;
}
.order-history__list .order-history__item .order-card__body .order-card__info .order-card__option {
  display: -webkit-box;
  color: #888;
  font-size: 13px;
  letter-spacing: -0.5px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: inherit;
  margin-bottom: 4px;
}
.order-history__list .order-history__item .order-card__body .order-card__info .order-card__price .price {
  color: #222;
  font-size: 13px;
}
.order-history__list .order-history__item .order-card__body .order-card__info .order-card__price .price strong {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.order-history__list .order-history__item .order-card__body .order-card__info .order-card__price .count {
  color: #888;
  font-size: 13px;
  letter-spacing: -0.5px;
  margin-left: 8px;
}
.order-history__list .order-history__item .order-card__body .order-card__info .order-card__price-note {
  font-weight: 700;
  font-size: 14px;
}
.order-history__list .order-history__item .order-card__body .order-card__text {
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.5px;
}
.order-history__list .order-history__item .order-card__body .order-name {
  display: inline-block;
  color: #888;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}
.order-history__list .order-history__item .order-card__action {
  display: flex;
  flex-flow: column;
  gap: 8px 0;
  margin-top: 16px;
}
.order-history__list .order-history__item .order-card__action-row {
  position: relative;
  display: flex;
  gap: 8px;
}
.order-history__list .order-history__item .order-card__action-row .order-card__btn {
  flex: 1;
  height: 44px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
.order-history__list .order-history__item .order-card__action-row .order-card__btn--primary {
  color: #E62642;
  border: 1px solid #E62642;
}
.order-history__list .order-history__item .order-card__action-row .order-card__btn .text {
  position: relative;
}
.order-history__list .order-history__item .order-card__action-row .order-card__btn .text .order-card__reward {
  position: absolute;
  right: -40px;
  top: -21px;
  background: #E62642;
  border-radius: 100px;
  padding: 0 8px;
  height: 19px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
}
.order-history__list .order-history__item .order-card__action-row .order-card__btn .text .order-card__reward::after {
  content: "";
  position: absolute;
  left: calc(50% - 3.75px);
  bottom: -5px;
  width: 7.5px;
  height: 5px;
  background: url(/static/img/ico/ico_tooltip_sculpture.svg) no-repeat;
}
.order-history__list .order-history__item .order-card + .order-card {
  margin-top: 20px;
}
.order-history__list .order-history__item .order-card--empty .order-card__empty-text {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 160px 0 80px;
  color: #222;
  font-size: 16px;
  letter-spacing: -0.5px;
}
.order-history__list .order-history__item .order-card--empty .order-card__empty-text::before {
  content: "";
  position: absolute;
  left: calc(50% - 32px);
  top: 80px;
  width: 64px;
  height: 64px;
  background: url(/static/img/ico/ico_empty.svg) no-repeat;
}
.order-history__list .order-history__item .empty {
  position: relative;
  display: flex;
  font-size: 16px;
  justify-content: center;
  padding: 144px 0 64px;
}
.order-history__list .order-history__item .empty::before {
  content: "";
  position: absolute;
  left: calc(50% - 32px);
  top: 64px;
  width: 64px;
  height: 64px;
  background: url(/static/img/ico/ico_empty.svg) no-repeat;
}

.order-detail {
  padding: 50px 0 0;
}
.order-detail__date, .order-detail__number {
  display: flex;
  border-top: 10px solid #f0f0f0;
  height: 56px;
  align-items: center;
  padding: 0 15px;
}
.order-detail__date strong, .order-detail__number strong {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.005px;
  color: #222;
}
.order-detail__date span, .order-detail__number span {
  font-size: 14px;
  margin-left: 7px;
}
.order-detail__number {
  justify-content: space-between;
}
.order-detail .order-detail__copy-btn {
  position: relative;
  display: inline-block;
  height: 34px;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  padding: 0 12px 0 32px;
  color: #222;
}
.order-detail .order-detail__copy-btn:before {
  content: "";
  position: absolute;
  left: 11px;
  top: 9px;
  width: 16px;
  height: 16px;
  background: url(/static/img/ico/ico_copy_16x16.svg) no-repeat;
}
.order-detail .order-detail__copy-btn:focus {
  color: #fff;
}
.order-detail__item {
  padding: 24px 15px;
  border-top: 10px solid #f0f0f0;
}
.order-detail__item.order-detail__item--group {
  padding-bottom: 0;
}
.order-detail__item.order-detail__item--group .order-card {
  border-top: 1px solid #eee;
  padding: 16px 0 0;
}
.order-detail__item.order-detail__item--group .delivery-info {
  margin-bottom: 16px;
  border-top: 1px solid #eee;
  padding: 16px 0 0;
}
.order-detail__item h2.order-detail__item-title {
  height: auto;
  background: #fff;
  font-size: 17px;
  font-weight: 700;
  border-bottom: 1px solid #444;
  padding: 0 0 16px;
}
.order-detail__item .order-card {
  margin-bottom: 16px;
  padding: 16px 0 0;
}
.order-detail__item .order-card .order-card__body .order-card__status {
  display: inline;
  align-items: center;
  gap: 4px 6px;
  margin-bottom: 16px;
}
.order-detail__item .order-card .order-card__body .order-card__status .order-card__badge {
  min-width: 0;
  color: #F47725;
  font-size: 16px;
  font-weight: 700;
  word-break: break-all;
}
.order-detail__item .order-card .order-card__body .order-card__status .order-card__status-group {
  display: inline;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  white-space: nowrap;
}
.order-detail__item .order-card .order-card__body .order-card__status .order-card__state {
  color: #222;
  font-size: 16px;
  font-weight: 700;
}
.order-detail__item .order-card .order-card__body .order-card__status .order-card__deadline {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 8px;
  border-radius: 20px;
  background: rgba(230, 38, 66, 0.05);
  color: #E62642;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.06px;
}
.order-detail__item .order-card .order-card__body .order-card__product {
  display: flex;
}
.order-detail__item .order-card .order-card__body .order-card__product .order-card__thumb {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 8px;
  overflow: hidden;
}
.order-detail__item .order-card .order-card__body .order-card__product .order-card__thumb::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(102, 102, 102, 0.05);
}
.order-detail__item .order-card .order-card__body .order-card__info {
  flex: 1;
  margin-left: 12px;
}
.order-detail__item .order-card .order-card__body .order-card__info .order-card__name {
  display: -webkit-box;
  color: #222;
  font-size: 14px;
  letter-spacing: -0.5px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: inherit;
  margin-bottom: 4px;
}
.order-detail__item .order-card .order-card__body .order-card__info .order-card__name .brand {
  font-weight: 700;
}
.order-detail__item .order-card .order-card__body .order-card__info .order-card__option {
  display: -webkit-box;
  color: #888;
  font-size: 13px;
  letter-spacing: -0.5px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: inherit;
  min-height: auto;
  margin: 0 0 4px;
  padding: 0;
  background: #fff;
}
.order-detail__item .order-card .order-card__body .order-card__info .order-card__price {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.order-detail__item .order-card .order-card__body .order-card__info .order-card__price-info {
  display: flex;
  align-items: flex-start;
}
.order-detail__item .order-card .order-card__body .order-card__info .order-card__price .price {
  color: #222;
  font-size: 13px;
}
.order-detail__item .order-card .order-card__body .order-card__info .order-card__price .price strong {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.order-detail__item .order-card .order-card__body .order-card__info .order-card__price .count {
  color: #888;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.5px;
  margin-left: 8px;
}
.order-detail__item .order-card .order-card__body .order-card__info .order-card__price .btn_cart {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
}
.order-detail__item .order-card .order-card__body .order-card__info .order-card__price .btn_cart::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  background: url(/static/img/ico/ico_cart.svg) no-repeat;
}
.order-detail__item .order-card .order-card__body .order-name {
  display: inline-block;
  color: #888;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}
.order-detail__item .order-card + .order-card {
  border-top: 1px solid #eee;
}
.order-detail__item .order-card .order-card__option {
  display: flex;
  flex-flow: column;
  min-height: 52px;
  background: #F8F8F8;
  margin: 14px 0 0;
  padding: 8px 16px;
  gap: 12px 0;
}
.order-detail__item .order-card .order-card__option-change {
  display: flex;
  justify-content: space-between;
  gap: 0 12px;
}
.order-detail__item .order-card .order-card__option-change .text {
  display: flex;
  flex: 1;
  align-items: center;
  letter-spacing: -0.5px;
  line-height: 20px;
}
.order-detail__item .order-card .order-card__option-change .order-card__option-btn {
  position: relative;
  display: flex;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #CCC;
  background: #FFF;
  padding: 0 31px 0 12px;
  line-height: 35px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.52px;
}
.order-detail__item .order-card .order-card__option-change .order-card__option-btn::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 13px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #222;
  border-top: 1px solid #222;
  transform: rotate(135deg);
}
.order-detail__item .order-card .order-card__option-edit {
  display: none;
}
.order-detail__item .order-card .order-card__option-edit .order-card__option-select {
  position: relative;
  width: 100%;
}
.order-detail__item .order-card .order-card__option-edit .order-card__option-select select {
  width: 100%;
  height: 36px;
  padding: 0 40px 0 12px;
  font-size: 13px;
  font-weight: 500;
  color: #222;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s ease;
}
.order-detail__item .order-card .order-card__option-edit .order-card__option-select select:hover, .order-detail__item .order-card .order-card__option-edit .order-card__option-select select:focus {
  border-color: #666;
}
.order-detail__item .order-card .order-card__option-edit .order-card__option-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}
.order-detail__item .order-card .order-card__option-edit .order-card__option-actions {
  display: flex;
  justify-content: end;
  gap: 0 12px;
  margin-top: 12px;
}
.order-detail__item .order-card .order-card__option-edit .order-card__option-actions .order-card__btn {
  height: 36px;
  padding: 0 16px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.52px;
}
.order-detail__item .order-card .order-card__option-edit .order-card__option-actions .order-card__btn.cancel {
  border: 1px solid #ccc;
  background: #fff;
}
.order-detail__item .order-card .order-card__option-edit .order-card__option-actions .order-card__btn.change {
  color: #fff;
  background: #444;
}
.order-detail__item .order-card .order-card__option.is-active .order-card__option-btn::after {
  top: 16px;
  transform: rotate(-45deg);
}
.order-detail__item .order-card .order-card__option.is-active .order-card__option-edit {
  display: block;
}
.order-detail__item .order-card .order-card__gift {
  margin-top: 14px;
  padding: 8px 16px;
  background: #F8F8F8;
  line-height: 18px;
}
.order-detail__item .order-card .order-card__action {
  display: flex;
  flex-flow: column;
  gap: 8px 0;
  margin-top: 18px;
}
.order-detail__item .order-card .feature-list {
  border-radius: 4px;
  background: #F8F8F8;
  margin: 14px 0 0;
  padding: 0 16px;
}
.order-detail__item .order-card .feature-list__item {
  display: flex;
}
.order-detail__item .order-card .feature-list__item a {
  position: relative;
  display: flex;
  width: 100%;
  height: 36px;
  align-items: center;
  gap: 0 10px;
}
.order-detail__item .order-card .feature-list__item a::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #888;
  border-top: 1px solid #888;
  transform: translateY(-65%) rotate(45deg);
}
.order-detail__item .order-card .feature-list__item a .feature-list__badge {
  display: flex;
  height: 17px;
  border-radius: 2px;
  background: #666;
  color: #fff;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 17px;
}
.order-detail__item .order-card .feature-list__item a .feature-list__text {
  color: #888;
  letter-spacing: -0.5px;
}
.order-detail__item .order-card .feature-list__item + .feature-list__item {
  border-top: 1px solid #eee;
}
.order-detail__item .order-card .goods-date {
  display: inline-flex;
  height: 26px;
  border: 1px solid #EEE;
  margin-bottom: 4px;
  padding: 0 7px;
  font-size: 13px;
  line-height: 26px;
  gap: 0 4px;
}
.order-detail__item .order-card .goods-date .date {
  color: #555558;
}
.order-detail__item .order-card .goods-date .delivery-status {
  font-size: 13px;
  color: #F47725;
}
.order-detail__item .order-card .goods-date .delivery-status strong {
  position: relative;
  top: 0;
}
.order-detail__item .section_wrap {
  margin: 14px 0 0;
  padding: 0;
}
.order-detail__item .section_wrap .gift_msgcard.readonly {
  margin: 0;
}
.order-detail__item .section_wrap .gift_msgcard.readonly .gift_msg {
  border: 0;
}
.order-detail .delivery-info__list {
  display: grid;
  grid-template-columns: 80px 1fr;
  row-gap: 8px;
  column-gap: 0;
  font-size: 14px;
  margin-bottom: 20px;
}
.order-detail .delivery-info__label {
  color: #888;
}
.order-detail .delivery-info__value {
  color: #222;
}
.order-detail .order-btn-wrap {
  display: flex;
  gap: 8px;
}
.order-detail .order-btn-wrap .order-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 44px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
.order-detail .order-btn-wrap .order-btn.kakaopay::before {
  content: "";
  position: relative;
  top: 0;
  display: inline-block;
  margin-right: 6px;
  background: url(/static/img/ico/ico_pay.png) no-repeat;
  width: 39px;
  height: 16px;
}
.order-detail .order-btn-wrap .order-btn--primary {
  color: #E62642;
  border: 1px solid #E62642;
}
.order-detail .order-btn-wrap + .order-btn-wrap {
  margin-top: 8px;
}
.order-detail__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-detail__header h3.order-detail__title {
  font-size: 17px;
  font-weight: 700;
  color: #222;
}
.order-detail__header .mask-btn {
  height: 36px;
  padding: 0 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-weight: 500;
}
.order-detail__header .order-detail__total {
  color: #E62642;
  font-size: 19px;
  font-weight: 700;
}
.order-detail__header .order-detail__total span {
  position: relative;
  top: -1px;
  font-size: 17px;
  font-weight: 700;
}
.order-detail .data-summary__list {
  margin-top: 16px;
}
.order-detail .data-summary__list li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.order-detail .data-summary__list .data-summary__list--detail {
  display: none;
  flex-flow: column;
  flex: 0 0 100%;
  margin: 4px 0;
  gap: 12px 0;
  padding: 16px;
  background: #F8F8F8;
  box-sizing: border-box;
}
.order-detail .data-summary__list .data-summary__list--detail.is-active {
  display: flex;
}
.order-detail .data-summary__list .data-summary__list--detail li span {
  line-height: 16px;
}
.order-detail .data-summary__list .data-summary__list--detail li .data-summary__label {
  color: #999;
  font-size: 13px;
}
.order-detail .data-summary__list .data-summary__list--detail li .data-summary__value {
  color: #222;
  font-size: 14px;
}
.order-detail .data-summary__list .data-summary__list--detail li .data-summary__badge {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  margin-left: 3px;
  height: 17px;
}
.order-detail .data-summary__list .data-summary__list--detail li .data-summary__badge::before {
  content: "";
  position: relative;
  display: inline-block;
  background: url(/static/img/ico/ico_vvip.svg) no-repeat;
  width: 33px;
  height: 17px;
}
.order-detail .data-summary__label {
  font-size: 15px;
}
.order-detail .data-summary__value {
  font-size: 15px;
  line-height: 24px;
  text-align: right;
}
.order-detail .data-summary__value.refund-total {
  color: #E62642;
  font-weight: 700;
}
.order-detail .data-summary .data-summary__toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font: inherit;
  color: #E62642;
}
.order-detail .data-summary .data-summary__toggle::after {
  content: "";
  position: relative;
  top: -2px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  transform: rotate(45deg);
  transition: transform 0.2s;
}
.order-detail .data-summary .data-summary__toggle.is-active::after {
  transform: rotate(225deg);
  top: 1px;
}
.order-detail .payment-method__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 16px 0;
  padding: 16px;
  background: #f8f8f8;
  border-radius: 8px;
}
.order-detail .payment-method__item {
  display: flex;
  flex-flow: column;
  gap: 16px 0;
}
.order-detail .payment-method__row {
  display: flex;
  justify-content: space-between;
}
.order-detail .payment-method__label {
  flex-shrink: 0;
  width: 90px;
  font-size: 14px;
  line-height: 20px;
  color: #999;
}
.order-detail .payment-method__sub {
  display: block;
  font-size: 13px;
  color: #999;
}
.order-detail .payment-method__content {
  flex: 1;
  text-align: right;
}
.order-detail .payment-method__content .payment-method__price {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.6px;
}
.order-detail .payment-method__value {
  font-size: 15px;
  font-weight: 400;
}
.order-detail .payment-method__account {
  display: block;
  margin-top: 2px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  word-break: break-all;
}
.order-detail .payment-method__deadline {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #222;
  text-align: right;
}
.order-detail .payment-method__actions {
  display: flex;
  justify-content: end;
  gap: 6px;
}
.order-detail .payment-method__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 12px 0 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  color: #222;
  font-size: 13px;
  cursor: pointer;
  letter-spacing: -0.52px;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.order-detail .payment-method__button:hover {
  border-color: #999;
  background: #fafafa;
}
.order-detail .payment-method__button::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background-size: contain;
}
.order-detail .payment-method__button--copy::before {
  background: url(/static/img/ico/ico_accountcopy.svg) no-repeat;
}
.order-detail .payment-method__button--kakao::before {
  background: url(/static/img/ico/ico_kakaotalk.svg) no-repeat;
}
.order-detail .payment-method__button--sms::before {
  background: url(/static/img/ico/ico_message.svg) no-repeat;
}
.order-detail .payment-method__price {
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: #222;
}
.order-detail .payment-method__approve {
  font-size: 13px;
  line-height: 18px;
  color: #999;
  text-align: right;
}
.order-detail .order-info-list {
  display: flex;
  flex-flow: column;
  gap: 8px 0;
  padding: 18px 15px;
  background: #EEE;
}
.order-detail .order-info-list .order-info-item {
  display: flex;
  height: 36px;
  justify-content: space-between;
  align-items: center;
}
.order-detail .order-info-list .order-info-item .order-info-text {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.075px;
}
.order-detail .order-info-list .order-info-item .order-info-link {
  height: 36px;
  width: 108px;
  border-radius: 4px;
  border: 1px solid #CCC;
  background: #FFF;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.5px;
  text-align: center;
  line-height: 36px;
}
.order-detail .order-box {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 16px;
}
.order-detail .order-box + .order-box {
  margin-top: 16px;
}
.order-detail .order-box .payment_info .price {
  display: flex;
  font-size: 15px;
}
.order-detail .order-box .payment_info .price .won {
  font-size: 15px;
}
.order-detail .order-box .payment_info .detail_info {
  padding: 16px;
}
.order-detail .order-box .payment_info .detail_info .between_box.text {
  font-size: 13px;
  align-items: center;
}
.order-detail .order-box .payment_info .detail_info .between_box.price {
  color: #222;
  font-size: 14px;
  font-weight: 400;
}
.order-detail .order-box .payment_info .detail_info .between_box.price .won {
  color: #222;
  font-size: 14px;
  font-weight: 400;
}
.order-detail .order-box .payment_info.return__info {
  margin: 16px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid #E5E5E5;
}
.order-detail .order-box .payment_info.return__info .return_price_coupon_box .price {
  justify-content: right;
}
.order-detail .order-box .payment_info.return__info .list__circle {
  margin-top: 2px;
}
.order-detail .order-box .payment_info.return__info .payment_list {
  margin-top: 16px;
}
.order-detail .order-box .payment_info.return__info .detail_info .payment_list {
  margin: 0;
}
.order-detail .order-box .payment_info.return__info .return_price_coupon label {
  color: #000;
}
.order-detail .order-box .payment_info.return__info .return_price_coupon a.coupon_tool_tip {
  color: #373E40;
  text-decoration: underline;
}
.order-detail .exchange-info {
  padding: 10px 16px;
  border: 1px solid #F1F1F5;
  border-radius: 4px;
}
.order-detail .exchange-info::after {
  bottom: 0;
}
.order-detail .exchange-info .info-title {
  margin: 0;
}
.order-detail .exchange-info .info-item {
  color: #666;
  font-size: 13px;
  padding: 0 0 0 8px;
}
.order-detail .exchange-info .info-item::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #666;
}
.order-detail .orderApply_wrap {
  padding: 0;
}
.order-detail .orderApply_wrap.return_divider_box .form_input.cause_cont li {
  margin: 0;
}
.order-detail .return_divider_box {
  margin-top: 14px;
}
.order-detail .return_divider_box h3.tit {
  font-size: 17px;
  color: #222;
  font-weight: 700;
  margin-bottom: 12px;
}
.order-detail .return_divider_box .form_input.cause_cont li {
  margin-top: 16px;
}
.order-detail .return_divider_box .form_input.cause_cont li.rdo_h18 input {
  border: 1px solid #CCCCCC !important;
  border-radius: 100%;
  position: relative;
  background: none;
}
.order-detail .return_divider_box .form_input.cause_cont li.rdo_h18 input::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #ccc;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.order-detail .return_divider_box .form_input.cause_cont li.rdo_h18 input:checked {
  border: solid 1px #E62642 !important;
  background-color: #E62642;
}
.order-detail .return_divider_box .form_input.cause_cont li.rdo_h18 input:checked::before {
  background-color: #fff;
}
.order-detail .return_divider_box .form_input.cause_cont li.rdo_h18 label {
  font-size: 14px;
  margin-left: 6px;
}
.order-detail .return_divider_box .select_type02_new select {
  border: solid 1px #E5E5E5;
  color: #888888;
  border-radius: 5px;
}
.order-detail .btn_area ul {
  display: flex;
  gap: 0 5px;
}
.order-detail .btn_area ul li {
  flex: 1;
}
.order-detail .btn_area ul li .btn_l {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border-radius: 5px;
  font-weight: bold;
}
.order-detail .btn_area ul li .button_red_white {
  align-items: center;
  border: 1px solid #e62642;
  border-radius: 5px;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: -1.12px;
  transform: rotate(-0.1deg);
  width: calc(50% - 4px);
}
.order-detail .btn_area ul li .button_full_red {
  align-items: center;
  border: 1px solid #e62642;
  background-color: #e62642;
  border-radius: 5px;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: -1.12px;
  transform: rotate(-0.1deg);
  width: calc(50% - 4px);
  color: #f2f2f2;
}
.order-detail .address_info .order-box__badge {
  position: relative;
  top: -1px;
  color: #F47725;
  font-size: 17px;
  font-weight: 700;
  margin-left: 3px;
}
.order-detail .address_info .between_area {
  justify-content: normal;
  flex-flow: column;
  margin-top: 4px;
}
.order-detail .address_info .between_area .between_box span {
  color: #222;
}
.order-detail .address_info .between_area .between_box span.tel_number {
  padding: 0 0 0 8px;
}
.order-detail .address_info .between_area .between_box span.tel_number::after {
  top: 2px;
  height: 10px;
  background: #ddd;
}
.order-detail .address_info .between_area .between_box .btn {
  margin: 18px 0 0;
  height: 44px;
  border: 1px solid #E62642;
  border-radius: 4px;
  color: #E62642;
  font-size: 15px;
  font-weight: 500;
  line-height: 44px;
}
.order-detail .address_info .address_text {
  width: 100%;
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
}
.order-detail .mypage_wrap {
  margin-top: 14px;
}
.order-detail .mypage_wrap .termListWrap > li .chkWrap {
  padding: 0;
}
.order-detail .mypage_wrap .termListWrap > li .chkWrap input[type=checkbox] {
  display: none;
}
.order-detail .mypage_wrap.spacing-type {
  margin: 0;
}
.order-detail .mypage_wrap.spacing-type .mypage_title_area {
  padding: 0;
}
.order-detail .mypage_wrap.spacing-type .list__circle {
  margin-bottom: 0;
}
.order-detail .padBottom18 {
  padding-bottom: 18px !important;
}

.field-list {
  margin-top: 16px;
}
.field-list__list {
  display: flex;
  flex-flow: column;
  gap: 8px 0;
  font-size: 15px;
  color: #222;
}
.field-list__item {
  display: flex;
}
.field-list__label {
  width: 95px;
  line-height: 24px;
}
.field-list__value {
  display: flex;
  flex: 1;
  justify-content: end;
  line-height: 24px;
  text-align: right;
}

.payment-notice {
  padding: 18px 15px 8px;
  background: #F0F0F0;
}
.payment-notice__section {
  margin-bottom: 10px;
}
.payment-notice__title {
  font-size: 14px;
  font-weight: 700;
}
.payment-notice__item {
  position: relative;
  font-size: 14px;
  margin: 8px 0 0;
  padding: 0 0 0 20px;
  line-height: 20px;
  color: #444;
}
.payment-notice__item::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #444;
}

.order-container .padBottom0 {
  padding-bottom: 0 !important;
}
.order-container .pad0 {
  padding: 0 !important;
}
.order-container .contents {
  margin-top: 0;
}
.order-container.improve_my.renew {
  padding: 50px 0 0;
  background: #F0F0F0 !important;
}
.order-container.improve_my.renew .order-filter__panel .orderList_wrap {
  padding: 0 15px;
}
.order-container.improve_my.renew .order-filter__panel .orderList_wrap .order_list .goods_list .order_goods li .goods_value .goods_value__status-group .tracking-notice {
  display: inline-block;
}
.order-container.improve_my.renew .orderList_wrap {
  position: relative;
}
.order-container.improve_my.renew .orderList_wrap::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  width: calc(100% - 30px);
  height: 1px;
  background: #eee;
}
.order-container.improve_my.renew .orderList_wrap:first-child {
  border-top: 0;
}
.order-container.improve_my.renew .orderList_wrap .order_list {
  margin-bottom: 16px;
  margin-top: 0;
  background: #fff;
  border-radius: 10px;
  border: 0;
}
.order-container.improve_my.renew .orderList_wrap .order_list .detail_btn {
  color: #222;
  font-size: 14px;
  font-weight: 500;
}
.order-container.improve_my.renew .orderList_wrap .order_list .goods_order {
  background: #fff;
  padding-top: 16px;
}
.order-container.improve_my.renew .orderList_wrap .order_list .goods_order .order_date {
  font-size: 15px;
}
.order-container.improve_my.renew .orderList_wrap .order_list .order-name {
  display: inline-block;
  color: #888;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}
.order-container.improve_my.renew .orderList_wrap .order_list .goods_list .order_goods li .goods_value {
  display: block;
  margin-bottom: 14px;
  line-height: 19px;
}
.order-container.improve_my.renew .orderList_wrap .order_list .goods_list .order_goods li .goods_value__badge {
  min-width: 0;
  color: #F47725;
  font-size: 16px;
  font-weight: 700;
  margin: 0 6px 0 0;
}
.order-container.improve_my.renew .orderList_wrap .order_list .goods_list .order_goods li .goods_value .goods_value__status-group {
  display: inline;
  white-space: nowrap;
  line-height: 19px;
}
.order-container.improve_my.renew .orderList_wrap .order_list .goods_list .order_goods li .goods_value .goods_value__status-group .goods_value__state {
  color: #222;
  font-size: 16px;
  font-weight: 700;
}
.order-container.improve_my.renew .orderList_wrap .order_list .goods_list .order_goods li .goods_value .goods_value__status-group .tracking-notice {
  position: relative;
  height: 20px;
  padding: 0 8px 0 24px;
  border-radius: 20px;
  background: rgba(230, 38, 66, 0.1);
  color: #E62642;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.06px;
  line-height: 20px;
}
.order-container.improve_my.renew .orderList_wrap .order_list .goods_list .order_goods li .goods_value .goods_value__status-group .tracking-notice:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 12px;
  height: 12px;
  background: url(/static/img/ico/ico_tracking.svg) no-repeat;
}
.order-container.improve_my.renew .orderList_wrap .order_list .goods_list .order_goods li .goods_value .goods_value__status-group .goods_value__deadline {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 8px;
  border-radius: 20px;
  background: rgba(230, 38, 66, 0.05);
  color: #E62642;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.06px;
}
.order-container.improve_my.renew .orderList_wrap .order_list .goods_list .devider_box {
  margin: 0;
}
.order-container.improve_my.renew .orderList_wrap .order_list .order_goods li .goods_value {
  margin-top: 0;
}
.order-container.improve_my.renew .orderList_wrap .order_list .order_goods li .box_gray {
  margin: 0;
  padding: 0 16px 8px;
  background: #F8F8F8;
  border-radius: 0;
}
.order-container.improve_my.renew .orderList_wrap .order_list .order_goods li .box_gray .select_type02_new select {
  font-size: 13px;
  color: #222;
}
.order-container.improve_my.renew .orderList_wrap .order_list .order_goods li .box_gray .btn_num1 .btn_change {
  background: #444;
}
.order-container.improve_my.renew .orderList_wrap .info_box dl dt {
  color: #888;
}
.order-container.improve_my.renew .orderList_wrap .info_box dl dd {
  color: #222;
  padding-left: 80px;
}
.order-container.improve_my.renew .orderList_wrap .info_box dl + dl {
  margin-top: 4px;
}
.order-container.improve_my.renew .orderList_wrap .info_box .goods_state .btn_area .btn_m.primary {
  height: 44px;
}
.order-container.improve_my.renew .orderList_wrap .goods_state {
  margin-top: 20px;
}
.order-container.improve_my.renew .orderList_wrap .goods_state .btn_area {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 0;
}
.order-container.improve_my.renew .orderList_wrap .goods_state .btn_area li {
  margin: 0;
  flex: 0 0 calc(50% - 4px);
}
.order-container.improve_my.renew .orderList_wrap .goods_state .btn_area li.big_btn {
  flex-basis: 100%;
}
.order-container.improve_my.renew .orderList_wrap .goods_state .btn_area .btn_m {
  height: 42px;
  font-size: 14px;
  font-weight: 600;
  line-height: 42px;
}
.order-container.improve_my.renew .orderList_wrap .goods_state .btn_area .btn_m.primary {
  border-color: #E62642;
  color: #E62642;
}
.order-container.improve_my.renew .orderList_wrap .goods_state .btn_area .btn_m.primary .text {
  position: relative;
}
.order-container.improve_my.renew .orderList_wrap .goods_state .btn_area .btn_m.primary .text .order-card__reward {
  position: absolute;
  right: -40px;
  top: -21px;
  background: #E62642;
  border-radius: 100px;
  padding: 0 8px;
  height: 19px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
}
.order-container.improve_my.renew .orderList_wrap .goods_state .btn_area .btn_m.primary .text .order-card__reward::after {
  content: "";
  position: absolute;
  left: calc(50% - 3.75px);
  bottom: -5px;
  width: 7.5px;
  height: 5px;
  background: url(/static/img/ico/ico_tooltip_sculpture.svg) no-repeat;
}
.order-container.improve_my.renew .orderList_wrap .goods_state .btn_area .btn_m .small_text {
  position: relative;
  top: -1px;
  color: #888;
  font-size: 13px;
  font-weight: 500;
  margin-left: 3px;
}
.order-container.improve_my.renew .orderList_wrap .goods_state .big_btn {
  margin-left: 0;
}
.order-container.improve_my.renew .order_goods {
  padding: 0 0 1px;
  border-radius: 0;
  background: #fff;
}
.order-container.improve_my.renew .order_goods li {
  border-radius: 0 !important;
}
.order-container.improve_my.renew .order_goods li .goods_img > a {
  width: 68px;
  height: 68px;
  border-radius: 8px;
  overflow: hidden;
}
.order-container.improve_my.renew .order_goods li .goods {
  position: relative;
  padding: 0 0 0 12px;
}
.order-container.improve_my.renew .order_goods li .goods--cancel {
  padding-bottom: 16px;
}
.order-container.improve_my.renew .order_goods li .goods a {
  height: auto !important;
}
.order-container.improve_my.renew .order_goods li .goods .goods_name {
  margin-bottom: 4px;
  line-height: 20px;
}
.order-container.improve_my.renew .order_goods li .goods .goods_option {
  line-height: 20px;
  font-size: 13px;
  /*min-height: 37px;*/
  margin-bottom: 8px;
}
.order-container.improve_my.renew .order_goods li .goods .goods_price {
  display: flex;
}
.order-container.improve_my.renew .order_goods li .goods .goods_price span {
  font-size: 13px;
}
.order-container.improve_my.renew .order_goods li .goods .goods_price span em {
  font-size: 15px;
}
.order-container.improve_my.renew .order_goods li .goods .goods_price .count {
  font-size: 13px;
}
.order-container.improve_my.renew .order_goods li .goods .btn_cart {
  position: absolute;
  right: 0;
  bottom: 32px;
  display: inline-block;
  width: 36px;
  height: 36px;
}
.order-container.improve_my.renew .order_goods li .goods .btn_cart::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  background: url(/static/img/ico/ico_cart.svg) no-repeat;
}
.order-container.improve_my.renew .order_goods li .goods_value {
  display: block;
  margin-bottom: 14px;
}
.order-container.improve_my.renew .order_goods li .goods_value__badge {
  min-width: 0;
  color: #F47725;
  font-size: 16px;
  font-weight: 700;
  margin-right: 6px;
  line-height: 22px;
}
.order-container.improve_my.renew .order_goods li .goods_value .goods_value__status-group {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  line-height: 19px;
}
.order-container.improve_my.renew .order_goods li .goods_value .goods_value__status-group .goods_value__state {
  color: #222;
  font-size: 16px;
  font-weight: 700;
}
.order-container.improve_my.renew .order_goods li .goods_value .goods_value__status-group .goods_value__deadline {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 8px;
  border-radius: 20px;
  background: rgba(230, 38, 66, 0.05);
  color: #E62642;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.06px;
}
.order-container.improve_my.renew .order_goods li .goods_value .goods_value__status-group button.tracking-notice {
  position: relative;
  height: 20px;
  padding: 0 24px;
  border-radius: 20px;
  background: rgba(230, 38, 66, 0.1);
  color: #E62642;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.06px;
  line-height: 20px;
}
.order-container.improve_my.renew .order_goods li .goods_value .goods_value__status-group button.tracking-notice:before {
  content: "";
  position: absolute;
  left: 8px;
  top: calc(50% - 6px);
  width: 12px;
  height: 12px;
  background: url(/static/img/ico/ico_tracking.svg) no-repeat;
}
.order-container.improve_my.renew .order_goods li .goods_value .goods_value__status-group button.tracking-notice:after {
  content: "";
  position: absolute;
  right: 8px;
  top: calc(50% - 6.5px);
  width: 13px;
  height: 13px;
  background: url(/static/img/ico/ico_question.svg) no-repeat;
}
.order-container.improve_my.renew .order_goods li .order_goods__text {
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.5px;
}
.order-container.improve_my.renew .order_goods li .box_gray {
  margin: 0;
  padding: 0 16px 8px;
  background: #F8F8F8;
  border-radius: 0;
}
.order-container.improve_my.renew .order_goods li .txt_type01 {
  background: #F8F8F8;
  margin: 14px 0 18px;
  padding: 8px 16px !important;
}
.order-container.improve_my.renew .order_goods li .txt_type01 li {
  color: #222 !important;
  font-size: 13px !important;
  line-height: 18px;
}
.order-container.improve_my.renew .order_goods li .kakaopay-remit {
  border: 1px solid #ccc;
  height: 42px;
  margin-top: 8px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item {
  background: #fff;
  margin: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box {
  padding: 22px 0 24px;
  border-top: 10px solid #F0F0F0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box:first-child {
  padding-bottom: 8px;
  border-top: 10px solid #F0F0F0 !important;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order-detail__header {
  position: relative;
  margin: 0 15px -1px;
  line-height: 24px;
  background: #fff;
  border-bottom: 1px solid #444;
  z-index: 2;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order-detail__header .order-detail__title {
  margin-bottom: 16px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .orderList_wrap {
  padding: 16px 15px 16px;
  margin-top: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .orderList_wrap:first-child {
  padding: 0 15px;
  margin-top: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .orderList_wrap:first-child::before {
  display: none;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .orderList_wrap + .orderList_group {
  margin-top: 24px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .orderList_wrap .box {
  margin-bottom: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .orderList_wrap .pcode_input {
  margin-bottom: 20px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .orderList_wrap .pcode_input .input_type {
  height: 48px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .orderList_group {
  position: relative;
  padding-top: 16px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .orderList_group::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  width: calc(100% - 30px);
  height: 1px;
  background: #444;
  z-index: 2;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list {
  position: relative;
  margin-bottom: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .goods_list .order_goods li {
  padding: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .goods_list .order_goods li .box_gray {
  margin-bottom: 16px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .goods_state {
  border: 0;
  margin: 16px 0 0;
  padding: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .goods_state .kakaopay-remit span {
  color: #222;
  font-weight: 600;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .option_box {
  background: #F8F8F8;
  margin: 14px 0 0;
  padding: 10px 16px;
  gap: 0 8px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .option_box > div {
  width: 100%;
  flex: 1;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .option_box .pro_option {
  display: -webkit-box;
  color: #222;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .option_box .btn_cart.btn_arrow {
  background: #fff;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .option_box .btn_cart.btn_arrow span {
  color: #222;
  font-size: 13px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .goods .goods-date {
  display: inline-flex;
  height: 26px;
  border: 1px solid #EEE;
  margin-bottom: 4px;
  padding: 0 7px;
  font-size: 13px;
  line-height: 26px;
  gap: 0 4px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .goods .goods-date .date {
  color: #555;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .goods .goods-date .delivery-status {
  font-size: 13px;
  color: #F47725;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .goods .goods-date .delivery-status strong {
  position: relative;
  top: -1px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .goods_img .is-unavailable {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.5px;
  text-align: center;
  z-index: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .devider_box .order_list.detail_order_list .goods_img .is-unavailable:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 20px;
  border-radius: 0 0 4px 4px;
  opacity: 0.6;
  background: #444;
  z-index: -1;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .orderDetail_wrap {
  padding: 0 15px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .orderDetail_wrap.cancel_detail {
  margin-top: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .orderDetail_wrap .process h3 {
  padding-top: 24px;
  border-bottom: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .orderDetail_wrap .rbox_bgw {
  padding: 0 15px 24px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .orderDetail_wrap .rbox_bgw dt, .order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .orderDetail_wrap .rbox_bgw dd {
  font-size: 15px;
  color: #222;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .orderDetail_wrap .rbox_bgw dt {
  width: 120px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .orderDetail_wrap .rbox_bgw dd {
  width: calc(100% - 120px);
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .return_divider_box {
  margin: 0;
  padding: 24px 15px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .return_divider_box .returnReasonBox .form_input.cause_cont {
  margin: 0;
  padding: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .return_divider_box .returnReasonBox .form_input.cause_cont li {
  margin: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .return_divider_box .form_input.cause_cont {
  margin: 0;
  padding: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .return_divider_box .form_input.cause_cont li {
  margin: 16px 0 8px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .mypage_noti_box {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.order-container.improve_my.renew .mypage_wrap.my_proc.order-detail--item .btn_area a.btn_l.btn_ty07 {
  border: 1px solid #ccc;
  color: #555;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box {
  margin: 0;
  padding: 22px 15px 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box.devider_box--multi {
  padding: 22px 0 0 !important;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box.devider_box--multi .orderList_wrap:first-child {
  padding-bottom: 24px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .shippingTitle {
  position: relative;
  color: #222;
  word-break: break-all;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .shippingTitle__right {
  right: 0;
  top: 9px;
  z-index: 2;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .shippingTitle__right .mask-btn {
  height: 36px;
  padding: 0 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  color: #222;
  line-height: 36px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .shippingTitle__right .mask-btn:focus {
  color: #222;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .shippingTitle__right .btnChgShip {
  height: 36px;
  line-height: 36px;
  right: 15px;
  z-index: 9;
  font-size: 13px;
  padding: 0 12px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont {
  padding: 0 15px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .shippingTitle {
  display: flex;
  justify-content: space-between;
  padding: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .shippingTitle strong {
  color: #E62642;
  font-size: 19px;
  font-weight: 700;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .shippingTitle strong span {
  font-size: 17px;
  font-weight: 700;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus {
  margin-top: 15px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus li {
  line-height: 24px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus li:nth-child(2) {
  margin-top: 4px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus li + li {
  margin-top: 4px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .boxComm .txtResult {
  padding-right: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .boxComm .txtResult.refund-total .emphComm, .order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .boxComm .txtResult.refund-total .txtUnit {
  color: #E62642;
  font-size: 15px;
  font-weight: 700;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .boxComm .emphComm, .order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .boxComm .txtUnit {
  font-size: 15px;
  font-weight: 400;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .data-summary__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 0 6px 0 0;
  border: 0;
  background: none;
  cursor: pointer;
  font: inherit;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .data-summary__toggle .emphComm, .order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .data-summary__toggle .txtUnit {
  color: #E62642;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .data-summary__toggle::after {
  content: "";
  position: relative;
  right: -5px;
  top: -2px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  transform: rotate(45deg);
  transition: transform 0.2s;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .data-summary__toggle.is-active::after {
  transform: rotate(225deg);
  top: 1px;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .data-summary {
  display: none;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .data-summary.is-active {
  display: block;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .listOrderStatusDetail {
  margin-top: 4px;
  border-radius: 0;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .listOrderStatusDetail .emphComm2, .order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .listOrderStatusDetail .txtUnit {
  font-size: 14px;
  font-weight: 400;
}
.order-container.improve_my.renew .mypage_wrap.my_proc .devider_box .cont .listOrderStatus .listOrderStatusDetail .emphComm2.paymun {
  font-size: 15px;
  font-weight: 700;
}
.order-container .order-filter {
  padding: 60px 0 0;
}
.order-container .order-filter__tabs {
  position: fixed;
  top: 50px;
  left: 0;
  display: flex;
  width: 100%;
  gap: 0 4px;
  padding: 12px 15px;
  background: #fff;
  z-index: 2;
}
.order-container .order-filter__tabs .order-filter__tab {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  padding: 0 16px;
  border-radius: 100px;
  background: #F5F5F5;
  letter-spacing: -0.5px;
}
.order-container .order-filter__tabs .order-filter__tab--active {
  color: #fff;
  font-weight: 600;
  background: #222;
}
.order-container .order-filter__panel {
  display: none;
}
.order-container .order-filter__panel--active {
  display: block;
}
.order-container .order-filter__panel .contents {
  margin-top: 18px;
}
.order-container .order-search {
  display: flex;
  gap: 0 12px;
  margin-bottom: 12px;
  padding: 0 15px;
  background: #fff;
  margin-bottom: 0;
  padding-bottom: 12px;
}
.order-container .order-search__box {
  position: relative;
  display: flex;
  flex: 1;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #DDD;
  box-sizing: border-box;
  overflow: hidden;
}
.order-container .order-search__box.is-focus {
  border-color: #222;
}
.order-container .order-search__box .order-search__input {
  height: 44px;
  padding: 0 70px 0 16px;
  border-radius: 4px;
  color: #222;
  font-size: 14px;
}
.order-container .order-search__box .order-search__btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  height: 44px;
  background: url(../../img/ico_sub_search.png) no-repeat center;
  background-size: 17px;
}
.order-container .order-search__box .order-search__clear {
  display: none;
  position: absolute;
  right: 44px;
  width: 20px;
  height: 42px;
  background: url(/static/img/ico/ico_close_gray.svg) no-repeat center;
}
.order-container .order-search__box .order-search__clear.is-show {
  display: block;
}
.order-container .order-search .order-period__btn {
  position: relative;
  color: #888;
  font-size: 14px;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #DDD;
  padding: 0 31px 0 16px;
  letter-spacing: -0.56px;
}
.order-container .order-search .order-period__btn::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 16px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #222;
  border-top: 1px solid #222;
  transform: rotate(135deg);
}
.order-container .order-search .order-period__btn.active {
  border: 1px solid #444;
  color: #222;
}
.order-container .order-search .order-period__btn.active::after {
  top: 19px;
  transform: rotate(-45deg);
}
.order-container .order-date {
  position: relative;
  margin: 0;
  padding: 0 15px 12px;
  background: #fff;
  border: none;
  border-radius: 0;
  height: auto;
}
.order-container .order-date__content {
  display: flex;
  border: 1px solid #444;
  border-radius: 4px;
  padding: 0 16px;
}
.order-container .more-button {
  margin: 16px 0 0;
}
.order-container .more-button button {
  display: flex;
  width: 100%;
  height: 48px;
  justify-content: center;
  background: #fff;
  border-radius: 10px;
  line-height: 48px;
  margin-bottom: 13px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04);
}
.order-container .more-button button span {
  position: relative;
  color: #222;
  font-size: 15px;
  font-weight: 500;
  padding: 0 20px 0 0;
  line-height: 48px;
}
.order-container .more-button button span::after {
  content: "";
  position: absolute;
  right: 6px;
  top: calc(50% - 6px);
  width: 6px;
  height: 6px;
  border-right: 1px solid #222;
  border-top: 1px solid #222;
  transform: rotate(135deg);
  transition: 0.5s ease;
}
.order-container .order-container__notice li {
  position: relative;
  padding: 0 0 0 8px;
  font-size: 14px;
  color: #666;
  letter-spacing: -0.5px;
}
.order-container .order-container__notice li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #666;
}
.order-container .order_list__empty {
  background: #fff;
  margin-bottom: 16px;
  padding: 16px 16px 18px;
  border-radius: 10px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04);
}
.order-container .order_list__empty-text {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 160px 0 80px;
  color: #222;
  font-size: 16px;
  letter-spacing: -0.5px;
}
.order-container .order_list__empty-text::before {
  content: "";
  position: absolute;
  left: calc(50% - 32px);
  top: 80px;
  width: 64px;
  height: 64px;
  background: url(/static/img/ico/ico_empty.svg) no-repeat;
}
.order-container .order-detail {
  padding: 0;
}
.order-container .order-detail__date, .order-container .order-detail__number {
  background: #fff;
}
.order-container .order-detail .order-detail__item .order_list {
  margin-bottom: 16px;
}
.order-container .order-detail .order-detail__item .order_list .order_goods li {
  padding: 16px;
}
.order-container .feature-list {
  border-radius: 4px;
  background: #F8F8F8;
  margin: 14px 0 0;
  padding: 0 16px;
}
.order-container .feature-list__item {
  display: flex;
}
.order-container .feature-list__item a {
  position: relative;
  display: flex;
  width: 100%;
  height: 36px;
  align-items: center;
  gap: 0 10px;
}
.order-container .feature-list__item a::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #888;
  border-top: 1px solid #888;
  transform: translateY(-65%) rotate(45deg);
}
.order-container .feature-list__item a .feature-list__badge {
  display: flex;
  height: 17px;
  border-radius: 2px;
  background: #666;
  color: #fff;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 17px;
}
.order-container .feature-list__item a .feature-list__text {
  color: #888;
  letter-spacing: -0.5px;
}
.order-container .feature-list__item + .feature-list__item {
  border-top: 1px solid #eee;
}
.order-container .order-detail--item {
  background: #fff;
}

.overseas-delivery {
  padding: 16px;
}
.overseas-delivery h2.title {
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.64px;
  margin-bottom: 12px;
}
.overseas-delivery .popup__desc {
  color: #222;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.52px;
}
.overseas-delivery .info-box {
  margin-top: 12px;
}
.overseas-delivery .info-box__title {
  font-size: 14px;
  letter-spacing: -0.56px;
  margin-bottom: 4px;
}
.overseas-delivery .info-box__text {
  color: #666;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.52px;
}

/* box slider (s) // */
.boxSlider {
  padding: 0 15px 24px;
}
.boxSlider__item {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
  width: 306px;
  padding: 16px;
}
.boxSlider__title {
  font-size: 16px;
  color: #222;
  font-weight: 700;
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.boxSlider .goodsList.type4 {
  padding: 0;
  gap: 16px;
}
.boxSlider .goodsList.type4 li {
  width: calc((100% - 16px) / 2);
}
.boxSlider .goodsList.type4 .thumbnail {
  height: 128px;
}
.boxSlider .goodsList.type4 .favorite {
  top: 100px;
  right: 5px;
}
.boxSlider .goodsList.type4 .title {
  font-size: 14px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.boxSlider .goodsList.type4 .goodsPrice {
  font-size: 13px;
}
.boxSlider .goodsList.type4 .goodsNumber {
  font-size: 17px;
}
.boxSlider .goodsList.type4 .goodsDiscount {
  font-size: 16px;
}

/* // (e) box slider */
/* 배송조회 - 주문정보 */
.order-detail__meta {
  display: flex;
  flex-flow: column;
  gap: 16px 0;
  border-radius: 8px;
  border: 1px solid #eee;
  margin-bottom: 24px;
  padding: 20px 16px;
}
.order-detail__meta .order-detail__meta-item {
  display: flex;
}
.order-detail__meta .order-detail__meta-item dt {
  width: 86px;
  color: #999;
  font-size: 14px;
}
.order-detail__meta .order-detail__meta-item dd {
  flex: 1;
  color: #222;
  font-size: 14px;
}
.order-detail__meta .order-detail__meta-item dd strong {
  font-weight: 700;
}

/* 갤럭시 폴드 8 해상도 대응 */
.stoaGoodsDetail__thumbnail .swiper-slide.stoaGoodsDetail__video.videoContent img {
  height: 100%;
}

/********** MCS PAGE (s) // **********/
.improve_my.renew .tv-order-page .orderList_wrap .order_list.detail_order_list .order_goods li .goods_order {
  padding: 9px 13px 13px;
}
.improve_my.renew .tv-order-page .orderList_wrap .order_list.detail_order_list .order_goods li .goods_order .btn_all_cancle.r_btn {
  position: absolute;
  right: 10px;
  top: 7px;
  border-radius: 4px;
  font-size: 12px;
  color: #222222;
  border: solid 1px #E5E5E5;
  padding: 8px;
  background: #fff;
  box-sizing: border-box;
  height: auto;
  line-height: normal;
  width: auto;
  font-weight: normal;
}
.improve_my.renew .tv-order-page .orderList_wrap .order_list.detail_order_list .order_goods li .goods a {
  /*height: auto;*/
}
.improve_my.renew .tv-order-page .orderList_wrap .order_list.detail_order_list .order_goods li .goods .goods_option {
  margin: 5px 0;
}

.tv-order-page {
  position: relative;
  padding: 20px 15px 0;
}
.tv-order-page:before {
  content: "";
  position: fixed;
  left: 0;
  top: 50px;
  width: 100%;
  height: 1px;
  background: #E5E5E5;
  z-index: 3;
}
.tv-order-page .orderList_wrap .order_list {
  margin: 0 0 24px !important;
}
.tv-order-page .orderList_wrap ul.order_goods li .goods_img > a {
  width: 78px;
  height: 78px;
  border-radius: 8px;
  overflow: hidden;
}
.tv-order-page .orderList_wrap ul.order_goods .goods_state {
  padding: 0;
  border-top: 0;
  overflow: visible;
}
.tv-order-page .orderList_wrap ul.order_goods .goods_state .btn_area li {
  margin-top: 5px;
}
.tv-order-page .orderList_wrap ul.order_goods .goods_state ul li.btn_tooltip {
  position: relative;
}
.tv-order-page .orderList_wrap ul.order_goods .goods_state ul li.btn_tooltip .tip {
  width: max-content;
  bottom: -6px;
  right: 50%;
  transform: translateX(50%);
  height: 22px;
  line-height: 22px;
  font-size: 11px;
  font-weight: 700;
}
.tv-order-page .benefit-banner {
  position: relative;
  box-sizing: border-box;
  height: 1px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 6px;
  background: #FFF9EC;
  opacity: 0;
  transition: height 0.65s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.65s cubic-bezier(0.22, 0.61, 0.36, 1), background-color 0.65s ease, border-color 0.35s ease;
}
.tv-order-page .benefit-banner-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 20px 35px 24px;
  opacity: 0;
  box-sizing: border-box;
  filter: brightness(0.75) contrast(0.88);
  transform: translateY(-3px);
  transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, filter 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s;
}
.tv-order-page .benefit-banner__title {
  color: #E62642;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.tv-order-page .benefit-banner__title.coin {
  position: relative;
  text-indent: 32px;
  text-align: center;
}
.tv-order-page .benefit-banner__title.coin::before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 24px;
  height: 24px;
  background: url(/static/img/ico/ico_coin_ani.gif) no-repeat;
  background-size: 100%;
}
.tv-order-page .benefit-banner__title.deliver {
  position: relative;
  text-indent: 42px;
  text-align: center;
}
.tv-order-page .benefit-banner__title.deliver::before {
  content: "";
  position: absolute;
  left: 0;
  top: -11px;
  width: 38px;
  height: 38px;
  background: url(/static/img/ico/ico_car_ani.gif) no-repeat;
  background-size: 100%;
}
.tv-order-page .benefit-banner__title.half {
  position: relative;
  text-indent: 42px;
  text-align: center;
}
.tv-order-page .benefit-banner__title.half::before {
  content: "";
  position: absolute;
  left: 0;
  top: -11px;
  width: 38px;
  height: 38px;
  background: url(/static/img/ico/ico_half_price.gif) no-repeat;
  background-size: 100%;
}
.tv-order-page .benefit-banner__desc {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.5px;
  margin-top: 3px;
}
.tv-order-page .benefit-banner__button {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  background: #E62642;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-top: 12px;
}
.tv-order-page .benefit-banner__close {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 16px;
  height: 16px;
  background: url(/static/img/ico/ico_close_24x24_gray.svg) no-repeat;
  background-size: contain;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.2s ease 0.25s;
}
.tv-order-page .benefit-banner.show {
  height: 147px;
  opacity: 1;
  border-color: #F3E5AE;
  margin-bottom: 24px;
}
.tv-order-page .benefit-banner.show .benefit-banner-content {
  opacity: 1;
  filter: none;
  transform: none;
}
.tv-order-page .benefit-banner.show .benefit-banner__close {
  opacity: 1;
}
.tv-order-page .goodsList.type7 .goodsDeliveryType {
  order: initial;
}
.tv-order-page .devider_box .group_caution {
  padding-bottom: 20px !important;
}

.section-header h3 {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.72px;
}

/********** // (e) MCS PAGE **********/
/********** 예치금 (s) // **********/
/* 사용가능 금액 영역 */
.deposit {
  position: relative;
  padding: 50px 0 0;
}
.deposit-balance {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding: 32px 20px;
}
.deposit-balance__label {
  margin-bottom: 7px;
  font-size: 14px;
  color: #444;
}
.deposit-balance__amount {
  display: flex;
  font-size: 26px;
  font-weight: 700;
  color: #1D1D1D;
  letter-spacing: -0.26px;
}
.deposit-balance__amount span {
  font-size: 26px;
  font-weight: 500;
}
.deposit-balance__btn {
  width: 64px;
  height: 40px;
  border-radius: 8px;
  padding: 0 16px;
  background: #E62642;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.deposit-balance__btn:disabled {
  background: #D9D9D9;
}
.deposit-balance-btnarea {
  position: relative;
}
.deposit-balance .deposit-balance-tooltip {
  position: absolute;
  right: 15px;
  top: 20px;
  background: #222;
  border-radius: 100px;
  height: 24px;
  padding: 0 12px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.deposit-balance .deposit-balance-tooltip::after {
  content: "";
  position: absolute;
  right: 26px;
  bottom: -6px;
  width: 13px;
  height: 10px;
  background: url(/static/img/ico/ico_arrow_down_16x14.svg) no-repeat;
}
.deposit-history {
  padding: 20px 15px 0;
}
.deposit-history__title {
  color: #222;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
.deposit-history__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 16px 0;
  border-bottom: 1px solid #E5E5E5;
}
.deposit-history__item .deposit-badge {
  position: relative;
  font-size: 12px;
  font-weight: 700;
  padding: 0 0 0 16px;
}
.deposit-history__item .deposit-badge--earn {
  color: #eb1c40;
}
.deposit-history__item .deposit-badge--earn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  background: url(/static/img/ico/ico_plus.svg) no-repeat;
  background-size: cover;
}
.deposit-history__item .deposit-badge--used {
  color: #228BE6;
}
.deposit-history__item .deposit-badge--used::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  background: url(/static/img/ico/ico_minus2.svg) no-repeat;
  background-size: cover;
}
.deposit-history__name {
  color: #222;
  font-size: 14px;
  font-weight: 500;
}
.deposit-history__date {
  color: #999;
  font-size: 12px;
  font-weight: 500;
}
.deposit-history__body {
  flex: 1;
  min-width: 0;
}
.deposit-history__amount {
  display: flex;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 700;
}
.deposit-history__amount .deposit-history__won {
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 400;
}
.deposit-history__empty {
  padding: 100px 0;
}
.deposit-history__empty p {
  padding: 52px 0 0;
  color: #444;
  font-size: 14px;
  text-align: center;
  background: url(/static/img/ico/ico_empty_40x40.svg) no-repeat center top;
}
.deposit .withdraw_form {
  padding: 20px 15px 40px;
}
.deposit .withdraw_form .form_group .form_label {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #222;
}
.deposit .withdraw_form .form_group .amount_box {
  display: flex;
  gap: 8px;
}
.deposit .withdraw_form .form_group .amount_box .amount_input {
  position: relative;
  flex: 1;
}
.deposit .withdraw_form .form_group .amount_box .amount_input input {
  height: 48px;
  padding: 0 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  color: #222;
  text-align: left;
}
.deposit .withdraw_form .form_group .amount_box .amount_input input::placeholder {
  color: #222;
}
.deposit .withdraw_form .form_group .amount_box .btn_all {
  width: 80px;
  height: 48px;
  border-radius: 4px;
  background: #555;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
.deposit .withdraw_form .form_group .amount_box .btn_clear {
  display: none;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url(/static/img/ico/ico_input_clear.svg) no-repeat;
  background-size: 20px;
}
.deposit .withdraw_form .form_group .amount_box .btn_clear.is-active {
  display: block;
}
.deposit .withdraw_form .form_group .form_desc {
  margin: 8px 0 32px;
  font-size: 12px;
  color: #444;
}
.deposit .withdraw_form .form_group .account_box {
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
}
.deposit .withdraw_form .form_group .account_box .account_name {
  margin-bottom: 5px;
  font-size: 13px;
  color: #666;
}
.deposit .withdraw_form .form_group .account_box .account_number {
  font-size: 14px;
  font-weight: 700;
  color: #222;
}
.deposit .withdraw_form .form_group .btn_outline {
  width: 100%;
  height: 52px;
  margin-top: 12px;
  border: 1px solid #ef2346;
  border-radius: 8px;
  background: #fff;
  color: #ef2346;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.2s;
}
.deposit .withdraw_form .form_group .btn_outline:hover {
  background: #fff5f7;
}
.deposit .withdraw_form .form_group .btn_outline:active {
  transform: scale(0.98);
}
.deposit .button_type {
  width: 100%;
  height: 40px;
  background: #fff;
  color: #E62642;
  border: 1px solid #E62642;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  margin-top: 8px;
}
.deposit .deposit-notice-section {
  width: 100%;
  background: #FAFAFA;
  padding: 24px 15px 177px;
  box-sizing: border-box;
}
.deposit .deposit-notice-section .title {
  display: block;
  color: #1D1D1D;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 16px;
}
.deposit .deposit-notice-section ul li {
  position: relative;
  color: #444;
  font-size: 14px;
  padding: 0 0 0 20px;
  margin-top: 8px;
}
.deposit .deposit-notice-section ul li:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 7px;
  width: 3px;
  height: 3px;
  background: #444;
  border-radius: 3px;
}

.deposit-account__notice {
  margin: 16px 15px;
  background: #f5f5f7;
  border-radius: 8px;
  padding: 14px 16px;
  font-size: 13px;
  color: #4a4a4e;
  line-height: 1.5;
  text-align: center;
}
.deposit-account__notice strong {
  position: relative;
  top: -1px;
  color: #E62642;
  font-weight: 700;
}
.deposit-account__form {
  padding: 4px 16px 24px;
}
.deposit-account__field {
  margin-bottom: 20px;
}
.deposit-account__label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
}
.deposit-account__input, .deposit-account input[type=text].deposit-account__input {
  width: 100%;
  height: 48px;
  padding: 0 14px;
  font-size: 15px;
  border: 1px solid #e4e4e7;
  border-radius: 8px;
  background: #fff;
  color: #1a1a1a;
  outline: none;
}
.deposit-account__input::placeholder, .deposit-account input[type=text].deposit-account__input::placeholder {
  color: #b0b0b5;
}
.deposit-account__input:focus, .deposit-account input[type=text].deposit-account__input:focus {
  border-color: #1a1a1a;
}
.deposit-account__input:disabled, .deposit-account input[type=text].deposit-account__input:disabled {
  background: #F8F8F8;
  margin: 0;
}
.deposit-account__select {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.deposit-account__select .dropbox_select {
  height: 48px;
  background: url(/static/img/ico/ico_arrow_24x24.svg) no-repeat right 10px;
  background-size: 30px;
}
.deposit-account__select-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: #6b6b6f;
}
.deposit-account .info_success {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F4F9FF;
  height: 56px;
  text-align: center;
  border-radius: 4px;
  margin-top: 10px;
}
.deposit-account .info_success .text {
  position: relative;
  color: #3869FF;
  font-size: 14px;
  padding-left: 18px;
}
.deposit-account .info_success .text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  background: url(/static/img/ico/ico_check_circle_fill.svg) no-repeat left 1px;
}

.fixed_bottom_area .fixed_btn_primary {
  width: calc(100% - 30px);
  height: 48px;
  border: 0;
  margin: 0 15px 8px;
  border-radius: 4px;
  background: #E62642;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  box-sizing: border-box;
}

.cm_btn_more {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 40px;
  margin: 24px 0;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  line-height: 40px;
}
.cm_btn_more span {
  position: relative;
  color: #444;
  font-size: 14px;
  padding-right: 20px;
}
.cm_btn_more span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  width: 16px;
  height: 16px;
  background: url(/static/img/ico/ico_arrow_16x16.svg) no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}

/********** // (e) 예치금  **********/
/* cart toast */
.cartToast {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  left: 50%;
  bottom: 80px;
  transform: translate3d(-50%, 10px, 0);
  background: rgba(0, 0, 0, 0.8);
  width: 91.7333333333vw;
  height: 48px;
  padding: 0 16px;
  z-index: 90;
  box-sizing: border-box;
  border-radius: 4px;
  opacity: 0;
  will-change: transform opacity;
  transition: transform 0.3s, opacity 0.3s;
}
.cartToast.active {
  transform: translate3d(-50%, 0, 0);
  opacity: 1;
}
.cartToast__txt {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}
.cartToast__link {
  font-size: 14px;
  color: #E62642;
  font-weight: 600;
}

/********** 지금 뜨는 인기 검색어 (s) // **********/
.rank-search-list {
  padding: 0 15px 12px;
}
.rank-search-item {
  border-bottom: 1px solid #E5E5E5;
}
.rank-search-item:nth-of-type(1) .rank-search-btn {
  margin-top: 0;
}
.rank-search-item:nth-of-type(1) .rank-search-btn .rank-search-arrow {
  margin-top: 0;
}
.rank-search-item.is-active {
  border: 1px solid #222;
  border-radius: 8px;
  padding: 0;
}
.rank-search-item.is-active .rank-search-products-wrap {
  display: block;
}
.rank-search-item.is-active .rank-search-products {
  opacity: 1;
  transition-delay: 0.1s;
}
.rank-search-item.is-active .rank-search-products .goodsList {
  padding: 0 16px 24px;
}
.rank-search-item.is-active .rank-search-arrow:after {
  transform: rotate(180deg);
}
.rank-search-item.prev {
  border: 0;
}
.rank-search-item .rank-search-btn {
  position: relative;
  display: flex;
}
.rank-search-item .rank-search-btn .rank-search-arrow {
  display: flex;
  position: relative;
  width: 30px;
  height: 60px;
}
.rank-search-item .rank-search-btn .rank-search-arrow:after {
  content: "";
  position: absolute;
  right: calc(50% - 10px);
  top: calc(50% - 10px);
  background: url(/static/img/ico/ico_arrow_down.svg) no-repeat center;
  width: 20px;
  height: 20px;
  transition: 0.5s ease;
}
.rank-search-row {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  width: 100%;
  padding: 19px 12px 17px;
  border: 0;
  text-align: left;
}
.rank-search-no {
  width: 14px;
  font-size: 20px;
  font-weight: 700;
  color: #E62642;
  margin-right: 4px;
}
.rank-search-keyword {
  max-width: 45.333vw;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rank-search-tag {
  max-width: 29.333vw;
  color: #666;
  margin-left: 4px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rank-search-products-wrap {
  display: none;
}
.rank-search-products {
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.rank-search-product {
  flex: 0 0 auto;
  width: 96px;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.rank-search-product:nth-child(1) {
  transition-delay: 0.12s;
}
.rank-search-product:nth-child(2) {
  transition-delay: 0.18s;
}
.rank-search-product:nth-child(3) {
  transition-delay: 0.24s;
}
.rank-search-thumb {
  position: relative;
  width: 96px;
  height: 96px;
  border-radius: 8px;
  background: #f2f2f2;
}
.rank-search-discount {
  position: absolute;
  left: 6px;
  bottom: 6px;
  padding: 2px 5px;
  border-radius: 4px;
  background: #ee2f4e;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.rank-search-name {
  margin: 6px 0 2px;
  font-size: 11px;
  line-height: 1.3;
  color: #6b6b6b;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.rank-search-price {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #191919;
}
.rank-search-empty {
  margin: 4px 0 12px;
  font-size: 12px;
  color: #b0b0b0;
}

/********** // (e) 지금 뜨는 인기 검색어  **********/
/********** 검색결과 - 드릴다운 (s) // **********/
.prd-tag.fixed {
  position: fixed;
  top: 61px;
  left: 0;
  width: 100%;
  z-index: 999;
  box-sizing: border-box;
  background: #fff;
}
.prd-tag-list {
  display: flex;
  gap: 0 8px;
  overflow-x: auto;
  white-space: nowrap;
  padding: 8px 15px;
}
.prd-tag-item {
  flex: 0 0 auto;
}
.prd-tag-item a {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 6px 8px 6px 4px;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  box-sizing: border-box;
  color: #222;
  font-size: 13px;
}
.prd-tag-item .img {
  position: relative;
  display: flex;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  overflow: hidden;
}
.prd-tag-item .img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
}
.prd-tag-item .img + .text {
  padding-left: 6px;
}
.prd-tag-item .text {
  padding-left: 4px;
}

/********** // (e) 검색결과 - 드릴다운  **********/

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