@charset "UTF-8";
@import url("./font.css");
/*
: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: 20px;
  height: 20px;
  background: url("/static/img/ico_lock_off.png") 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.png");
}
.stoaInput__btn-view {
  background: url("/static/img/ico_eye_off.png") no-repeat;
  background-size: contain;
}
.stoaInput__btn-view.on {
  background-image: url("/static/img/ico_eye.png");
}
.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.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;
}

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: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #ddd;
}
.stoaLink.type2 {
  font-size: 14px;
  font-weight: 400;
  color: #222;
  border-bottom: 1px solid #222;
}

.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__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-top: 20px;
}
.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.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__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;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-size: 15px;
  border: 2px solid #e5e5e5;
  margin-top: 16px;
}
.stoaLogin__etc-link.type2 strong {
  margin-left: 3px;
}
.stoaLogin__etc-link.type2::after {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 8px;
  font-size: 10px;
  font-weight: 500;
  color: #999;
}
.stoaLogin__etc-link.type2 .txtAd {
  position: absolute;
  left: 3px;
  top: 0;
  font-size: 10px;
  color: #999;
}
.stoaLogin__etc-link.type2 .smallRight {
  position: absolute;
  right: 3px;
  bottom: -1px;
  font-size: 9px;
  color: #c3c3c3;
}
.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 .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;
}

/********** 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 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);
  }
}
/********** // (e) animation **********/
/********** basic (s) // **********/
.fixedContent {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 139;
  background-color: #fff;
}

/********** // (e) basic **********/
/********** font color (s) // **********/
.fc-blue {
  color: #228BE6;
}

.fc-red {
  color: #E62642;
}

.fc-orange {
  color: #FF7D00;
}

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

.fc-444 {
  color: #444;
}

/********** // (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;
}

/********** // (e) space **********/
/********** slides view layer **********/
.slidesViewLayer {
  position: fixed;
  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;
  height: 100%;
  overflow: auto;
}
.slidesViewLayer__item .swiper-slide {
  height: auto;
}
.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);
  border: 1px solid transparent;
  border-radius: 0 0 4px 4px;
  background: #fff;
  width: 100%;
  max-height: 0;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  z-index: 90;
  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;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  font-size: 16px;
  color: #222;
}
.stoaSelect__list button.active {
  background: #F5F5F5;
}

/********** // (e) stoa select **********/
/********** stoa box check (s) // **********/
.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;
}

/********** // (e) stoa box check **********/
/********** 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;
}

/********** // (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.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__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: 40px 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)::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)::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.lineTop {
  border-top: 1px solid #eee;
}
[style*=background] .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;
}
.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;
  height: 14px;
  position: static;
}
.stoaModule__title.type6 {
  background: transparent;
}
.stoaModule__title.type6 a {
  width: 100%;
  gap: 0;
}
.stoaModule__title.type6 a::after {
  display: none;
}
.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;
}
.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.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;
}
.stoaModule__title.typeMain .subject {
  font-size: 19px;
  gap: 0 4px;
}
.stoaModule__title.typeMain .category {
  margin-left: 4px;
}
.stoaModule__title.typeMain .time {
  margin-left: 8px;
}
.stoaModule__title .ico {
  width: 34px;
  height: 34px;
  border: 1px solid #ddd;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.stoaModule__title .subject {
  font-size: 20px;
  color: #191923;
  letter-spacing: -0.56px;
  font-weight: 700;
  line-height: 1;
}
.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 .subTitle {
  width: 100%;
  font-size: 14px;
  color: #222;
}
.stoaModule__title .subTitle.type2 {
  font-size: 16px;
}
.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;
}
.stoaModule__title .liveItem::before, .stoaModule__title .liveItem::after {
  content: "";
}
.stoaModule__title .liveItem::before, .stoaModule__title .liveItem::after,
.stoaModule__title .liveItem i {
  width: 4px;
  display: block;
  background: #E62642;
}
.stoaModule__title .liveItem.type2::before, .stoaModule__title .liveItem.type2::after,
.stoaModule__title .liveItem.type2 i, .stoaModule__title .liveItem.type3::before, .stoaModule__title .liveItem.type3::after,
.stoaModule__title .liveItem.type3 i, .stoaModule__title .liveItem.type4::before, .stoaModule__title .liveItem.type4::after,
.stoaModule__title .liveItem.type4 i {
  width: 2px;
  border-radius: 2px;
}
.stoaModule__title .liveItem.type3::before, .stoaModule__title .liveItem.type3::after,
.stoaModule__title .liveItem.type3 i {
  background: #FF7D00;
}
.stoaModule__title .liveItem.type4::before, .stoaModule__title .liveItem.type4::after,
.stoaModule__title .liveItem.type4 i {
  background: #fff;
}
.stoaModule__title .liveItem::before {
  animation: liveAnimate 1s infinite;
}
.stoaModule__title .liveItem::after {
  animation: liveAnimate 1.5s infinite;
}
.stoaModule__title .liveItem i {
  animation: liveAnimate 1.8s infinite;
}
.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("/static/img/stoaModule/Chevron_Right2_24@2x.png") no-repeat 0 0/100% auto;
}
.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__broadcastTitle {
  display: flex;
  align-items: end;
  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: 22px;
  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;
}
.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__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;
}

/********** // (e) stoaModule **********/
/********** 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) // **********/
.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 .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__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 .date {
  display: flex;
  align-items: center;
  color: #222;
  font-size: 13px;
  letter-spacing: -0.052px;
  gap: 0 8px;
}
.stoaGoodsDetail__broadcast .date b {
  display: flex;
  align-items: baseline;
  gap: 0 4px;
  font-weight: 700;
}
.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;
}
.stoaGoodsDetail__broadcast .alertBtn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("https://imagecdn.skstoa.com/static/img/bell@2x.png") no-repeat 0 0/100% auto;
}
.stoaGoodsDetail__broadcast .alertBtn.active::before {
  background-image: url("/static/img/stoaModule/bell_Fill@2x.png");
}
.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("/static/img/stoaModule/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__brand {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.stoaGoodsDetail__brand a {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #222;
  line-height: 1;
  gap: 0 5px;
}
.stoaGoodsDetail__brand a:not(:nth-of-type(1)) {
  margin-left: 8px;
}
.stoaGoodsDetail__brand a:not(:nth-of-type(1))::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #ccc;
}
.stoaGoodsDetail__brand a span {
  display: flex;
  align-items: center;
}
.stoaGoodsDetail__brand::after {
  content: "";
  display: block;
  width: 10px;
  height: 15px;
  background: url("/static/img/stoaModule/Chevron_Right2_24@2x.png") no-repeat 0 0/100% auto;
  margin-left: 2px;
}
.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("/static/img/stoaModule/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 .sub {
  width: 100%;
  font-size: 13px;
  line-height: 1;
  color: #888;
  margin-top: 8px;
}
.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__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__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;
}
.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 .list {
  display: none;
  flex-direction: column;
  gap: 8px 0;
}
.stoaGoodsDetail__member .list.active {
  display: flex;
}
.stoaGoodsDetail__member .list li {
  display: grid;
  grid-template-columns: 7px auto auto;
  align-items: baseline;
  /*
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  */
  gap: 8px 4px;
}
.stoaGoodsDetail__member .list li::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #ddd;
  position: relative;
  top: -4px;
}
.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:nth-last-child(1) {
  margin-left: auto;
}
.stoaGoodsDetail__member .list li button {
  display: flex;
  align-items: center;
  gap: 0 4px;
  font-size: 13px;
  color: #888;
  text-align: left;
  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("/static/img/stoaModule/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 .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("/static/img/stoaModule/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("/static/img/stoaModule/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__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;
}

/********** // (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("/static/img/stoaModule/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: 0;
  transform: translate3d(0, 0, 0);
  padding: 0 20px;
  gap: 6px 0;
  text-align: left;
  padding-top: 40px;
  width: 100%;
}
.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;
  /*
  &::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__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;
}
.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: 16px;
  line-height: 1.25;
}
.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 a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, transparent 0%, #fff 78.41%);
  position: absolute;
  bottom: 28px;
  left: 0;
}
.bigBanner.typeMain .counter {
  background: transparent;
  gap: 0;
  padding: 0;
  right: 28px;
}
.bigBanner.typeMain .counter .control {
  width: 7px;
  height: 8px;
  background-color: transparent;
  background-image: url("/static/img/stoaModule/pauseIcoBlack.svg");
  background-size: 100% auto;
  background-position: center center;
  margin-right: 6px;
}
.bigBanner.typeMain .counter .control.active {
  background-image: url("/static/img/stoaModule/playIcoBlack.svg");
}
.bigBanner.typeMain .counter .open {
  margin-left: 2px;
  width: 12px;
  height: 12px;
  background: url("/static/img/stoaModule/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("/static/img/stoaModule/bell@2x.png") no-repeat center center/68.75% auto #fff;
  text-indent: -9999px;
  overflow: hidden;
}
.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.svg");
}
.goodsAlert.type2.active {
  background-image: url("/static/img/stoaModule/bell@2x.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;
}

/********** // (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;
}

/********** // (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;
}

/********** // (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;
  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 4px;
  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;
}

/********** // (e) goods badge **********/
/********** 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;
}

/********** // (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;
}
.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 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 .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;
}
.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 .info {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0;
}
.goodsWide .info.type2 {
  padding: 0 15px;
}
.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: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
}
.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;
}
.goodsWide .goodsPayment {
  font-size: 18px;
  margin: 0 4px 0 0;
}
.goodsWide .goodsDiscount {
  font-size: 20px;
  font-weight: 700;
  color: #E62642;
  margin: 0 4px 0 0;
}
.goodsWide .goodsDiscount.type2 {
  font-size: 19px;
}
.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;
}
.goodsWide .goodsBadge {
  flex: 1;
  margin: 14px 0 0;
}
.goodsWide .goodsBadge.type2 {
  max-height: 42px;
}
.goodsWide .goodsStar {
  font-size: 12px;
  margin: 8px 0 0;
}
.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;
}
.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__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 #E62642;
  border-radius: 8px;
  overflow: hidden;
  padding: 0 0 10px;
  margin: 0 15px;
}
.goodsWide.type3:has(.goodsWide__item) {
  padding-bottom: 0;
}
.goodsWide.type3--live {
  border-color: #F47725;
}
.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);
}

/********** // (e) goods wide **********/
/********** 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;
}
.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.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 .adultMark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
}
.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: 16px;
  margin: 0 4px 0 0;
}
.goodsList.type2 .goodsNumber {
  font-size: 16px;
}
.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 .swiper-slide {
  transition: opacity 0.4s;
  position: relative;
  width: 102px;
}
.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 .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 .goodsPayment {
  font-size: 14px;
  margin: 0 4px 0 0;
}
.goodsList.type3 .goodsDiscount {
  font-size: 15px;
  margin: 0 4px 0 0;
}
.goodsList.type3 .goodsNumber {
  font-size: 15px;
}
.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 .goodsMark {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 35px;
  height: 35px;
}
.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 .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: 12px;
  margin-bottom: 4px;
}
.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("/static/img/stoaModule/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 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 4px;
}
.goodsList.type6 .goodsBadge {
  margin: 6px 0 0;
}
.goodsList.type7 .swiper-slide {
  transition: opacity 0.4s;
  position: relative;
  width: 128px;
}
.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 .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 .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 .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: 36px;
  overflow: hidden;
  font-size: 14px;
  color: #222;
  letter-spacing: -0.04em;
}
.goodsList.type7 .subTxt {
  font-size: 12px;
  color: #999;
  margin-top: 4px;
  line-height: 1.16;
}
.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 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 .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: 18px;
  margin: 0 4px 0 0;
}
.goodsList.type7 .goodsNumber {
  font-size: 18px;
  line-height: 1;
}
.goodsList.type7 .goodsBadge {
  margin: 10px 0 0;
}
.goodsList.type7 .goodsStar {
  margin: 8px 0 0;
}
.goodsList.type7 .goodsCount {
  margin: 8px 0 0;
}
.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[data-slider=row2space24] .swiper-wrapper {
  flex-wrap: wrap;
}
.goodsList.type10 .swiper-slide {
  position: relative;
  width: 320px;
}
.goodsList.type10 .swiper-slide:not(:nth-child(-n+2)) {
  margin-top: 4px !important;
}
.goodsList.type10 .thumbnail {
  width: 78px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.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 .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 .goodsPayment {
  font-size: 14px;
  margin: 0 4px 0 0;
}
.goodsList.type10 .goodsDiscount {
  font-size: 15px;
  margin: 0 4px 0 0;
}
.goodsList.type10 .goodsNumber {
  font-size: 15px;
}
.goodsList.type10 .favorite {
  position: absolute;
  right: 6px;
  bottom: 6px;
}
.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;
}
.goodsList.type12 .goodsList__item {
  position: relative;
  margin: 0 0 40px;
  padding: 0 15px;
}
.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 .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;
}
.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 .goodsList__item {
  border: 1px solid #ddd;
  padding: 16px;
  border-radius: 8px;
  overflow: hidden;
}
.goodsList.type16 .goodsList__item:has(.goodsList__withList) {
  border: 1px solid #eee;
}
.goodsList.type16 .goodsList__item:has(.goodsList__withList) > a {
  border-bottom: 1px solid #eee;
}
.goodsList.type16 .goodsList__item a {
  display: flex;
}
.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: 5px;
}
.goodsList.type16 .goodsPayment {
  font-size: 18px;
  margin: 0 4px 0 0;
}
.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 .goodsInfo {
  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;
  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.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;
}
.goodsList.type19 .info:last-child {
  padding-bottom: 0;
}
.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;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 0;
  position: relative;
  width: 100%;
}
.goodsList.type19 .goodsInfo .goodsBadge {
  margin: 0;
}
.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 .goodsAlert, .goodsList.type19 .goodsBuy {
  margin-left: 8px;
}
.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__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;
}

/********** // (e) goods list **********/
/********** 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;
  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__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 .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;
}
.stoaGoodsReview__summary .more::before {
  content: "";
  display: block;
  width: 87.2vw;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: -1;
  pointer-events: none;
  background: #eee;
}
.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: 4px;
  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;
  align-items: start;
  padding: 16px;
  gap: 0 8px;
  background: #fff;
  z-index: 100;
  border: 1px solid #ddd;
  border-radius: 6px;
  position: absolute;
  width: 256px;
}
.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: #666;
  background: #F5F5F5;
  padding: 0 12px;
  letter-spacing: -0.05em;
  max-width: 146px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.goodsTab .swiper-slide.active {
  background: #444;
  color: #fff;
  font-weight: 700;
}
.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.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.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.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;
}

/********** // (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) // **********/
.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-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: 16px 0;
  justify-content: center;
}
.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__title {
  font-size: 14px;
  color: #222;
  font-weight: 400;
}
.stoaModal__title.type2 {
  font-size: 18px;
}
.stoaModal__title.type3 {
  font-size: 18px;
  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__back {
  background: url("/static/img/stoaModule/headerArrowIco.svg") no-repeat center;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
}
.stoaModal__close {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  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__inner {
  height: 100%;
  overflow-y: auto;
  font-size: 13px;
  color: #333;
  padding: 13px 0 0 0;
  display: flex;
  flex-direction: column;
}
.stoaModal__inner:has(.grade) {
  padding: 0;
}
.stoaModal__inner.typeHorizon {
  flex-direction: row;
  padding-top: 0;
  gap: 0 10px;
}
.stoaModal__inner .txt {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  font-size: 14px;
  color: #222;
  line-height: 20px;
}
.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__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.type2 {
  flex-direction: column;
  padding: 0 20px 20px;
  gap: 12px 0;
}
.stoaModal__footer.type2 .stoaBtn {
  flex: none;
  height: 44px;
}
.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;
}

/********** // (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;
}

/********** // (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;
}
.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 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__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: 45px;
  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("/static/img/stoaModule/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),
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;
}

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;
}
.stoaLiveTalk__video img {
  height: 100%;
  object-fit: contain;
}
.stoaLiveTalk__video video {
  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: absolute;
  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;
  transition: all 0.3s ease-in-out;
  z-index: 3;
}
.stoaLiveTalk__chat.active {
  transition: none;
}
.chatOpen .stoaLiveTalk__chat {
  height: calc(100% - 36px);
}

.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: baseline;
  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 {
  background: #F2F5F7;
  display: block;
}
.stoaLiveTalk__chat .list .adm .txt {
  color: #222;
}
.stoaLiveTalk__chat .list .admIdx {
  float: left;
  display: flex;
  align-items: baseline;
  color: #DC2D42;
  font-weight: 700;
  font-size: 13px;
  gap: 0 3px;
  margin-right: 8px;
  line-height: 1.5;
}
.stoaLiveTalk__chat .list .admIdx::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url("/static/img/stoaModule/liveTalkIco.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;
}
.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 2s 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 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 .swiper-slide.active {
  color: #222;
  background-color: #fff;
}
.stoaExcl__list .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__cont {
  padding: 20px;
  overflow: auto;
}
.stoaBottomToast__cont.type2 {
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  margin-bottom: 20px;
}
.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 .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 .subTitle {
  font-size: 18px;
  color: #222;
  font-weight: 700;
  margin-bottom: 20px;
}
.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__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;
}

.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 video {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.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: 24px;
  height: 24px;
  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;
}
.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%;
  background-color: #F5F5F5;
  padding: 8px 16px;
  margin-top: 32px;
  margin-bottom: 16px;
}
.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 .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:has(.status) .radioMark {
  margin-top: 28px;
}
.goodsChoice__goods:has(.status) .thumbnail {
  margin-top: 28px;
}
.goodsChoice__goods:has(.status) .status {
  margin-left: -90px;
}
.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;
}
.myExperience__fixed .allChk {
  padding: 0 12px;
  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_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 **********/
/********** 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 **********/
/********** 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;
}
.fairPriceService__content {
  background: #fff;
  margin-top: 0;
  position: relative;
  z-index: 2;
}
.fairPriceService__content > div {
  transition: opacity 0.3s ease;
}
.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 .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;
}
.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;
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.storeInfoPopup .tableWrapper .fixedHeaderTable {
  border-collapse: separate;
  width: 100%;
  table-layout: fixed;
}
.storeInfoPopup .tableWrapper .fixedHeaderTable thead th {
  position: sticky;
  top: 0;
  background: #f5f5f5;
  font-weight: 700;
  z-index: 10;
  border-right: none;
}
.storeInfoPopup .tableWrapper .fixedHeaderTable thead th:last-child {
  border-right: 1px solid #ddd;
}
.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;
}

/********** // (e) evnet fairPriceService **********/
/********** review list (s) // **********/
.reviewList {
  margin: 12px 16px 0;
  padding: 12px;
  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;
}
.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;
}
.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;
}
.reviewList__list .swiper-slide p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.reviewList + .goodsWide__item {
  margin-top: 16px;
}

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

.fade {
  display: none;
}

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