@charset "UTF-8";
html,
body {
  font-family: "Pretendard", sans-serif;
  background-color: #000;
  font-size: 62.5%;
  color: #fff;
}

/* 공통 컨텐츠 font */
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("/static/font/pretendard/Pretendard-Thin.woff") format("woff");
  font-weight: 100;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("/static/font/pretendard/Pretendard-ExtraLight.woff") format("woff");
  font-weight: 200;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("/static/font/pretendard/Pretendard-Light.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("/static/font/pretendard/Pretendard-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("/static/font/pretendard/Pretendard-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("/static/font/pretendard/Pretendard-SemiBold.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("/static/font/pretendard/Pretendard-Bold.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("/static/font/pretendard/Pretendard-ExtraBold.woff") format("woff");
  font-weight: 800;
}
/* Plus Jakarta Sans */
@font-face {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-style: normal;
  src: url("/static/font/Plus_Jakarta_Sans/PlusJakartaSans-ExtraLight.woff") format("woff");
  font-weight: 200;
}
@font-face {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-style: normal;
  src: url("/static/font/Plus_Jakarta_Sans/PlusJakartaSans-Light.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-style: normal;
  src: url("/static/font/Plus_Jakarta_Sans/PlusJakartaSans-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-style: normal;
  src: url("/static/font/Plus_Jakarta_Sans/PlusJakartaSans-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-style: normal;
  src: url("/static/font/Plus_Jakarta_Sans/PlusJakartaSans-SemiBold.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-style: normal;
  src: url("/static/font/Plus_Jakarta_Sans/PlusJakartaSans-Bold.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-style: normal;
  src: url("/static/font/Plus_Jakarta_Sans/PlusJakartaSans-ExtraBold.woff") format("woff");
  font-weight: 800;
}
@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideOut {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slideInR {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideOutR {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes scrollLoop {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes shake {
  0% { transform: translateX(0); }
  20% { transform: translateX(-10px); }
  40% { transform: translateX(10px); }
  60% { transform: translateX(-10px); }
  80% { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

button {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

button:active {
  background-color: transparent;
  box-shadow: none;
}

button:hover {
  background-color: transparent;
  box-shadow: none;
}

button:focus {
  background-color: transparent;
  box-shadow: none;
}

a {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

a:active,
a:hover,
a:focus {
  background-color: transparent;
  box-shadow: none;
}

input[type=checkbox] {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
}

input[type=checkbox]:focus,
input[type=checkbox]:active,
input[type=checkbox]:hover {
  background-color: transparent;
  box-shadow: none;
}

input[type=file] {
  display: none;
}

textarea[readonly] {
  pointer-events: none;
}

label {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

label:active,
label:hover,
label:focus {
  background-color: transparent;
  box-shadow: none;
}

.blind {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
}

.hidden {
  display: none !important;
}

.right-align {
  text-align: right !important;
}

.no_after::after {
  content: none !important;
}

:root {
  --vh: 1vh;
  --sat: env(safe-area-inset-top);
  --sab: env(safe-area-inset-bottom);
  --sar: env(safe-area-inset-right);
  --sal: env(safe-area-inset-left);
  --color: #ff416c;
}
:lang(ko) {
  --word-break: keep-all;
  --overflow-wrap: normal;
  --tok-font-size: 1rem;
}
:lang(ja) {
  --word-break: normal;
  --overflow-wrap: break-word;
  --tok-font-size: 0.8rem;
}
/* Web 화면 나누기 */
.web-box{
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;              /* Flexbox 사용 */
  justify-content: center;    /* 수평 가운데 */
  align-items: center;        /* 수직 가운데 */
}
.web-cont {
  width: 460px;
  position: relative;
  overflow: hidden;
}
.web-cont2 {
  display: none;
  width: 460px;
  position: relative;
  overflow: hidden;
  margin-right: 10px;
  height: calc(var(--vh, 1vh) * 100);
  flex-direction: column;
  padding: 4rem;
  justify-content: flex-end;
  background: url(/static/images/common/splash_bg09.png) no-repeat center bottom / cover;
}
.web-cont2 .logo {
  display: block;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32.6rem;
  height: 5.2rem;
  background: url(/static/images/common/splash_logo.png) no-repeat center / contain;
  opacity: 1;
}
.web-cont2.active {
  display: flex;
}
.web-cont2 .footer {
  margin: 0 auto;
  font-family: "Noto Sans KR", sans-serif;
}
.web-cont2 .company-area {
  margin-bottom: 10px;
}
.web-cont2 .company-area .intro-link {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}
.web-cont2 .company-area .intro-link:hover {
  text-decoration: underline;
}
.web-cont2 .footer .top {
  margin-bottom: 10px;
}
.web-cont2 .footer-item-intro {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 10px;
}
.web-cont2 .footer-item-intro .text {
  color: #bbb;
  font-size: 10px;
  margin-bottom: 5px;
}
.web-cont2 .footer-item-intro a {
  color: #bbb;
  font-size: 10px;
}
.web-cont2 .footer-item-intro .w-100{
  width:100%;
}
.web-cont2 .middle {
  margin-bottom: 10px;
}
.web-cont2 .footer-item-term .text {
  color: #ccc;
  margin-right: 10px;
  font-size: 1.3rem;
  text-decoration: none;
}
.web-cont2 .footer-item-term .text:hover {
  text-decoration: underline;
}
.web-cont2 .middle .text {
  font-weight: 700;
}
.web-cont2 .bottom .text {
  font-size: 11px;
  color: #666;
}
/* 반응형 */
@media (max-width: 1080px) {
  .web-cont2.active {
    width: 460px;
  }
}
@media (max-width: 920px) {
  .web-cont2.active {
    display: none;
  }
}
 /* Web 화면 나누기 */
#wrap {
  display: flex;
  flex-direction: column;
  /*min-height: calc(var(--vh, 1vh) * 100);*/
  scrollbar-width: none;       /* Firefox 스크롤바 숨김 */
  -ms-overflow-style: none;    /* IE/Edge 스크롤바 숨김 */
}
#wrap ::-webkit-scrollbar { /* Chrome, Safari, Opera */
  display: none;
}
#wrap #splash {
  overflow: hidden;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background: #000 url(/static/images/common/splash_bg01.png) no-repeat center bottom/cover;
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 1s ease, visibility 1s ease;
}
#wrap #splash.bg02 {
  background-image: url(/static/images/common/splash_bg02.png);
}
#wrap #splash.bg03 {
  background-image: url(/static/images/common/splash_bg03.png);
}
#wrap #splash.bg04 {
  background-image: url(/static/images/common/splash_bg04.png);
}
#wrap #splash.bg05 {
  background-image: url(/static/images/common/splash_bg05.png);
}
#wrap #splash.bg06 {
  background-image: url(/static/images/common/splash_bg06.png);
}
#wrap #splash.bg06 #logo {
  background-image: url(/static/images/common/splash_logo_black.png);
}
#wrap #splash.bg07 {
  background-image: url(/static/images/common/splash_bg07.png);
}
#wrap #splash.bg07 #logo {
  background-image: url(/static/images/common/splash_logo_black.png);
}
#wrap #splash.bg08 {
  background-image: url(/static/images/common/splash_bg08.png);
}
#wrap #splash.bg08 #logo {
  background-image: url(/static/images/common/splash_logo_black.png);
}
#wrap #splash.bg09 {
  background-image: url(/static/images/common/splash_bg09.png);
}
#wrap #splash.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#wrap #splash #logo {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25.6rem;
  height: 4.1rem;
  background: url(/static/images/common/splash_logo.png) no-repeat center/cover;
  opacity: 0;
  transition: opacity 1s ease;
}
#wrap .modal_product_choice {
  overflow: hidden;
  display: flex;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .modal_product_choice.active {
  overflow: visible;
}
#wrap .modal_product_choice .modal_content {
  position: absolute;
  left: 0;
  bottom: 0;
  transition: height 0.3s ease-out 0.2s;
  width: 100%;
  height: 0;
  background-color: rgba(27, 27, 27, 0.75);
  /*border: 0.1rem solid rgba(57, 57, 57, 0.55);*/
  border-radius: 2rem 2rem 0 0;
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
}
#wrap .modal_product_choice .modal_content .btn_close {
  display: block;
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 1.8rem;
  height: 1.8rem;
  background: url(/static/images/common/ic_close_18.svg) no-repeat center/cover;
}
#wrap .modal_product_choice .modal_content .modal_content_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 3rem 1.6rem 2.5rem;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .product_info {
  flex-shrink: 0;
  display: flex;
  gap: 1.2rem;
  align-items: center;
  padding-bottom: 1.8rem;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .product_info .img_wrap {
  overflow: hidden;
  position: relative;
  width: 7rem;
  height: 7rem;
  border-radius: 1rem;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .product_info .img_wrap .live_product {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  width: 6.2rem;
  height: 2.2rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  /*font-size: 1.2rem;*/
  font-size: var(--tok-font-size, 1rem);
  font-weight: 500;
  color: #fff;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .product_info .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .product_info .txt_wrap .product {
  margin-bottom: 0.7rem;
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .product_info .txt_wrap .price {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #ff582f;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .product_info .txt_wrap .price .original_price {
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .product_info .txt_wrap .remaining_item {
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box {
  flex: 1;
  /*overflow-y: auto;*/
  /*padding-bottom: 2rem;*/
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item {
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item ~ .select_item {
  margin-top: 1rem;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .option_btn {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  padding: 0 1.8rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .option_btn .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .option_btn::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_arrow_accordion.svg) no-repeat center/cover;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .options {
  display: none;
  flex-direction: column;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .options .option {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 5.4rem;
  padding: 0 1.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .options .option .txt_wrap {
  text-align: left;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .options .option .txt_wrap .remaining_item {
  display: block;
  margin-top: 0.5rem;
  font-size: 1rem;
  color: #ff582f;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .options .option .price {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .options .option.soldout {
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.32);
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .options .option.soldout .txt_wrap .remaining_item {
  color: rgba(255, 255, 255, 0.32);
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .options .option.soldout .txt {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  position: relative;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .options .option.soldout .txt::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  right: 3rem;
  width: 0.1rem;
  height: 1.1rem;
  background-color: #393939;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .options .option.soldout .txt::after {
  content: "Sold out";
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.32);
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item .options .option.soldout .price {
  color: rgba(255, 255, 255, 0.32);
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item.active .option_btn::after {
  transform: rotate(180deg);
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_item.active .options {
  display: flex;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_box {
  overflow: hidden;
  width: 100%;
  margin-top: 1rem;
  padding: 1.2rem 1.2rem 1.6rem 1.6rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_box .tit_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2rem;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_box .tit_wrap .tit {
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_box .tit_wrap .btn_select_close {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  background: url(/static/images/sub/broadcast/ic_close_gray.svg) no-repeat center/cover;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_box .detail_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*align-items: flex-end;*/
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_box .detail_wrap .num_wrap {
  display: flex;
  gap: 1.4rem;
  align-items: center;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_box .detail_wrap .num_wrap button {
  flex-shrink: 0;
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 0.4rem;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_box .detail_wrap .num_wrap button.btn_minus {
  background: #3f3f3f url(/static/images/sub/broadcast/ic_minus.svg) no-repeat center;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_box .detail_wrap .num_wrap button.btn_plus {
  background: #3f3f3f url(/static/images/sub/broadcast/ic_plus.svg) no-repeat center;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_box .detail_wrap .num_wrap .num {
  font-size: 1.6rem;
  font-weight: 600;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_box .detail_wrap .detail_info {
  text-align: right;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_box .detail_wrap .detail_info .remaining_item {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  color: #ff6a44;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .scroll_box .select_wrap .select_box .detail_wrap .detail_info .price {
  font-size: 1.8rem;
  font-weight: 600;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .price_info_wrap {
  flex-shrink: 0;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .price_info_wrap .price_info {
  padding: 1.8rem 0;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .modal_product_choice .modal_content .modal_content_inner .price_info_wrap .price_info li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .price_info_wrap .price_info li ~ li {
  margin-top: 1rem;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .price_info_wrap .price_info li.payment_amount .price {
  font-size: 2rem;
  font-weight: 600;
  color: #ff5429;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .price_info_wrap .price_btn_wrap {
  display: flex;
  gap: 1.1rem;
  align-items: center;
  margin-top: auto;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .price_info_wrap .price_btn_wrap button {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .price_info_wrap .price_btn_wrap button.btnShopping {
  background-color: transparent;
  border: 0.1rem solid #4a4a4a;
}
#wrap .modal_product_choice .modal_content .modal_content_inner .price_info_wrap .price_btn_wrap button.btnBuyOrder {
  background-color: #FF2B00;
}
#wrap .modal_product_choice.active {
  z-index: 10;
}
#wrap .modal_product_choice.active .modal_content {
  height: 37.5rem;
}
#wrap .modal-dim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .modal-dim.active {
  display: block;
}
#wrap .find_zip_wrap {
  height: calc(var(--vh) * 100 - 13rem);
}
#wrap .bottom_sheet {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: fixed;
  /*position: absolute;*/
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 0;
  /*max-height: 49.2rem;*/
  background-color: rgba(27, 27, 27, 0.75);
  /*border: 0.1rem solid rgba(57, 57, 57, 0.55);*/
  border-radius: 2rem 2rem 0 0;
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(2rem);
  transition: height 0.4s ease-out;
}
#wrap .bottom_sheet.active {
  overflow: visible;
}
#wrap .bottom_sheet .handle_bar {
  cursor: grab;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2rem;
  padding: 0.8rem;
}
#wrap .bottom_sheet .handle_bar .handle {
  width: 4.3rem;
  height: 0.4rem;
  background: #888888;
  border-radius: 3rem;
}
#wrap .bottom_sheet .sheet_content {
  overflow: hidden;
  flex: 1;
  /*display: flex;*/
  /*flex-direction: column;*/
  padding-bottom: 1rem;
}
#wrap .bottom_sheet#bottomSheet .sheet_content
,#wrap .bottom_sheet#bottomSheetAdd .sheet_content {
  display: flex;
  flex-direction: column;
}
#wrap .bottom_sheet .sheet_content.btn_area {
  padding-bottom: 9rem;
}
#wrap .bottom_sheet .sheet_content .title {
  padding: 1rem 0 2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
#wrap .bottom_sheet .sheet_content .checkbox_group {
  flex-direction: column;
  display: block;
  padding: 1.5rem 1.6rem 2rem;
}
#wrap .bottom_sheet .sheet_content .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .bottom_sheet .sheet_content .checkbox_group input[type=checkbox]:checked ~ label::before {
  background: #ff582f url(/static/images/sub/broadcast/ic_checkbox.svg) no-repeat center;
  border: none;
}
#wrap .bottom_sheet .sheet_content .checkbox_group label {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .bottom_sheet .sheet_content .checkbox_group label::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  border: 0.1rem solid #606060;
  border-radius: 0.4rem;
}
#wrap .bottom_sheet .sheet_content .no_list {
  display: none;
  padding-top: calc(var(--vh) * 20);
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
#wrap .bottom_sheet .sheet_content .no_list.accent_txt {
  /*font-weight: 600;*/
  color: #ff322f;
}
#wrap .bottom_sheet .sheet_content .no_list.active {
  display: block;
}
#wrap .bottom_sheet .sheet_content .product_list {
  display: none;
  overflow-y: auto;
}
#wrap .bottom_sheet .sheet_content .product_list.active {
  display: block;
}
#wrap .bottom_sheet .sheet_content .product_list li {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  padding: 2rem 1.6rem;
}
#wrap .bottom_sheet .sheet_content .product_list li ~ li {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_product {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  width: calc(100% - 5.4rem);
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_product .img_wrap {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  width: 6.2rem;
  height: 6.2rem;
  border-radius: 1rem;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_product .img_wrap .live_product {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.3rem;
  left: 0.4rem;
  width: 5.3rem;
  height: 1.6rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: var(--tok-font-size, 1rem);
  font-weight: 500;
  color: #fff;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_product .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_product .txt_wrap {
  display: flex;
  flex-direction: column;
  width: calc(100% - 7.6rem);
  text-align: left;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_product .txt_wrap .product {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_product .txt_wrap .price {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #ff4415;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_product .txt_wrap .price .original_price {
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_product .txt_wrap .remaining_item {
  opacity: 0.6;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_goods {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_goods.btn_cart {
  background: #FF2B00 url(/static/images/sub/broadcast/ic_shopping.svg) no-repeat center;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_goods.btn_delete {
  background: #FF2B00 url(/static/images/sub/alarm/ic_waste_basket.svg) no-repeat center;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_goods.btn_add {
  background: #FF2B00 url(/static/images/common/ic_add.svg) no-repeat center;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_goods.btn_flash_edit {
  background: #FF2B00 url(/static/images/common/ic_edit.svg) no-repeat center;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_goods.btn_flash_delete {
  background: #FF2B00 url(/static/images/sub/alarm/ic_waste_basket.svg) no-repeat center;
}
/*#wrap .bottom_sheet .sheet_content .product_list li:first-child {*/
/*  padding-top: 0;*/
/*}*/
#wrap .bottom_sheet .sheet_content .product_list li.soldout {
  position: relative;
}
#wrap .bottom_sheet .sheet_content .product_list li.soldout::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.36);
}
#wrap .bottom_sheet .sheet_content .product_list li.soldout::after {
  content: "Sold out";
  display: block;
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
  z-index: 3;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .bottom_sheet .sheet_content .btn_wrap{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.8rem 1.6rem 1.4rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.3rem);
  border-top: 0.1rem solid #191919;
}
#wrap .bottom_sheet .sheet_content .btn_wrap .btn_save {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .bottom_sheet .sheet_content .btn_wrap .btn_save.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .bottom_sheet .sheet_content .btn_wrap .btn_save.active:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
#wrap .bottom_sheet#productDetailBottomSheet {
  max-height: 68rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content {
  overflow-y: auto;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper {
  position: relative;
  width: 100%;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .btn_close {
  display: block;
  position: absolute;
  top: 1.2rem;
  right: 1.6rem;
  width: 2.8rem;
  height: 2.8rem;
  /*background: url(/static/images/common/ic_close_18.svg) no-repeat center / cover;*/
  background: url(/static/images/common/ic_close_modal_noshadow.png) no-repeat center / cover;
  z-index: 2;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .live_remaining_item {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  position: absolute;
  top: 1.6rem;
  left: 2.4rem;
  z-index: 2;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .live_remaining_item .live_product {
  display: none;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding: 0 0.8rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .live_remaining_item .live_product.active {
  display: flex;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .live_remaining_item .remaining_item {
  display: flex;
  gap: 2rem;
  align-items: center;
  height: 3rem;
  padding: 0 0.8rem;
  background-color: #000;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .live_remaining_item .remaining_item .remaining_txt {
  position: relative;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .live_remaining_item .remaining_item .remaining_txt::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -1rem;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 0.9rem;
  background-color: #4c4c4c;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-button-prev,
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-button-next {
  right: 1.4rem;
  transform: translateY(-50%);
  width: 2.7rem;
  height: 2.7rem;
  margin: 0;
  background: url(/static/images/sub/broadcast/ic_arrow_swiper.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-button-prev::after,
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-button-next::after {
  display: none;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-button-prev {
  left: 1.4rem;
  right: auto;
  transform: translateY(-50%) scaleX(-1);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-button-disabled {
  opacity: 1;
  pointer-events: auto;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-pagination {
  display: flex;
  align-items: center;
  top: auto;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  height: 2rem;
  padding: 0 0.6rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 2.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-pagination-current {
  color: #fff;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-container .swiper-wrapper .swiper-slide .img_wrap {
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 95.7%;
}
/*#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-container .swiper-wrapper .swiper-slide .img_wrap img {*/
/*  width: 100%;*/
/*}*/
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 1.5rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap .store_name {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap .store_name .profile {
  overflow: hidden;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #565656;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap .store_name .profile img {
  width: 100%;
  height: 100%;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap .store_name .name {
  font-size: 1.2rem;
  font-weight: 500;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap .store_name .btn_store_link {
  display: block;
  width: 0.5rem;
  height: 1rem;
  margin-left: 0.3rem;
  background: url(/static/images/sub/broadcast/ic_arrow_store.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap .btn_share_store {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/static/images/sub/broadcast/ic_share_shadow.png) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info {
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_name {
  margin-bottom: 0.9rem;
  font-size: 1.6rem;
  font-weight: 500;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .btn_review {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  height: 2.3rem;
  margin-bottom: 1.6rem;
  padding: 0 1rem;
  background-color: rgba(255, 255, 255, 0.09);
  border-radius: 1.3rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .btn_review .scope {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .btn_review .scope::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/static/images/sub/broadcast/ic_star.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .btn_review .review_num {
  position: relative;
  font-size: 1.1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .btn_review .review_num::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.1rem;
  left: -0.7rem;
  width: 0.1rem;
  height: 1.1rem;
  background-color: rgba(255, 255, 255, 0.14);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 0.8rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price .discount {
  display: none;
  align-items: center;
  height: 1.8rem;
  padding: 0 0.4rem;
  background-color: #e94a15;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price .discount.active {
  display: flex;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price .price {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  color: #ff5429;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price .price .price_num {
  font-size: 2rem;
  font-weight: 600;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price .price .price_txt {
  font-size: 1.3rem;
  font-weight: 600;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price .original_price {
  display: none;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price .original_price.active {
  display: block;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .item_left {
  font-size: 1.2rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .delivery_info {
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .delivery_info li {
  display: flex;
  gap: 2.6rem;
  font-size: 1.4rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .delivery_info li ~ li {
  margin-top: 1.6rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .delivery_info li .sort {
  flex-shrink: 0;
  opacity: 0.7;
  width: 4.9rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .delivery_info li .detail {
  line-height: 2.2rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_btn_wrap {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  padding: 0 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_btn_wrap .btn_tab {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 5.7rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_btn_wrap .btn_tab.active {
  color: #fff;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_btn_wrap .btn_tab.active::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #fff;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content {
  display: none;
  padding: 2rem 1.6rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content.active {
  display: block;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc {
  padding: 0;
  margin: 0;
  white-space: pre-line;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .ql-editor{
  padding: 0;
  margin: 0;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .prodcut_name {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .product_desc {
  margin-bottom: 2rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .product_desc li {
  position: relative;
  padding-left: 1rem;
  font-size: 1.4rem;
  line-height: 2.1rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .product_desc li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #fff;
  border-radius: 50%;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .img_wrap {
  overflow: hidden;
  margin-bottom: 2rem;
  border-radius: 1rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .img_wrap img {
  width: 100%;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .btn_more_detail {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  background-color: #343434;
  border: 0.1rem solid #2f2f2f;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  margin-top: 1rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .btn_more_detail::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_more_product.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .btn_more_detail.active::after {
  transform: rotate(180deg);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .more_detail_box {
  /*display: none;*/
  max-height: 30rem;
  /*margin-top: 2rem;*/
  overflow: hidden;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .more_detail_box.active {
  /*display: block;*/
  max-height: 100%;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box {
  padding: 1.8rem 1.8rem 2.2rem;
  background-color: #2e2e2e;
  border-radius: 1.3rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box ~ .review_box {
  margin-top: 1.4rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .profile {
  overflow: hidden;
  flex-shrink: 0;
  width: 4.2rem;
  height: 4.2rem;
  background-image: url(/static/images/sub/broadcast/ic_profile.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .profile img {
  width: 100%;
  height: 100%;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .user_name {
  margin-bottom: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box {
  display: flex;
  gap: 1.4rem;
  align-items: center;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .scope {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .scope .star_wrap {
  display: flex;
  gap: 0.2rem;
  align-items: center;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .scope .star_wrap .star {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/static/images/sub/broadcast/ic_star.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .date {
  opacity: 0.8;
  position: relative;
  font-size: 1.2rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .date::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .reviewSwiper {
  width: calc(100% + 3.6rem);
  margin-bottom: 2rem;
  margin-left: -1.8rem;
  padding: 0 1.8rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .reviewSwiper .swiper-container .swiper-wrapper .swiper-slide {
  max-width: 7.1rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .reviewSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_review_img {
  overflow: hidden;
  display: block;
  width: 7.1rem;
  height: 7.1rem;
  border-radius: 1rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .reviewSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_review_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.1rem;
  white-space: pre;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .btn_more_review {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  margin-top: 2rem;
  background-color: #343434;
  border: 0.1rem solid #2f2f2f;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .btn_more_review::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_more_product.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .btn_more_review.active::after {
  transform: rotate(180deg);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .more_review_box {
  display: none;
  margin-top: 1.4rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .more_review_box.active {
  display: block;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .btn_inquiry {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.8rem;
  background-color: #2e2e2e;
  border-radius: 0.9rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .btn_inquiry.active {
  display: flex;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list {
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box {
  padding: 2.4rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box:last-child {
  border-bottom: none;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info {
  display: flex;
  gap: 2rem;
  align-items: center;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info .user_name {
  position: relative;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info .user_name::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -1rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .status {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 2.2rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .status.complete {
  background-color: #9d9d9d;
  color: #393939;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_txt .txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.3rem;
  word-break: break-word;
  white-space: pre-wrap;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box {
  margin-top: 1.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion {
  display: flex;
  gap: 2rem;
  align-items: center;
  width: 100%;
  height: 3.8rem;
  padding: 0 1.2rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion .manager {
  position: relative;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion .manager::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -1rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: auto;
  background: url(/static/images/sub/broadcast/ic_arrow_accordion.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion.active::after {
  transform: rotate(180deg);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .accordion_item {
  display: none;
  padding: 0 1.4rem 1.2rem;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .accordion_item.active {
  display: flex;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .inquiry_txt {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .inquiry_txt::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_lock.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .answer_box .accordion_item p {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .answer_box .accordion_item p::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_lock_gray.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .btn_more_inquiry {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  width: calc(100% - 3.2rem);
  height: 4.5rem;
  margin-top: 2rem;
  margin-left: 1.6rem;
  background-color: #343434;
  border: 0.1rem solid #2f2f2f;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .btn_more_inquiry::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_more_product.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .btn_more_inquiry.active::after {
  transform: rotate(180deg);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .more_inquiry_box {
  display: none;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .more_inquiry_box.active {
  display: block;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .accordion_wrap .accordion_box {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .accordion_wrap .accordion_box .btn_accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4.9rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .accordion_wrap .accordion_box .btn_accordion::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_arrow_accordion.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .accordion_wrap .accordion_box .btn_accordion.active::after {
  transform: rotate(180deg);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .accordion_wrap .accordion_box .accordion_item {
  display: none;
  padding: 0 2rem 2rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .accordion_wrap .accordion_box .accordion_item.active {
  display: block;
}
#wrap .bottom_sheet#productDetailBottomSheet .sheet_content .accordion_wrap .accordion_box .accordion_item .txt {
  word-break: break-word;
  white-space: pre-wrap;
}
#wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping {
  opacity: 0;
  display: none;
  gap: 1.2rem;
  align-items: center;
  position: fixed;
  left: 1.6rem;
  bottom: 13.2rem;
  z-index: 3;
  transform: translateY(3rem);
  transition: opacity 0.3s ease, transform 0.3s ease;
  width: calc(100% - 3.2rem);
  height: 6.2rem;
  padding: 0 2rem 0 1rem;
  background-color: rgba(48, 48, 48, 0.8);
  box-shadow: 0 0 5rem 0 rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2rem);
  border-radius: 1.1rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping .img_wrap {
  overflow: hidden;
  display: block;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 0.7rem;
}
#wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping .img_wrap img {
  width: 100%;
}
#wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping .txt {
  font-size: 1.4rem;
  color: #fff;
}
#wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping .shopping {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-left: auto;
  font-size: 1.2rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping .shopping::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/static/images/sub/broadcast/ic_arrow_orange.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping.active {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}
#wrap .bottom_sheet#productDetailBottomSheet .fixed_area {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 12.5rem;
  padding: 1.3rem 2.4rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.7rem);
  border-top: 0.1rem solid #191919;
}
#wrap .bottom_sheet#productDetailBottomSheet .fixed_area .remaining_item {
  display: flex;
  gap: 1.6rem;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #e94a15;
}
#wrap .bottom_sheet#productDetailBottomSheet .fixed_area .remaining_item .remaining_tit {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  position: relative;
}
#wrap .bottom_sheet#productDetailBottomSheet .fixed_area .remaining_item .remaining_tit::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/static/images/sub/broadcast/ic_shopping_orange.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .fixed_area .remaining_item .remaining_tit::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  right: -0.8rem;
  width: 0.1rem;
  height: 1.1rem;
  background-color: #222222;
}
#wrap .bottom_sheet#productDetailBottomSheet .fixed_area .fixed_btn_wrap {
  display: flex;
  gap: 2rem;
  align-items: center;
}
#wrap .bottom_sheet#productDetailBottomSheet .fixed_area .fixed_btn_wrap #btnProductHeart {
  flex-shrink: 0;
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  background: url(/static/images/sub/broadcast/ic_like_noshadow.svg) no-repeat center/cover;
}
#wrap .bottom_sheet#productDetailBottomSheet .fixed_area .fixed_btn_wrap #btnProductHeart.active {
  background-image: url(/static/images/sub/broadcast/ic_like_noshadow_active.svg);
}
#wrap .bottom_sheet#productDetailBottomSheet .fixed_area .fixed_btn_wrap #btnBuyDetail {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.4rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .modal_common_img {
  overflow-y: auto;
  display: none;
  position: fixed;
  /*position:absolute;*/
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: calc(var(--vh) * 100);
  padding-bottom: 4rem;
  background-color: #000;
}
#wrap .modal_common_img.active {
  display: block;
}
#wrap .modal_common_img .modal_header {
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 1.8rem 1.2rem 1.8rem;
  background-color: #000;
  border-bottom: 0.1rem solid #181818;
}
#wrap .modal_common_img .modal_header .btn_close {
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/common/ic_arrow_back.svg) no-repeat center/cover;
}
#wrap .modal_common_img .modal_header h2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.6rem;
  letter-spacing: -0.02em;
  color: #fff;
}
#wrap .modal_common_img .modal_content .imgSwiper {
  position: relative;
}
#wrap .modal_common_img .modal_content .imgSwiper .swiper-pagination {
  display: flex;
  align-items: center;
  top: auto;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  height: 2rem;
  padding: 0 0.6rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 2.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
}
#wrap .modal_common_img .modal_content .imgSwiper .swiper-pagination-current {
  color: #fff;
}
#wrap .modal_common_img .modal_content .imgSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 0;
  padding-bottom: 133.3%;
}
#wrap .modal_common_img .modal_content .imgSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
}
#wrap .modal_common_img .modal_content .thumbSwiper {
  margin-top: 7rem;
  padding: 0 1.6rem;
}
#wrap .modal_common_img .modal_content .thumbSwiper .swiper-wrapper .swiper-slide {
  overflow: hidden;
  width: 6.6rem;
  height: 6.6rem;
  /*background-color: #393939;*/
  border: 0.1rem solid transparent;
  border-radius: 1rem;
}
#wrap .modal_common_img .modal_content .thumbSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .modal_common_img .modal_content .thumbSwiper .swiper-wrapper .swiper-slide.clicked {
  border: 0.1rem solid #ff582f;
}
#wrap .login_modal {
  overflow: hidden;
  /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .login_modal .modal_content {
  /*position: fixed;*/
  left: 0;
  bottom: 0;
  width: 100%;
  height: 61.3rem;
  padding: 4rem 1.6rem 2rem;
  background: linear-gradient(180.51deg, rgba(27, 27, 27, 0.81) 0.42%, rgba(27, 27, 27, 0.9) 94.95%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border-radius: 2rem 2rem 0 0;
}
#wrap .login_modal .modal_content .modal_tit .tit {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 3.6rem;
  color: #fff;
}
#wrap .login_modal .modal_content .modal_tit .btn_close {
  display: block;
  position: absolute;
  top: 2.6rem;
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/common/ic_close_modal_noshadow.png) no-repeat center/cover;
}
#wrap .login_modal .modal_content .modal_body .input_group {
  margin-top: 2.4rem;
}
#wrap .login_modal .modal_content .modal_body .input_group ~ .input_group {
  margin-top: 1rem;
}
#wrap .login_modal .modal_content .modal_body .input_group input {
  display: block;
  width: 100%;
  height: 6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
  font-size: 1.6rem;
  color: #fff;
}
#wrap .login_modal .modal_content .modal_body .input_group input::placeholder {
  font-weight: 600;
  color: #5c5c5c;
}
#wrap .login_modal .modal_content .modal_body .checkbox_group {
  margin-top: 1.5rem;
}
#wrap .login_modal .modal_content .modal_body .checkbox_group.inactive {
  display: none;
}
#wrap .login_modal .modal_content .modal_body .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .login_modal .modal_content .modal_body .checkbox_group input[type=checkbox]:checked ~ label::before {
  background: #ff582f url(/static/images/common/ic_checkbox_active.svg) no-repeat center;
  border: none;
}
#wrap .login_modal .modal_content .modal_body .checkbox_group label {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .login_modal .modal_content .modal_body .checkbox_group label::before {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.1rem solid #525252;
  border-radius: 0.3rem;
}
#wrap .login_modal .modal_content .modal_body .btn_login {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3.6rem;
  width: 100%;
  height: 5.4rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .login_modal .modal_content .modal_body .btn_login:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
#wrap .login_modal .modal_content .modal_body .etc_btn_area {
  display: flex;
  width: 100%;
}
#wrap .login_modal .modal_content .modal_body .etc_btn_area a{
  flex: 1;
  text-align: center;
}
#wrap .login_modal .modal_content .modal_body .btn_link {
  display: flex;
  gap: 0.3rem;
  justify-content: center;
  align-items: center;
  width: max-content;
  margin: 2.6rem auto 0;
  font-size: 1.4rem;
  color: #fff;
}
/*#wrap .login_modal .modal_content .modal_body .btn_link::after {*/
/*  content: "";*/
/*  display: block;*/
/*  transform: scaleX(-1);*/
/*  width: 1.2rem;*/
/*  height: 1.2rem;*/
/*  background: url(/static/images/common/ic_arrow_back.svg) no-repeat center/cover;*/
/*}*/
#wrap .login_modal .modal_content .modal_body .login_sns {
  position: relative;
  margin-top: 5.4rem;
}
#wrap .login_modal .modal_content .modal_body .login_sns::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.1);
}
#wrap .login_modal .modal_content .modal_body .login_sns .txt {
  position: relative;
  z-index: 1;
  width: max-content;
  margin: 0 auto;
  padding: 0 1.2rem;
  background: linear-gradient(180.51deg, rgba(27, 27, 27, 0.81) 0.42%, rgba(27, 27, 27, 0.9) 94.95%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
#wrap .login_modal .modal_content .modal_body .login_sns .sns_list {
  display: flex;
  gap: 2.5rem;
  justify-content: center;
  align-items: center;
  margin-top: 2.6rem;
}
#wrap .login_modal .modal_content .modal_body .login_sns .sns_list li button {
  overflow: hidden;
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}
#wrap .login_modal .modal_content .modal_body .login_sns .sns_list li button.btn_login_kakao {
  background: url(/static/images/common/logo_kakao.svg) no-repeat center/cover;
}
#wrap .login_modal .modal_content .modal_body .login_sns .sns_list li button.btn_login_naver {
  background: url(/static/images/common/logo_naver.svg) no-repeat center/cover;
}
#wrap .login_modal .modal_content .modal_body .login_sns .sns_list li button.btn_login_apple {
  background: url(/static/images/common/logo_apple.svg) no-repeat center/cover;
}
.modal {
  overflow: hidden;
  display: none;
  justify-content: center;
  align-items: center;
  /*position: fixed;*/
  position: absolute;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 3.2rem;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.modal .modal_content {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  /*max-height: 69.5vh;*/
  padding: 4rem 1.6rem 1.6rem;
  background: linear-gradient(180.54deg, rgba(27, 27, 27, 0.81) 0.44%, rgba(27, 27, 27, 0.9) 99.54%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  /*border: 0.1rem solid #2a2a2a;*/
  border-radius: 1.6rem;
}
.modal .modal_content .modal_header {
  margin-top: -2rem;
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 600;
}
.modal .modal_content .modal_body .txt {
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
.modal .modal_content .desc {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.3rem;
  color: #fff;
  text-align: center;
}
.modal .modal_content .btn_wrap {
  display: flex;
  gap: 1rem;
}
.modal .modal_content .btn_wrap button {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  margin-top: 3rem;
  background-color: #FF2B00;
  border-radius: 0.7rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
.modal .modal_content .btn_wrap button:not(.btn_gray):active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
.modal .modal_content .btn_wrap button.btn_gray {
  background-color: #262626;
}
.modal .modal_content .btn_wrap button.btn_gray:active {
  background: linear-gradient(180deg, #262626 0%, #111111 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.4);
  transform: translateY(1px);
}
.modal.bottom_modal {
  padding: 0;
}
.modal.bottom_modal .modal_content {
  position: fixed;
  /*position: absolute;*/
  bottom: 0;
  left: 0;
  padding-bottom: 2.5rem;
  border-radius: 2rem 2rem 0 0;
}
.modal.bottom_modal .modal_content .modal_header {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}
.modal.bottom_modal .modal_content .modal_header .tit {
  margin-bottom: 1.5rem;
}
.modal.bottom_modal .modal_content .modal_header .btn_close {
  display: block;
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/common/ic_close_modal.png) no-repeat center/cover;
}
.modal.bottom_modal .modal_content .modal_body .download_wrap {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.modal.bottom_modal .modal_content .modal_body .download_wrap .img_wrap {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.8rem;
  height: 7.8rem;
  background-color: #16204c;
  box-shadow: 0 0 1.4rem 0 rgba(0, 0, 0, 0.24);
  border-radius: 0.6rem;
}
.modal.bottom_modal .modal_content .modal_body .download_wrap .img_wrap::after {
  content: "";
  display: block;
  width: 6.2rem;
  height: 1rem;
  background: url(/static/images/common/logo.svg) no-repeat center/cover;
}
.modal.bottom_modal .modal_content .modal_body .download_wrap .txt_wrap .download_tit {
  margin-bottom: 0.7rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
}
.modal.bottom_modal .modal_content .modal_body .download_wrap .txt_wrap .download_txt {
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
.modal.bottom_modal .modal_content .modal_body .desc {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  color: rgba(255, 255, 255, 0.8);
}
#wrap #menuBar {
  /*position: fixed;*/
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8rem;
  box-shadow: 0 0 1.4rem 0 rgba(0, 0, 0, 0.03);
  border-top: 0.1rem solid #191919;
}
#wrap #menuBar .content_wrap {
  display: flex;
  gap: 1.9rem;
  align-items: center;
  padding: 0.8rem 3rem 2.4rem;
}
#wrap #menuBar .content_wrap .btn_menu {
  flex: 1;
  display: flex;
  gap: 0.2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  border-radius: 1rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: #636363;
}
#wrap #menuBar .content_wrap .btn_menu .ic_wrap {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
#wrap #menuBar .content_wrap .btn_menu.quest .ic_wrap {
  background: url(/static/images/common/menubar_quest.svg) no-repeat center/cover;
}
#wrap #menuBar .content_wrap .btn_menu.live .ic_wrap {
  background: url(/static/images/common/menubar_live.svg) no-repeat center/cover;
}
#wrap #menuBar .content_wrap .btn_menu.cart .ic_wrap {
  background: url(/static/images/common/menubar_shopping.svg) no-repeat center/cover;
}
#wrap #menuBar .content_wrap .btn_menu.alarm .ic_wrap {
  background: url(/static/images/common/menubar_alarm.svg) no-repeat center/cover;
}
#wrap #menuBar .content_wrap .btn_menu.alarm.has_alarm .ic_wrap {
  background-image: url(/static/images/common/menubar_alarm_new.svg);
}
#wrap #menuBar .content_wrap .btn_menu.mypage .ic_wrap {
  background: url(/static/images/common/menubar_mypage.svg) no-repeat center/cover;
}
#wrap #menuBar .content_wrap .btn_menu.login_menu .ic_wrap {
  background: url(/static/images/common/menubar_login.svg) no-repeat center/cover;
}
#wrap #menuBar .content_wrap .btn_menu.pairing .ic_wrap {
  background: url(/static/images/common/submenu_pairing.svg) no-repeat center/cover;
}
#wrap #menuBar .content_wrap .btn_menu.ranking .ic_wrap {
  background: url(/static/images/common/submenu_ranking.svg) no-repeat center/cover;
}
#wrap #menuBar .content_wrap .btn_menu.home_app .ic_wrap {
  background: url(/static/images/menu/home.svg) no-repeat center/cover;
}
#wrap #menuBar .content_wrap .btn_menu.live_app .ic_wrap {
  background: url(/static/images/menu/live.svg) no-repeat center/cover;
}
#wrap #menuBar .content_wrap .btn_menu.login_app .ic_wrap {
  background: url(/static/images/menu/login.svg) no-repeat center/cover;
}
#wrap #menuBar .content_wrap .btn_menu.mypage_app .ic_wrap {
  background: url(/static/images/menu/mypage.svg) no-repeat center/cover;
}
#wrap #menuBar .content_wrap .btn_menu.ranking_app .ic_wrap {
  background: url(/static/images/menu/ranking.svg) no-repeat center/cover;
}
#wrap #menuBar .content_wrap .btn_menu.active {
  /*background-color: #2c2c2c;*/
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
#wrap #menuTopBar .menu_box {
  overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  top: 5rem;
  right: 1.6rem;
  z-index: 3;
  width: 5.2rem;
  height: 5.2rem;
  background-color: rgba(41, 41, 41, 0.7);
  backdrop-filter: blur(3rem);
  -webkit-backdrop-filter: blur(3rem); /* iOS WebKit */
  box-shadow: 0 0.4rem 2rem 0 rgba(0, 0, 0, 0.32);
  border-radius: 1rem;
  transition: all 0.3s ease;
}
#wrap #menuTopBar .menu_box .btn_search_add {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 5.2rem;
  height: 5.2rem;
  background: url(/static/images/common/ic_search_24.svg) no-repeat center;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
#wrap #menuTopBar .menu_box .hide_menu_box {
  opacity: 0;
  transform: translateY(-1rem);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  padding: 0.9rem 0.8rem;
}
#wrap #menuTopBar .menu_box .hide_menu_box .top_wrap {
  display: flex;
  justify-content: space-between;
  height: 3.4rem; /* 임시 조회 안만듬 */
}
#wrap #menuTopBar .menu_box .hide_menu_box .top_wrap .logo {
  flex-shrink: 0;
  display: flex;
  width: 9.8rem;
  margin-left: 0.6rem;
}
#wrap #menuTopBar .menu_box .hide_menu_box .top_wrap .btn_search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 59%;
  height: 3.4rem;
  padding: 0 1.2rem;
  background-color: #2c2c2c;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap #menuTopBar .menu_box .hide_menu_box .top_wrap .btn_search::after {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/common/ic_search_A4A4A4.svg) no-repeat center/cover;
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list {
  display: flex;
  gap: 0.5rem;
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li {
  flex: 1;
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub {
  display: flex;
  gap: 0.4rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6.1rem;
  border-radius: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub::before {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.live::before {
  background: url(/static/images/common/submenu_live.svg) no-repeat center/cover;
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.following::before {
  background: url(/static/images/common/submenu_following.svg) no-repeat center/cover;
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.ranking::before {
  background: url(/static/images/common/submenu_ranking.svg) no-repeat center/cover;
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.pairing::before {
  background: url(/static/images/common/submenu_pairing.svg) no-repeat center/cover;
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.category::before {
  background: url(/static/images/common/submenu_category.svg) no-repeat center/cover;
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.cart::before {
  background: url(/static/images/common/menubar_shopping.svg) no-repeat center/cover;
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.alarm::before {
  background: url(/static/images/common/menubar_alarm.svg) no-repeat center/cover;
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.alarm.has_alarm::before {
  background-image: url(/static/images/common/menubar_alarm_new.svg);
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.active {
  background-color: #181818;
  color: #FF2B00;
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.active.live::before {
  background-image: url(/static/images/common/submenu_live_active.svg);
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.active.following::before {
  background-image: url(/static/images/common/submenu_following_active.svg);
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.active.ranking::before {
  background-image: url(/static/images/common/submenu_ranking_active.svg);
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.active.pairing::before {
  background-image: url(/static/images/common/submenu_pairing_active.svg);
}
#wrap #menuTopBar .menu_box .hide_menu_box .menu_list li .btn_sub.active.category::before {
  background-image: url(/static/images/common/submenu_category_active.svg);
}
#wrap #menuTopBar .menu_box.active {
  right: 1rem;
  width: calc(100% - 2rem);
  height: 13.5rem;
}
#wrap #menuTopBar .menu_box.active .btn_search_add {
  opacity: 0;
  pointer-events: none;
}
#wrap #menuTopBar .menu_box.active .hide_menu_box {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
/* 상단 타이틀 영역 고정 */
#wrap .container .visual .back_wrap {
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
  padding-top: calc(var(--sat) + 1.4rem);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  padding-bottom: 1.8rem;
  background-color: #000;
}
#wrap .container .visual .back_wrap.between{
  justify-content: space-between;
  align-items: center;
}
#wrap .container .visual .back_wrap.border_bottom{
  border-bottom: 0.1rem solid #181818;
}
#wrap .container .visual .back_wrap .btn_back {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/common/ic_arrow_back.svg) no-repeat center/cover;
}
#wrap .container .visual .back_wrap .btn_back:not(:first-child) {
  display: none;
}
#wrap .container .visual .back_wrap h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container .visual .back_wrap h2.txt_center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: -0.02em;
}
#wrap .container .visual .back_wrap .back_inner_warp {
  flex-shrink: 0;
  display: flex;
  gap: 1.2rem;
  align-items: center;
}
#wrap .container .visual .back_wrap .back_inner_warp .btn_search {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/sub/mypage/ic_search.svg) no-repeat center/cover;
}
#wrap .container .visual .back_wrap .back_inner_warp .btn_close {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/common/ic_close_18.svg) no-repeat center/cover;
}
#wrap .container .visual .back_wrap .back_inner_warp .btn_share {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  background: url(/static/images/sub/live/ic_share.svg) no-repeat center/cover;
}
#wrap .container .visual .back_wrap .back_inner_warp .btn_setting {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/sub/mypage/ic_setting.svg) no-repeat center/cover;
}
#wrap .container .visual .back_wrap .back_inner_warp .btn_cart {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/common/menubar_shopping.svg) no-repeat center/cover;
}
#wrap .container .visual .back_wrap .back_inner_warp .btn_alarm {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/common/menubar_alarm.svg) no-repeat center/cover;
}
#wrap .container .visual .back_wrap .back_inner_warp .btn_alarm.has_alarm {
  background: url(/static/images/common/menubar_alarm_new.svg) no-repeat center/cover;
}
/* 상단 타이틀 영역 고정 */
#wrap .container.main .visual {
  height: calc(var(--vh) * 100 - 8rem);
}
#wrap .container.main .visual .mainSwiper {
  width: 100%;
  height: 100%;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .thumbnail_wrap {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: calc(var(--vh) * 100 - 20.1rem);
}
.web-cont #wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .thumbnail_wrap {
  padding-bottom: calc(var(--vh) * 100 - 28.6rem) !important;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .thumbnail_wrap img {
  width: 100%;
  height: calc(var(--vh) * 100 - 20.1rem);
  object-fit: cover;
}
.web-cont .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .thumbnail_wrap img {
  height: calc(var(--vh) * 100 - 28.6rem) !important;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .thumbnail_wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 3rem);
  background: linear-gradient(180deg, rgba(37, 37, 37, 0) 50%, #000000 91.1%);
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .thumbnail_wrap .txt_box {
  position: absolute;
  left: 0;
  bottom: 2.6rem;
  z-index: 2;
  width: 100%;
  padding: 0 2rem;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .thumbnail_wrap .txt_box .tit {
  margin-bottom: 1.6rem;
  padding-right: 3rem;
  font-size: 4rem;
  font-weight: 700;
  line-height: 3.6rem;
  word-break: break-word;
  white-space: pre-wrap;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .thumbnail_wrap .txt_box .store_name {
  display: flex;
  gap: 1rem;
  align-items: center;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .thumbnail_wrap .txt_box .store_name .profile {
  cursor: pointer;
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 4rem;
  height: 4rem;
  /*background-color: #fff;*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .thumbnail_wrap .txt_box .store_name .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .thumbnail_wrap .txt_box .store_name .name {
  font-size: 1.6rem;
  font-weight: 500;
  cursor: pointer;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .txt_wrap {
  position: absolute;
  bottom: 2.7rem;
  width: 100%;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .txt_wrap .content_wrap {
  padding: 0 1.6rem 0 2rem;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .txt_wrap .content_wrap .view_box {
  display: flex;
  gap: 1.1rem;
  align-items: center;
  position: relative;
  width: 100%;
  height: 5.2rem;
  margin-top: 1.6rem;
  padding: 0.6rem;
  background-color: #191919;
  box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(1rem);
  border-radius: 2.8rem;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .txt_wrap .content_wrap .view_box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.1rem;
  height: 4.4rem;
  background-color: #282828;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .txt_wrap .content_wrap .view_box .view {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .txt_wrap .content_wrap .view_box .view::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(/static/images/main/ic_view_person.svg) no-repeat center/cover;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .txt_wrap .content_wrap .view_box .btn_view_live {
  flex: 1;
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  height: 4rem;
  background-color: #FF2B00;
  border-radius: 2.2rem;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .txt_wrap .content_wrap .view_box .btn_view_live::before {
  content: "";
  display: block;
  width: 3rem;
  height: 1.4rem;
  background: url(/static/images/main/txt_live.svg) no-repeat center/cover;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .subSwiper {
  margin-top: 1.6rem;
  padding: 0 3.5rem 0 2rem;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .subSwiper .swiper-wrapper .swiper-slide .btn_product_bottomsheet {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
  height: 9rem;
  padding: 1rem 1rem 1rem 1.6rem;
  background-color: #181818;
  border-radius: 1rem;
  text-align: left;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .subSwiper .swiper-wrapper .swiper-slide .btn_product_bottomsheet .info_wrap {
  display: flex;
  gap: 0.8rem;
  flex-direction: column;
  width: calc(100% - 8rem);
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .subSwiper .swiper-wrapper .swiper-slide .btn_product_bottomsheet .info_wrap .num {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.3rem;
  font-weight: 800;
  color: #ff582f;
  margin-bottom: -0.4rem;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .subSwiper .swiper-wrapper .swiper-slide .btn_product_bottomsheet .info_wrap .tit {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .subSwiper .swiper-wrapper .swiper-slide .btn_product_bottomsheet .info_wrap .price_wrap {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .subSwiper .swiper-wrapper .swiper-slide .btn_product_bottomsheet .info_wrap .price_wrap .price {
  padding-top: 0.2rem;
  font-family: "Plus Jakarta Sans", sans-serif;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .subSwiper .swiper-wrapper .swiper-slide .btn_product_bottomsheet .info_wrap .price_wrap .price .original_price {
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .subSwiper .swiper-wrapper .swiper-slide .btn_product_bottomsheet .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 7rem;
  height: 7rem;
  border-radius: 1rem;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .subSwiper .swiper-wrapper .swiper-slide .btn_product_bottomsheet .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .subSwiper .swiper-pagination {
  display: flex;
  align-items: center;
  top: 1.3rem;
  left: auto;
  right: 4.8rem;
  width: auto;
  height: 2rem;
  padding: 0 0.6rem;
  background-color: rgba(0, 0, 0, 0.66);
  backdrop-filter: blur(0.7rem);
  border-radius: 2.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
}
#wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .subSwiper .swiper-pagination-current {
  color: #fff;
}
@media screen and (max-height: 780px) {
  #wrap .container.main .visual .mainSwiper .swiper-wrapper .swiper-slide .thumbnail_wrap .txt_box .tit {
    padding-right: 0;
  }
}
#wrap .container.broadcast#broadcast {
  overflow: hidden;
  height: calc(var(--vh) * 100);
  touch-action: none;
}
#wrap .container.broadcast#broadcast .visual .broadcast_screen {
  position: relative;
  overflow-y: hidden;
  touch-action: none;
  height: calc(var(--vh) * 100);
}
#wrap .container.broadcast#broadcast .visual .broadcast_screen #video-player{
  position: absolute;
  top:0;
  left: 0;
  width:100%;
  height: 100%;
  object-fit: cover;
  /*object-fit: fill;*/
}
#wrap .container.broadcast#broadcast .visual .broadcast_screen img {
  width: 100%;
}
#wrap .container.broadcast#broadcast .visual .broadcast_screen::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180.03deg, rgba(37, 37, 37, 0) 51.54%, #252525 99.97%);
}
#wrap .container.broadcast#broadcast .visual .top_wrap {
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.8rem 1.6rem 0;
  /*padding: 5.8rem 1.6rem 0;*/
}
#wrap .container.broadcast#broadcast .visual .top_wrap::after {
  content: "";
  opacity: 0.98;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 13.4rem;
  pointer-events: none; /* 영역을 덮어버려서 */
  background: linear-gradient(0deg, rgba(37, 37, 37, 0) 12.31%, rgba(0, 0, 0, 0.3) 57.46%);
}
#wrap .container.broadcast#broadcast .visual .top_wrap .flex_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-bottom: 0.4rem;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .flex_wrap .store_name {
  cursor: pointer;
  display: flex;
  gap: 0.7rem;
  align-items: flex-end;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .flex_wrap .store_name .profile {
  overflow: hidden;
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  border: 0.18rem solid #FF2B00;
  /*padding: 0.2rem;*/
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .flex_wrap .store_name .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .flex_wrap .store_name .name {
  font-size: 1.6rem;
  font-weight: 500;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .flex_wrap .btn_wrap {
  display: flex;
  gap: 1rem;
  position: relative;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .flex_wrap .btn_wrap .btn_more {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  background: url(/static/images/sub/broadcast/ic_more.png) no-repeat center/cover;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .flex_wrap .btn_wrap .btn_screen {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  background: url(/static/images/sub/broadcast/ic_screen.png) no-repeat center/cover;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .flex_wrap .btn_wrap .more_box {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-1rem);
  transition: opacity 0.3s ease, transform 0.3s ease;
  position: absolute;
  top: 4.1rem;
  /*right: 4.4rem;*/
  right: 0rem;
  width: 14.4rem;
  background-color: rgba(27, 27, 27, 0.75);
  box-shadow: 0 1.1rem 3rem 0 rgba(0, 0, 0, 0.23);
  backdrop-filter: blur(4rem);
  border-radius: 0.9rem;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .flex_wrap .btn_wrap .more_box button {
  display: none;
  align-items: center;
  width: 100%;
  height: 5.5rem;
  padding: 0 1.8rem;
  font-size: 1.6rem;
  font-weight: 500;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .flex_wrap .btn_wrap .more_box button ~ button {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.broadcast#broadcast .visual .top_wrap .flex_wrap .btn_wrap .more_box button.active {
  display: flex;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .flex_wrap .btn_wrap .more_box.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .view_box {
  display: flex;
  gap: 0.4rem;
  flex-direction: column;
  justify-content: center;
  /*align-items: center;*/
  /*position: relative;*/
  /*margin-bottom: 1rem;*/
  z-index: 1;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .view_box .live {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.1rem;
  height: 1.9rem;
  background-color: #FF2B00;
  border-radius: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .view_box .view_icon {
  display: flex;
  gap: 1rem;
  align-items: center;
  position: relative;
  z-index: 1;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .view_box .view {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .view_box .view::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/static/images/sub/broadcast/ic_view_person.png) no-repeat center/cover;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .view_box .like_count {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .view_box .like_count::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/static/images/sub/broadcast/ic_like_active.png) no-repeat center/cover;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .btn_sound {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  margin-left: -0.4rem;
  background: url(/static/images/sub/broadcast/ic_sound.svg) no-repeat center/cover;
}
#wrap .container.broadcast#broadcast .visual .top_wrap .btn_sound.mute {
  background-image: url(/static/images/sub/broadcast/ic_sound_mute.svg);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap {
  /*position: fixed;*/
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap {
  position: absolute;
  left: 0;
  bottom: 18.4rem;
  width: 100%;
  padding: 0 1.6rem 2.2rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap.active {
  display: none;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap.chat_hidden {
  bottom: 10.2rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box {
  position: relative;
  margin-bottom: 1.6rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box {
  width: calc(100% - 4.8rem);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.8rem;
  margin-bottom: 2.6rem;
  background-color: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(2rem);
  border-radius: 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined.active {
  display: flex;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.4rem;
  background: url(/static/images/sub/broadcast/ic_hand.svg) no-repeat center/cover;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined.skyblue {
  color: #b6f3ff;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined.skyblue::before {
  background-image: url(/static/images/sub/broadcast/ic_hand_skyblue.svg);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined.blue {
  color: #79c0ff;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined.blue::before {
  background-image: url(/static/images/sub/broadcast/ic_hand_blue.svg);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined.orange {
  color: #ff9864;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined.orange::before {
  background-image: url(/static/images/sub/broadcast/ic_hand_orange.svg);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined.pink {
  color: #ffb1ee;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined.pink::before {
  background-image: url(/static/images/sub/broadcast/ic_hand_pink.svg);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined.green {
  color: #fffa67;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined.green::before {
  background-image: url(/static/images/sub/broadcast/ic_hand_green.svg);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box {
  overflow-y: auto;
  width: 100%;
  height: 11.3rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment {
  display: flex;
  gap: 1.5rem;
  font-size: 1.4rem;
  font-weight: 600;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment ~ .comment {
  margin-top: 0.7rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment .nickname {
  flex-shrink: 0;
  opacity: 0.8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment .comment_txt {
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment.yellow {
  color: #fffa67;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment.pink {
  color: #ffb1ee;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment.orange {
  color: #ff9864;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment.blue {
  color: #79c0ff;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment.skyblue {
  color: #b6f3ff;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .current_message {
  display: none;
  gap: 0.8rem;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 3.2rem;
  padding: 0 1rem;
  background-color: rgba(255, 60, 0, 0.5);
  box-shadow: 0 0 5rem 0 rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2rem);
  border-radius: 0.8rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .current_message .nickname {
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: 600;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .current_message .comment {
  margin-right: 1.2rem;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .current_message::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: auto;
  background: url(/static/images/sub/broadcast/ic_arrow.svg) no-repeat center/cover;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .current_message.active {
  display: flex;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btn_total_wrap {
  display: flex;
  gap: 1.1rem;
  flex-direction: column;
  position: absolute;
  right: 1.6rem;
  bottom: 7.2rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btn_total_wrap button {
  display: none;
  width: 3.4rem;
  height: 3.4rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btn_total_wrap button.active {
  display: block;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btn_total_wrap button.btnChat {
  background: url(/static/images/sub/broadcast/ic_chat.png) no-repeat center/cover;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btn_total_wrap button.btnChat.chat_hidden {
  background-image: url(/static/images/sub/broadcast/ic_chat_none.png);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btn_total_wrap button.btnLike {
  position: relative;
  background: url(/static/images/sub/broadcast/ic_like_active.png) no-repeat center/cover;
  /*background: url(/static/images/sub/broadcast/ic_like.png) no-repeat center/cover;*/
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btn_total_wrap button.btnLike .count {
  position: absolute;
  bottom: -0.8rem; /* 버튼 하단 아래에 위치 */
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.9rem;
  font-weight: bold;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btn_total_wrap button.btnCoupon {
  background: url(/static/images/sub/broadcast/ic_coupon.png) no-repeat center/cover;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btn_total_wrap button.btnCoupon.none {
  background-image: url(/static/images/sub/broadcast/ic_coupon_none.png);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btn_total_wrap button.btnShare {
  background: url(/static/images/sub/broadcast/ic_share.png) no-repeat center/cover;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btnNotice {
  overflow: hidden;
  display: none;
  gap: 1rem;
  align-items: center;
  position: relative;
  width: 100%;
  height: 3.4rem;
  padding: 0 1.2rem 0 0.4rem;
  background-color: #1a1a1a;
  backdrop-filter: blur(2rem);
  border-radius: 0.8rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btnNotice.active {
  display: flex;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btnNotice::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 5.6rem;
  height: 100%;
  background: linear-gradient(270deg, #1a1a1a 18.52%, rgba(26, 26, 26, 0) 98.15%);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btnNotice .notice_tit {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  /*width: 3.9rem;*/
  height: 2.6rem;
  padding: 0 1rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btnNotice .notice_txt {
  overflow: hidden;
  position: relative;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btnNotice .notice_txt .notice_scroll {
  display: inline-flex;
  align-items: center;
  will-change: transform;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btnNotice .notice_txt .notice_scroll.rolling {
  /*animation: scrollLoop 12s linear infinite;*/
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .comment_btn_wrap .btnNotice .notice_txt .notice_scroll span {
  margin-right: 1.6rem;
  font-size: 1.4rem;
  color: #ff623b;
  white-space: nowrap;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .modal-dim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .modal-dim.active {
  display: block;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: fixed;
  /*position: absolute;*/
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  max-height: 49.2rem;
  background-color: rgba(27, 27, 27, 0.75);
  border: 0.1rem solid rgba(57, 57, 57, 0.55);
  border-radius: 2rem 2rem 0 0;
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(2rem);
  transition: height 0.3s ease-out;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#productDetailBottomSheet {
  max-height: 68rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet .handle_bar {
  cursor: grab;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2rem;
  padding: 0.8rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet .handle_bar .handle {
  width: 4.3rem;
  height: 0.4rem;
  background: #888888;
  border-radius: 3rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet .sheet_content {
  /*overflow: hidden;*/
  overflow-y: auto;
  flex: 1;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet .sheet_content .title {
  padding: 1rem 0 2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet.active {
  overflow: visible;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet {
  position: relative;
  height: 10.2rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .handle_bar {
  align-items: flex-start;
  position: absolute;
  height: 100%;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content {
  pointer-events: none;
  padding-top: 2rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .checkbox_group {
  display: none;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .checkbox_group input[type=checkbox]:checked ~ label::before {
  background: #ff582f url(/static/images/sub/broadcast/ic_checkbox.svg) no-repeat center;
  border: none;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .checkbox_group label {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .checkbox_group label::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  border: 0.1rem solid #606060;
  border-radius: 0.4rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  padding: 0 1.6rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  width: calc(100% - 5.4rem);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .img_wrap {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  width: 6.2rem;
  height: 6.2rem;
  border-radius: 1rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .img_wrap .live_product {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.5rem;
  left: 0.4rem;
  width: 5.3rem;
  height: 2rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: var(--tok-font-size, 1rem);
  font-weight: 500;
  color: #fff;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .img_wrap img {
  width: 100%;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .txt_wrap {
  display: flex;
  flex-direction: column;
  width: calc(100% - 7.6rem);
  text-align: left;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .txt_wrap .product {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .txt_wrap .price {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #ff4415;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .txt_wrap .price .original_price {
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .txt_wrap .remaining_item {
  opacity: 0.6;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_shopping_cart {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  background: #FF2B00 url(/static/images/sub/broadcast/ic_shopping.svg) no-repeat center;
  border-radius: 50%;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li:nth-child(n+2) {
  display: none;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet.has_height {
  backdrop-filter: blur(4rem);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet.has_height .handle_bar {
  position: static;
  height: 2rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content {
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  padding-top: 0;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .checkbox_group {
  flex-direction: column;
  display: block;
  padding: 1.5rem 1.6rem 2rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list {
  overflow-y: auto;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li {
  padding: 2rem 1.6rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li ~ li {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li:first-child {
  padding-top: 0;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li:nth-child(n+1) {
  display: flex;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li.soldout {
  position: relative;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li.soldout::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.36);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li.soldout::after {
  content: "Sold out";
  display: block;
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
  z-index: 3;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .modal_common_img,
#wrap .container.broadcast#broadcast .visual .bottom_wrap .modal_product_choice {
  top: auto;
  bottom:0;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#noticeBottomSheet .sheet_content {
  display: flex;
  flex-direction: column;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#noticeBottomSheet .sheet_content .notice_list_box {
  overflow-y: auto;
  padding: 0 0.9rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#noticeBottomSheet .sheet_content .notice_list_box .notice_tit {
  padding: 2rem 0.7rem 1rem;
  font-size: 1.6rem;
  font-weight: 700;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#noticeBottomSheet .sheet_content .notice_list_box .notice_list {
  margin-bottom: 2rem;
  padding-left: 2rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#noticeBottomSheet .sheet_content .notice_list_box .notice_list li {
  position: relative;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#noticeBottomSheet .sheet_content .notice_list_box .notice_list li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -1rem;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.2rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content {
  display: flex;
  flex-direction: column;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .coupon_wrap {
  overflow-y: auto;
  padding: 2rem 1.6rem;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .coupon_wrap .coupon_tit {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .coupon_wrap .coupon_tit .num {
  color: #ff582f;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .coupon_wrap .coupon_box {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .coupon_wrap .coupon_box .btn_coupon_detail {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15.1rem;
  background-color: #404040;
  border-radius: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .copon_btn_wrap {
  flex-direction: column;
  width: 100%;
  height: 8.7rem;
  margin-top: auto;
  padding: 0.8rem 1.6rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.3rem);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .copon_btn_wrap .btn_coupon_download {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .textarea_group {
  position: relative;
  width: 100%;
  height: 8.2rem;
  padding: 2rem 1.6rem;
  background-color: #0e0e0e;
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4.4rem);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .textarea_group.chat_hidden {
  display: none;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .textarea_group input {
  width: 100%;
  height: 100%;
  padding: 1.2rem 4.2rem 1.2rem 1.2rem;
  background-color: #1c1c1c;
  border: none;
  border-radius: 0.8rem;
  font-family: "Pretendard", sans-serif;
  font-size: 1.4rem;
  color: #fff;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .textarea_group input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .textarea_group .btn_upload {
  display: none;
  position: absolute;
  top: 2.5rem;
  right: 2.1rem;
  width: 3.2rem;
  height: 3.2rem;
  background: url(/static/images/sub/broadcast/ic_upload.svg) no-repeat center/cover;
}
#wrap .container.broadcast#broadcast .visual .bottom_wrap .textarea_group .btn_upload.active {
  display: block;
}
#wrap .container.live#live .visual {
  overflow-y: auto;
  height: calc(var(--vh) * 100 - 8rem);
}
#wrap .container.live#live .visual .tab_contetns {
  margin-top: 2rem;
  padding: 0 0.6rem 5.3rem;
}
#wrap .container.live#live .visual .tab_contetns h3 {
  margin-bottom: 1.6rem;
  font-size: 2rem;
  font-weight: 700;
}
/*#wrap .container.live#live .visual .tab_contents .tab_btn_wrap {*/
/*  display: flex;*/
/*  gap: 0.7rem;*/
/*  padding: 1.6rem 1.6rem 2.4rem;*/
/*}*/
#wrap .container.live#live .visual .tab_contetns .tab_btn_wrap {
  overflow-x: auto;
  display: flex;
  gap: 0.4rem;
  align-items: center;
  /*width: calc(100% + 3.2rem);*/
  /*margin-left: -1.6rem;*/
  margin-bottom: 2rem;
  /*padding: 0 1.6rem;*/
}
#wrap .container.live#live .visual .tab_contetns .tab_btn_wrap .btn_tab {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.2rem;
  padding: 0 1.4rem;
  background-color: #2c2c2c;
  border-radius: 3rem;
  font-size: 1.2rem;
  font-weight: 600;
}
#wrap .container.live#live .visual .tab_contetns .tab_btn_wrap .btn_tab.active {
  background-color: #fff;
  color: #2c2c2c;
}
#wrap .container.live#live .visual .tab_contetns .tab_content {
  display: none;
}
#wrap .container.live#live .visual .tab_contetns .tab_content.active {
  display: block;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list {
  display: flex;
  gap: 2rem 1rem;
  flex-wrap: wrap;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li {
  width: calc(50% - 0.5rem);
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap {
  overflow: hidden;
  position: relative;
  border-radius: 2rem;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap::after {
  opacity: 0.9;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(37, 37, 37, 0) 0%, #252525 100%);
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap .thumbnail {
  display: block;
  height: 0;
  padding-bottom: 143%;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap .thumbnail img {
  width: 100%;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap .store_name {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  position: absolute;
  top: 1.2rem;
  left: 1.2rem;
  z-index: 1;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap .store_name .profile {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 3rem;
  height: 3rem;
  /*background-color: #fff;*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap .store_name .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap .store_name .name {
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap .txt_wrap {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  position: absolute;
  left: 1.2rem;
  bottom: 2rem;
  z-index: 1;
  width: calc(100% - 2.4rem);
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap .txt_wrap .view_box {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap .txt_wrap .view_box .live {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.1rem;
  height: 1.4rem;
  background-color: #FF2B00;
  border-radius: 2rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap .txt_wrap .view_box .view {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap .txt_wrap .view_box .view::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.2rem;
  background: url(/static/images/sub/live/ic_view_person.svg) no-repeat center/cover;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .live_link .thumbnail_wrap .txt_wrap .tit {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.8rem;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .prodcut_wrap {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
  text-align: left;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .prodcut_wrap .product {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .prodcut_wrap .product img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .prodcut_wrap .product_info {
  width: calc(100% - 5rem);
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .prodcut_wrap .product_info .product_name {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .prodcut_wrap .product_info .price {
  font-size: 1.2rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.live#live .visual .tab_contetns .tab_content .live_list li .prodcut_wrap .product_info .price .original_price {
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.live#liveFollowing {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
  padding-bottom: 8rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns {
  padding-top: 2rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_btn_wrap {
  display: flex;
  /*position: fixed;*/
  position: absolute;
  left: 1.6rem;
  bottom: 2.6rem;
  z-index: 10;
  width: calc(100% - 3.2rem);
  height: 4.8rem;
  padding: 0.4rem;
  background-color: rgba(30, 30, 30, 0.78);
  box-shadow: 0 0.4rem 2rem 0 rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3rem);
  border-radius: 1rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_btn_wrap .btn_all_tab {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  height: 100%;
  border-radius: 1rem;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_btn_wrap .tab_indicator {
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  z-index: 0;
  width: calc(50% - 0.4rem);
  background-color: #e63310;
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 1rem;
  transition: transform 0.3s ease;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content {
  padding-bottom: 3rem;
  display: none;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content.active {
  display: block;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend {
  padding: 0 1.6rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend h3 {
  margin-bottom: 1.6rem;
  font-size: 2rem;
  font-weight: 700;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_btn_wrap {
  overflow-x: auto;
  display: flex;
  gap: 0.4rem;
  align-items: center;
  /*width: calc(100% + 3.2rem);*/
  /*margin-left: -1.6rem;*/
  margin-bottom: 2rem;
  /*padding: 0 1.6rem;*/
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_btn_wrap::-webkit-scrollbar {
  display: none;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_btn_wrap .btn_tab {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.2rem;
  padding: 0 1.4rem;
  background-color: #2c2c2c;
  border-radius: 3rem;
  font-size: 1.2rem;
  font-weight: 600;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_btn_wrap .btn_tab.active {
  background-color: #fff;
  color: #2c2c2c;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content {
  display: none;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content.active {
  display: block;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list {
  display: flex;
  gap: 2.1rem 1.1rem;
  flex-wrap: wrap;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li {
  overflow: hidden;
  width: calc(50% - 0.6rem);
  background-color: #181818;
  border-radius: 1rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li .btn_store {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 2.4rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li .btn_store .profile {
  display: block;
  position: relative;
  width: 7.8rem;
  height: 7.8rem;
  border-radius: 50%;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li .btn_store .profile img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li .btn_store .profile.is_live {
  border: 0.2rem solid #FF2B00;
  padding: 0.2rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li .btn_store .profile.is_live .live {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -0.8rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.3rem;
  height: 1.4rem;
  background-color: #FF2B00;
  border-radius: 2rem;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li .btn_store .store_name {
  display: block;
  margin: 0.8rem 0 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li .btn_store .category_list {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 0 1.6rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li .btn_store .category_list .category {
  display: flex;
  align-items: center;
  height: 2.2rem;
  padding: 0 0.5rem;
  border: 0.1rem solid rgba(161, 88, 73, 0.53);
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: #eb684e;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li .product_list {
  overflow-x: auto;
  /*display: flex;*/
  display: none; /* 2025.08.18 안쓰기로해서 일단 None 처리 */
  gap: 0.5rem;
  padding: 2rem 1.4rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li .product_list .btn_product {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 0.9rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li .btn_wrap {
  padding: 1.4rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li .btn_wrap .btn_follow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  background-color: #FF2B00;
  border-radius: 0.9rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_recommend .tab_content .recommend_list li .btn_wrap .btn_follow.active {
  background-color: #2c2c2c;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .following_list {
  padding: 0 1.6rem 2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .following_list .tit_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .following_list .tit_wrap .tit {
  font-size: 1.8rem;
  font-weight: 700;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .following_list .tit_wrap .view_all {
  opacity: 0.7;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .following_list .following_inner_list {
  overflow-x: auto;
  display: flex;
  gap: 1.2rem;
  /*width: calc(100% + 3.2rem);*/
  /*margin-left: -1.6rem;*/
  /*padding: 0 1.6rem;*/
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .following_list .following_inner_list::-webkit-scrollbar {
  display: none;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .following_list .following_inner_list .go_store {
  flex-shrink: 0;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  width: 6.6rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .following_list .following_inner_list .go_store .profile {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 6.6rem;
  height: 6.6rem;
  border: 0.2rem solid #2c2c2c;
  border-radius: 50%;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .following_list .following_inner_list .go_store .profile img {
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 50%;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .following_list .following_inner_list .go_store .profile.is_live {
  border-color: #FF2B00;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .following_list .following_inner_list .go_store .profile.is_live .live {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -0.6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.3rem;
  height: 1.4rem;
  background-color: #FF2B00;
  border-radius: 2rem;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .following_list .following_inner_list .go_store .store_name {
  display: block;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap {
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .tit_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .tit_wrap .tit {
  font-size: 1.8rem;
  font-weight: 700;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .tit_wrap .view_all {
  opacity: 0.7;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .newsSwiper {
  overflow: visible;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .newsSwiper .swiper-container {
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  padding: 0 1.6rem;
  overflow: hidden;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .newsSwiper .swiper-container .swiper-wrapper .swiper-slide {
  max-width: 30rem;
  width: 100%;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .newsSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_news {
  display: block;
  height: 18rem;
  padding: 1.6rem;
  background-color: #181818;
  border-radius: 1rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .newsSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_news .store {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 2.4rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .newsSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_news .store .profile {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 4.2rem;
  height: 4.2rem;
  background: linear-gradient(180deg, #cf7d8d 0%, #ffffff 100%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .newsSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_news .store .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .newsSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_news .store .store_info {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .newsSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_news .store .store_info .name {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .newsSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_news .store .store_info .date {
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .news_wrap .newsSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_news .txt {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list {
  padding: 2rem 1.6rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li ~ li {
  margin-top: 7rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link {
  overflow: hidden;
  display: block;
  position: relative;
  border-radius: 2rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link::after {
  opacity: 0.9;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(37, 37, 37, 0) 0%, #252525 100%);
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .thumbnail {
  display: block;
  height: 0;
  padding-bottom: 143.4%;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .thumbnail img {
  width: 100%;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .store_name {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 1;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .store_name .profile {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.4rem;
  height: 4.4rem;
  border: 0.2rem solid #FF2B00;
  border-radius: 50%;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .store_name .profile img {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .store_name .store_info {
  display: flex;
  gap: 0.6rem;
  flex-direction: column;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .store_name .store_info .live {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.3rem;
  height: 1.4rem;
  background-color: #FF2B00;
  border-radius: 2rem;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .store_name .store_info .name {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .txt_wrap {
  position: absolute;
  left: 1.6rem;
  bottom: 4.6rem;
  z-index: 1;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .txt_wrap .view_box {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  width: max-content;
  height: 2.6rem;
  margin-bottom: 1.2rem;
  padding: 0 1rem 0 0.7rem;
  background-color: #FF2B00;
  backdrop-filter: blur(1rem);
  border-radius: 2rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .txt_wrap .view_box .live {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 3.7rem;
  height: 1.6rem;
  background-color: #fff;
  border-radius: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #FF2B00;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .txt_wrap .view_box .live::after {
  opacity: 0.33;
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  right: -0.9rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #fff;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .txt_wrap .view_box .view {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .txt_wrap .view_box .view::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/static/images/sub/live/ic_view_person.svg) no-repeat center/cover;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .live_link .txt_wrap .tit {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: calc(100% - 2.1rem);
  text-overflow: ellipsis;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 3.4rem;
  color: #fff;
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .btn_live_prodcut {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
  margin-top: 1.4rem;
  text-align: left;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .btn_live_prodcut .product {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  position: relative;
  width: 6rem;
  height: 6rem;
  border-radius: 0.9rem;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .btn_live_prodcut .product img {
  width: 100%;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .btn_live_prodcut .product .num {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  background-color: #ff5100;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .btn_live_prodcut .product_info {
  display: flex;
  gap: 0.4rem;
  flex-direction: column;
  width: calc(100% - 7rem);
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .btn_live_prodcut .product_info .product_name {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.live#liveFollowing .visual .tab_all_contetns .tab_all_content .following_info_wrap .live_list li .btn_live_prodcut .product_info .product_price {
  font-size: 1.2rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.mypage#followingList {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#followingList .visual .following_wrap {
  padding: 2rem 1.6rem;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list {
  display: none;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list.active {
  display: block;
}
#wrap .container.mypage#followingList .visual .following_wrap .no_followinglist {
  display: none;
  padding-top: calc(var(--vh) * 32);
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
#wrap .container.mypage#followingList .visual .following_wrap .no_followinglist.active {
  display: block;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li ~ li {
  margin-top: 2.4rem;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li .btn_store {
  display: flex;
  gap: 0.9rem;
  align-items: center;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li .btn_store .profile {
  flex-shrink: 0;
  /*display: flex;*/
  display: block;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li .btn_store .profile img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li .btn_store .profile.is_live {
  padding: 0.3rem;
  border: 0.2rem solid #FF2B00;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li .btn_store .profile.is_live .live {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -0.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.3rem;
  height: 1.4rem;
  background-color: #FF2B00;
  border-radius: 2rem;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li .btn_store .store_info {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li .btn_store .store_info .name {
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li .btn_store .store_info .category {
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li .btn_follow {
  display: flex;
  justify-content: center;
  align-items: center;
  /*width: 9rem;*/
  padding: 0 1rem;
  height: 3.4rem;
  gap: 0.6rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li .btn_follow.active {
  background-color: #2c2c2c;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li .btn_follow::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/common/ic_person_plus.svg) no-repeat center/cover;
}
#wrap .container.mypage#followingList .visual .following_wrap .following_list li .btn_follow.active::before {
  background: url(/static/images/common/ic_person_minus.svg) no-repeat center/cover;
}
#wrap .container.live#liveFollowingNews {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
  padding-bottom: 6rem;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item {
  padding: 2rem 1.6rem;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item ~ .news_item {
  margin-top: 2rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .store {
  display: flex;
  gap: 0.9rem;
  align-items: center;
  margin-bottom: 2.2rem;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .store .profile {
  overflow: hidden;
  display: block;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 50%;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .store .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .store .store_info {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .store .store_info .name {
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .store .store_info .date {
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .comment_box {
  margin-bottom: 2.2rem;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .comment_box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .comment_box .btn_more {
  margin-top: 0.5rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .comment_box.active p {
  -webkit-line-clamp: unset;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .comment_box.active .btn_more {
  display: none;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .newsSwiper {
  overflow: visible;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .newsSwiper .swiper-container {
  overflow: hidden;
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  padding: 0 1.6rem;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .newsSwiper .swiper-container .swiper-wrapper .swiper-slide {
  overflow: hidden;
  border-radius: 1.8rem;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .newsSwiper .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .newsSwiper .swiper-container .swiper-pagination {
  display: flex;
  align-items: center;
  top: 1.2rem;
  left: auto;
  right: 1.2rem;
  width: max-content;
  height: 2rem;
  padding: 0 0.6rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 2.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.47);
}
#wrap .container.live#liveFollowingNews .visual .news_list .news_item .newsSwiper .swiper-container .swiper-pagination-current {
  color: #fff;
}
#wrap .container.live#liveRanking .visual {
  overflow-y: auto;
  height: calc(var(--vh) * 100 - 8rem);
}
#wrap .container.live#liveRanking .visual .ranking_info {
  padding: 2rem 1.6rem;
}
#wrap .container.live#liveRanking .visual .ranking_info .tit_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2rem;
}
#wrap .container.live#liveRanking .visual .ranking_info .tit_wrap h3 {
  font-size: 1.8rem;
  font-weight: 700;
}
#wrap .container.live#liveRanking .visual .ranking_info .tit_wrap .date {
  display: none;
  gap: 0.3rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.live#liveRanking .visual .ranking_info .tit_wrap .date.active {
  display: flex;
}
#wrap .container.live#liveRanking .visual .ranking_info .tit_wrap .date::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/live/ic_clock.svg) no-repeat center/cover;
}
#wrap .container.live#liveRanking .visual .ranking_info .info_box {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  height: 4rem;
  width: 100%;
  margin-bottom: 2rem;
  padding: 0 1.3rem;
  background-color: #37170d;
  border-radius: 0.9rem;
  font-size: 1.2rem;
  color: #ff582f;
}
#wrap .container.live#liveRanking .visual .ranking_info .info_box::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/live/ic_info_orange.svg) no-repeat center/cover;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_btn_wrap {
  display: flex;
  position: relative;
  width: 100%;
  height: 4.8rem;
  padding: 0.4rem;
  background-color: rgba(41, 41, 41, 0.6);
  box-shadow: 0 0.4rem 2rem 0 rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3rem);
  border-radius: 1rem;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_btn_wrap .btn_all_tab {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  height: 100%;
  border-radius: 1rem;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_btn_wrap .tab_indicator {
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  z-index: 0;
  width: calc(33.3333% - 0.3rem);
  background-color: #272727;
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 1rem;
  transition: transform 0.3s ease;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content {
  display: none;
  margin-top: 3.6rem;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content.active {
  display: block;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li ~ li {
  margin-top: 4.8rem;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store {
  display: flex;
  gap: 1.7rem;
  align-items: center;
  width: 100%;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .rank {
  flex-shrink: 0;
  display: flex;
  gap: 1.1rem;
  flex-direction: column;
  align-items: center;
  width: 4.4rem;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .rank .rank_num {
  font-size: 1.6rem;
  font-weight: 800;
  color: #fff;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .rank .rank_status {
  display: flex;
  gap: 0.3rem;
  justify-content: center;
  align-items: center;
  width: 4.4rem;
  height: 1.6rem;
  background-color: #272727;
  border-radius: 5.6rem;
  font-size: 1.2rem;
  color: #FF2B00;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .rank .rank_status.down {
  color: #003BFF;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .rank .rank_status.up::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: url(/static/images/sub/live/ic_rank_up.svg) no-repeat center/cover;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .rank .rank_status.down::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: url(/static/images/sub/live/ic_rank_down.svg) no-repeat center/cover;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .store {
  display: flex;
  gap: 1.2rem;
  align-items: center;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .store .profile {
  overflow: hidden;
  flex-shrink: 0;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .store .profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .store .store_info {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .store .store_info .name {
  font-size: 1.5rem;
  font-weight: 500;
  color: #f14419;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .store .store_info .category {
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .store .store_info .store_detail_box {
  display: flex;
  gap: 1.3rem;
  align-items: center;
  height: 2.2rem;
  padding: 0 0.6rem;
  background-color: #272727;
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  color: rgba(236, 236, 236, 0.83);
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .store .store_info .store_detail_box span ~ span {
  position: relative;
}
#wrap .container.live#liveRanking .visual .ranking_info .tab_contents .tab_all_content .ranking_list li .btn_store .store .store_info .store_detail_box span ~ span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.1rem;
  left: -0.7rem;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #373737;
}
#wrap .container.live#liveSchedule {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
  padding-bottom: 4rem;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap {
  padding: 2rem 1.6rem;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap h3 {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: 700;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper {
  overflow: visible;
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  padding: 0 1.6rem;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-btn-wrap .swiper-button-prev,
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-btn-wrap .swiper-button-next {
  pointer-events: none;
  top: 0;
  width: 10.6rem;
  height: 7.5rem;
  margin: 0;
  background: linear-gradient(270deg, #0d0d0d 0%, rgba(13, 13, 13, 0) 100%);
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-btn-wrap .swiper-button-prev::after,
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-btn-wrap .swiper-button-next::after {
  display: none;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-btn-wrap .swiper-button-prev {
  left: 0;
  transform: scaleX(-1);
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-btn-wrap .swiper-button-next {
  right: 0;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-btn-wrap .swiper-button-disabled {
  display: none;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-container {
  overflow: hidden;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_date {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 7.5rem;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_date .day {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_date .day.sunday {
  color: #983232;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_date .date {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2rem;
  color: rgba(255, 255, 255, 0.9);
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_date.active {
  background-color: #f14419;
  border-radius: 0.9rem;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_date.active .day {
  color: #fff;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .dateChoiceSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_date.active .date {
  color: #fff;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .tab_content {
  flex: 1;
  display: none;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .tab_content.active {
  display: block;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list {
  position: relative;
  min-height: calc(var(--vh) * 100 - 29.6rem);
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li {
  position: relative;
  margin-top: 5rem;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li ~ li {
  margin-top: 4rem;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_live {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  padding-left: 0.2rem;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_live .img_wrap {
  flex-shrink: 0;
  display: block;
  position: relative;
  width: 11.2rem;
  height: 15.5rem;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_live .img_wrap img {
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  object-fit: cover;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_live .img_wrap .start_soon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.5rem;
  left: -0.7rem;
  width: 8rem;
  height: 3rem;
  background-color: #d81221;
  border-radius: 0.4rem;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_live .txt_wrap {
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_live .txt_wrap .time {
  margin-bottom: 0.6rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #ff5025;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_live .txt_wrap .tit {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 4rem);
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_live .txt_wrap .store {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-top: 2rem;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_live .txt_wrap .store .profile {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  background-color: #777777;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_live .txt_wrap .store .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_live .txt_wrap .store .store_name {
  font-size: 1.6rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_live .txt_wrap .desc {
  margin-top: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_alarm {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 3.4rem;
  height: 3.4rem;
  background: #292929 url(/static/images/sub/live/ic_alram.svg) no-repeat center;
  border-radius: 50%;
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list li .btn_alarm.active {
  background-image: url(/static/images/sub/live/ic_alram_active.svg);
}
#wrap .container.live#liveSchedule .visual .live_schedule_wrap .live_schedule_list .no_live {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  padding-top: 5rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
}
#wrap .container.live#liveScheduleDetail {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap {
  margin-top: calc(var(--vh));
  margin-bottom: -1.2rem;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .sticky_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: calc(var(--sat) + 7.8rem);
  left: 1.6rem;
  transition: all 0.3s;
  width: calc(100% - 3.2rem);
  height: 7rem;
  padding: 0 1.4rem;
  background-color: rgba(27, 27, 27, 0.75);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border-radius: 1rem;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .sticky_box.active {
  /*position: fixed;*/
  position: sticky;
  width: 100%;
  top: calc(var(--sat) + 5.6rem);
  left: 0;
  padding: 0 1.6rem 0 2rem;
  box-shadow: 0 1.1rem 3rem 0 rgba(0, 0, 0, 0.23);
  border-radius: 0;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .sticky_box .txt_wrap .day_wrap {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  margin-bottom: 0.4rem;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .sticky_box .txt_wrap .day_wrap .live {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.1rem;
  height: 1.6rem;
  background-color: #fff;
  border-radius: 2rem;
  font-size: 1rem;
  font-weight: 600;
  color: #121212;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .sticky_box .txt_wrap .day_wrap .live.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .sticky_box .txt_wrap .day_wrap .d_day {
  font-size: 2rem;
  font-weight: 700;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .sticky_box .txt_wrap .date_time {
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .sticky_box .btn_alarm {
  display: block;
  width: 4rem;
  height: 4rem;
  background: rgba(255, 255, 255, 0.12) url(/static/images/sub/live/ic_alram.svg) no-repeat center;
  border-radius: 50%;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .sticky_box .btn_alarm.active {
  background-image: url(/static/images/sub/live/ic_alram_active.svg);
}
/*#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .img_wrap img {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  object-fit: cover;*/
/*}*/
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .img_wrap {
  padding-bottom: 120%;
  background-image: url(/static/images/sub/mypage/ic_photo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-color: rgba(243, 243, 243, 0.2);
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .store_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.08);
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .store_wrap .store_info {
  display: flex;
  gap: 0.6rem;
  align-items: center;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .store_wrap .store_info .profile {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-image: url(/static/images/sub/mypage/profile_default.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .store_wrap .store_info .store_txt .name {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .store_wrap .store_info .store_txt .follow_num {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .store_wrap .store_info .store_txt .follow_num .num {
  color: #fff;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .store_wrap .btn_follow {
  display: flex;
  justify-content: center;
  align-items: center;
  /*width: 7rem;*/
  padding: 0 1rem;
  gap: 0.6rem;
  height: 3.4rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .store_wrap .btn_follow.active {
  background-color: #2c2c2c;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .store_wrap .btn_follow::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/common/ic_person_plus.svg) no-repeat center/cover;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .store_wrap .btn_follow.active::before {
  background: url(/static/images/common/ic_person_minus.svg) no-repeat center/cover;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .live_info_box {
  width: calc(100% - 3.2rem);
  margin: 1.6rem 1.6rem 2rem;
  padding: 3.5rem 1.6rem;
  background-color: #202020;
  border-radius: 1rem;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .live_info_box .time_wrap {
  margin-bottom: 2.4rem;
  padding-bottom: 2.4rem;
  border-bottom: 0.1rem solid #303030;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .live_info_box .time_wrap .live {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.3rem;
  height: 2.3rem;
  margin: 0 auto 1.2rem;
  background-color: #FF2B00;
  border-radius: 2rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .live_info_box .time_wrap .time {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-size: 2rem;
  font-weight: 700;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .live_info_box .time_wrap .time::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #FF2B00;
  border-radius: 50%;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .live_info_box .txt_wrap .info_box {
  display: flex;
  gap: 0.6rem;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: 3rem;
  margin: 0 auto 1.2rem;
  padding: 0 1.2rem;
  background-color: #464646;
  border-radius: 0.9rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .live_info_box .txt_wrap .info_box::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/live/ic_live_tv.svg) no-repeat center/cover;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .live_info_box .txt_wrap .desc {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.1rem;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list {
  padding: 3rem 1.6rem;
  background-color: #181818;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .no_goods_list {
  display: none;
  padding: calc(var(--vh) * 10) 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .no_goods_list.active {
  display: block;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list h3 {
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 700;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .list_inner li ~ li {
  margin-top: 1.2rem;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .list_inner li .btn_product {
  display: flex;
  gap: 1.7rem;
  align-items: center;
  padding: 1rem;
  background-color: #232323;
  border-radius: 1.3rem;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .list_inner li .btn_product .product_img {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 14.5rem;
  height: 14.5rem;
  border-radius: 1rem;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .list_inner li .btn_product .product_img img {
  width: 100%;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .list_inner li .btn_product .product_info {
  display: flex;
  flex-direction: column;
  height: 12.5rem;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .list_inner li .btn_product .product_info .to_be {
  margin-bottom: 0.8rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .list_inner li .btn_product .product_info .product_tit {
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .list_inner li .btn_product .product_info .remaining_item {
  margin-top: auto;
  margin-bottom: 1.2rem;
  opacity: 0.6;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .list_inner li .btn_product .product_info .price_wrap {
  display: flex;
  gap: 0.9rem;
  /*margin-top: auto;*/
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .list_inner li .btn_product .product_info .price_wrap .discount {
  display: none;
  justify-content: center;
  align-items: center;
  height: 1.8rem;
  padding: 0 0.4rem;
  background-color: #e94a15;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .list_inner li .btn_product .product_info .price_wrap .discount.active {
  display: flex;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .list_inner li .btn_product .product_info .price_wrap .price {
  /*font-size: 1.6rem;*/
  /*font-weight: 600;*/
  /*color: #ff5429;*/
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #ff5429;
}
#wrap .container.live#liveScheduleDetail .visual .schedule_detail_wrap .product_list .list_inner li .btn_product .product_info .price_wrap .price .original_price {
  font-size: 1.1rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .bottom_sheet .sheet_content .product_list li .btn_product .txt_wrap .remaining_item {
  opacity: 0.6;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.live#liveScheduleDetail .visual .btn_top {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  /*position: fixed;*/
  position: absolute;
  right: 1.6rem;
  bottom: 2rem;
  display: block;
  width: 5rem;
  height: 5rem;
  background: rgba(255, 255, 255, 0.32) url(/static/images/sub/live/ic_arrow_top.svg) no-repeat center;
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(2.4rem);
  border-radius: 50%;
}
#wrap .container.live#liveScheduleDetail .visual .btn_top.show {
  opacity: 1;
  visibility: visible;
}
#wrap .container.live#liveCategory {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
}
#wrap .container.live#liveCategory .visual .tab_contetns {
  display: flex;
  min-height: calc(var(--vh) * 100 - 10rem);
  border-top: 0.1rem solid #181818;
}
#wrap .container.live#liveCategory .visual .tab_contetns .tab_btn_wrap {
  flex-shrink: 0;
  width: 12rem;
  background-color: #1c1c1c;
}
#wrap .container.live#liveCategory .visual .tab_contetns .tab_btn_wrap .btn_tab {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.live#liveCategory .visual .tab_contetns .tab_btn_wrap .btn_tab.active {
  background-color: #000;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.live#liveCategory .visual .tab_contetns .tab_content {
  flex: 1;
  display: none;
}
#wrap .container.live#liveCategory .visual .tab_contetns .tab_content.active {
  display: block;
}
#wrap .container.live#liveCategory .visual .tab_contetns .tab_content .category_list li {
  width: 100%;
}
#wrap .container.live#liveCategory .visual .tab_contetns .tab_content .category_list li .btn_category {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 6rem;
  padding: 0 3rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.live#liveCategory .visual .tab_contetns .tab_content .category_list li .btn_category::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/live/ic_arrow_category.svg) no-repeat center/cover;
}
#wrap .container.live#liveCategoryDetail {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
  padding-bottom: 6rem;
}
#wrap .container.live#liveCategoryDetail .visual .live_list {
  padding: 2rem 1.6rem;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li ~ li {
  margin-top: 7rem;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link {
  overflow: hidden;
  display: block;
  position: relative;
  border-radius: 2rem;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link::after {
  opacity: 0.9;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(37, 37, 37, 0) 0%, #252525 100%);
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .thumbnail {
  display: block;
  height: 0;
  padding-bottom: 143.4%;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .thumbnail img {
  width: 100%;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .store_name {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 1;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .store_name .profile {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.4rem;
  height: 4.4rem;
  border: 0.2rem solid #FF2B00;
  border-radius: 50%;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .store_name .profile img {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .store_name .store_info {
  display: flex;
  gap: 0.6rem;
  flex-direction: column;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .store_name .store_info .live {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.3rem;
  height: 1.4rem;
  background-color: #FF2B00;
  border-radius: 2rem;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .store_name .store_info .name {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .txt_wrap {
  position: absolute;
  left: 1.6rem;
  bottom: 4.6rem;
  z-index: 1;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .txt_wrap .view_box {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  width: max-content;
  height: 2.6rem;
  margin-bottom: 1.2rem;
  padding: 0 1rem 0 0.7rem;
  background-color: #FF2B00;
  backdrop-filter: blur(1rem);
  border-radius: 2rem;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .txt_wrap .view_box .live {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 3.7rem;
  height: 1.6rem;
  background-color: #fff;
  border-radius: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #FF2B00;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .txt_wrap .view_box .live::after {
  opacity: 0.33;
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  right: -0.9rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #fff;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .txt_wrap .view_box .view {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .txt_wrap .view_box .view::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/static/images/sub/live/ic_view_person.svg) no-repeat center/cover;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .live_link .txt_wrap .tit {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: calc(100% - 2.1rem);
  text-overflow: ellipsis;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 3.4rem;
  color: #fff;
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .btn_live_prodcut {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
  margin-top: 1.4rem;
  text-align: left;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .btn_live_prodcut .product {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  position: relative;
  width: 6rem;
  height: 6rem;
  border-radius: 0.9rem;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .btn_live_prodcut .product img {
  width: 100%;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .btn_live_prodcut .product .num {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  background-color: #ff5100;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .btn_live_prodcut .product_info {
  display: flex;
  gap: 0.4rem;
  flex-direction: column;
  width: calc(100% - 7rem);
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .btn_live_prodcut .product_info .product_name {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.live#liveCategoryDetail .visual .live_list li .btn_live_prodcut .product_info .product_price {
  font-size: 1.2rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.cart#cartList .visual {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.cart#cartList .visual .checkbox_wrap {
  padding-top: 2rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .checkbox_all {
  display: flex;
  justify-content: space-between;
  padding: 0 1.6rem 1.2rem;
  border-bottom: 0.1rem solid #181818;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .checkbox_all input[type=checkbox] {
  display: none;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .checkbox_all input[type=checkbox]:checked ~ label::before {
  background: #ff582f url(/static/images/common/ic_checkbox_active.svg) no-repeat center;
  border: none;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .checkbox_all label {
  display: flex;
  gap: 0.7rem;
  padding-top: 0.7rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .checkbox_all label .total_num {
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.cart#cartList .visual .checkbox_wrap .checkbox_all label::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #7a7a7a;
  border-radius: 0.4rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .checkbox_all .btn_check_delete {
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap {
  padding: 2rem 1.6rem 3rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box {
  background-color: #202020;
  border-radius: 1rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box ~ .product_box {
  position: relative;
  margin-top: 4rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box ~ .product_box::before {
  content: "";
  display: block;
  position: absolute;
  top: -2rem;
  left: -1.6rem;
  width: calc(100% + 3.2rem);
  height: 0.1rem;
  background-color: #181818;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .store_name {
  padding: 1.5rem 1.6rem;
  border-bottom: 0.1rem solid #2a2a2a;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .delivery_box {
  position: relative;
  display: flex;
  gap: 0.8rem;
  padding: 1rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .delivery_box .delivery_price {
  display: flex;
  gap: 0.7rem;
  justify-content: center;
  align-items: center;
  height: 4rem;
  width: 100%;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner {
  position: relative;
  display: flex;
  gap: 0.8rem;
  padding: 1.6rem 1rem 2rem 1.4rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner.soldout::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.36);
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner.soldout::after {
  content: "Sold out";
  display: block;
  position: absolute;
  top: 17%;
  left: 5rem;
  transform: translateY(-50%);
  z-index: 2;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner ~ .product_inner {
  border-top: 0.1rem solid #343434;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .checkbox_group input[type=checkbox]:checked ~ label::before {
  background: #ff582f url(/static/images/common/ic_checkbox_active.svg) no-repeat center;
  border: none;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .checkbox_group label::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #7a7a7a;
  border-radius: 0.4rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info {
  flex: 1;
  display: flex;
  gap: 1.6rem;
  flex-direction: column;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .product_detail {
  display: flex;
  gap: 1.2rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .product_detail .img_wrap {
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  width: 7rem;
  height: 7rem;
  border-radius: 1rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .product_detail .img_wrap .live_product {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.3rem;
  left: 0.5rem;
  width: 6rem;
  height: 1.6rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .product_detail .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .product_detail .detail_wrap {
  flex: 1;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .product_detail .detail_wrap .tit {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .product_detail .detail_wrap .detail {
  font-size: 1.2rem;
  font-weight: 300;
  color: #fff;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .product_detail .btn_close {
  flex-shrink: 0;
  z-index: 3;
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  margin-left: auto;
  background: url(/static/images/sub/shopping/ic_close.svg) no-repeat center/cover;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .price_box {
  margin-bottom: 0.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .price_box .price_list {
  padding: 1.4rem;
  border-bottom: 0.1rem solid #373737;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .price_box .price_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .price_box .price_list li ~ li {
  margin-top: 0.8rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .price_box .price_list li .sort {
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .price_box .price_list li .price {
  font-size: 1.4rem;
  color: #fff;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .price_box .price_list li .product_price {
  display: flex;
  gap: 0.6rem;
  align-items: center;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .price_box .price_list li .product_price .original_price {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .price_box .total_price_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.6rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .price_box .total_price_wrap .sort {
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .price_box .total_price_wrap .total_price {
  font-size: 1.6rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .num_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .num_box .sort {
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .num_box .num_setting {
  display: flex;
  gap: 1.4rem;
  align-items: center;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .num_box .num_setting button {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 0.4rem;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .num_box .num_setting button.btn_minus {
  background: #3f3f3f url(/static/images/sub/shopping/ic_minus.svg) no-repeat center;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .num_box .num_setting button.btn_plus {
  background: #3f3f3f url(/static/images/sub/shopping/ic_plus.svg) no-repeat center;
}
#wrap .container.cart#cartList .visual .checkbox_wrap .prodcut_box_wrap .product_box .product_inner .product_info .num_box .num_setting .num {
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#cartList .visual .total_payment_info {
  padding-bottom: 10rem;
}
#wrap .container.cart#cartList .visual .total_payment_info li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.cart#cartList .visual .total_payment_info li ~ li {
  margin-top: 1.6rem;
}
#wrap .container.cart#cartList .visual .total_payment_info li .sort {
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#cartList .visual .total_payment_info li.total {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.cart#cartList .visual .total_payment_info li.total .price {
  font-size: 1.8rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.cart#cartList .visual .btn_wrap {
  position: fixed;
  /*position: absolute;*/
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.8rem 1.6rem 2.4rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.3rem);
  border-top: 0.1rem solid #191919;
}
#wrap .container.cart#cartList .visual .btn_wrap .btn_payment {
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#cartList .visual .btn_wrap .btn_payment strong {
  font-size: 1.8rem;
  font-weight: 700;
}
#wrap .container.cart#order {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
  padding-bottom: 10rem;
}
#wrap .container.cart#order .visual .delivery_address_wrap {
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.8rem;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_info h3 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_info h3 .btn_delivery_info {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/shopping/ic_question.svg) no-repeat center/cover;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_info .btn_change {
  display: none;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_info .btn_change.active {
  display: block;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_info .btn_add {
  display: none;
  width: 7.7rem;
  height: 3rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_info .btn_add.active {
  display: block;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_box {
  margin-bottom: 1.2rem;
  padding: 2rem;
  background-color: #232323;
  border-radius: 1rem;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_box .no_deliverylist {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_box .location {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_box .location .location_name {
  display: flex;
  gap: 0.3rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_box .location .location_name.home::before {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  background: url(/static/images/sub/shopping/ic_home.svg) no-repeat center/cover;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_box .location .basic_delivery {
  display: none;
  justify-content: center;
  align-items: center;
  height: 1.6rem;
  padding: 0 0.4rem;
  border: 0.1rem solid #ff582f;
  border-radius: 0.4rem;
  font-size: 1rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_box .location .basic_delivery.active {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.6rem;
  padding: 0 0.4rem;
  border: 0.1rem solid #ff582f;
  border-radius: 0.4rem;
  font-size: 1rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_box .user_info {
  display: flex;
  gap: 2rem;
  align-items: center;
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_box .user_info .user_name {
  position: relative;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_box .user_info .user_name::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -1rem;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #3d3d3d;
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_box .address {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: rgba(255, 255, 255, 0.7);
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
}
#wrap .container.cart#order .visual .delivery_address_wrap .delivery_request {
  display: block;
  width: 100%;
  height: 5.4rem;
  padding: 1.8rem;
  background: transparent url(/static/images/sub/shopping/ic_arrow_select.svg) no-repeat right 1.8rem center;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item {
  /*position: relative;*/
  /*width: 100%;*/
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .btn_select {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  padding: 0 1.8rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .btn_select .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .btn_select::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: transparent url(/static/images/sub/shopping/ic_arrow_select.svg) no-repeat center/cover;
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .option_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .option_wrap .option_list {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: max-height 0.3s ease-out;
  width: 100%;
  max-height: 0;
  padding: 3rem 1.6rem 4rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border: 0.1rem solid rgba(57, 57, 57, 0.55);
  border-radius: 2rem 2rem 0 0;
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .option_wrap .option_list .btn_option {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .option_wrap .option_list .btn_option ~ .btn_option {
  margin-top: 2.8rem;
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .option_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .option_wrap.active .option_list {
  max-height: 50rem;
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .textarea_box {
  display: none;
  /*overflow: hidden;*/
  /*height: 19.2rem;*/
  /*background-color: #1b1b1b;*/
  /*border-radius: 1rem;*/
  margin-top: 1rem;
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .textarea_box input {
  width: 100%;
  height: 4.8rem;
  padding: 0 1.4rem;
  border: 0.1rem solid #2a2a2a;
  border-radius: 1rem;
  font-size: 1.4rem;
  color: #fff;
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .textarea_box.active {
  display: block;
}

#wrap .container.cart#order .visual .delivery_address_wrap .select_item .textarea_box textarea {
  display: block;
  width: 100%;
  height: 16rem;
  padding: 2rem;
  background-color: #1b1b1b;
  border: none;
  font-family: "Pretendard", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .textarea_box textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .textarea_box .txt_num {
  display: flex;
  gap: 0.4rem;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
  font-size: 1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.cart#order .visual .delivery_address_wrap .select_item .textarea_box .txt_num p {
  transform: translateY(-0.1rem);
}
#wrap .container.cart#order .visual .product_info_wrap {
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item {
  background-color: #202020;
  border-radius: 1rem;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .btn_accordion {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  width: 100%;
  height: 5.2rem;
  padding: 0 1.6rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .btn_accordion .goods_num {
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .btn_accordion::after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  margin-left: auto;
  background: url(/static/images/sub/shopping/ic_arrow_accordion.svg) no-repeat center/cover;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .btn_accordion.active::after {
  transform: rotate(180deg);
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content {
  display: none;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content.active {
  display: block;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info {
  padding: 1.4rem 1.6rem 2rem;
  border-top: 0.1rem solid #2a2a2a;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .store_name {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail {
  display: flex;
  gap: 1.2rem;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail ~ .product_detail {
  margin-top: 2rem;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  width: 8.7rem;
  height: 8.7rem;
  border-radius: 1rem;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .img_wrap .live_product {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.3rem;
  left: 1.2rem;
  width: 6.3rem;
  height: 1.6rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .txt_wrap .tit {
  margin-bottom: 0.4rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
  color: #fff;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail .detail_option {
  position: relative;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail .detail_option::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #3d3d3d;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail .detail_num {
  position: relative;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail .detail_num::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #3d3d3d;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail .price {
  font-size: 1.2rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail .original_price {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .txt_wrap .price_wrap {
  display: flex;
  gap: 0.6rem;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .txt_wrap .price_wrap .price {
  font-size: 1.4rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .product_detail .txt_wrap .price_wrap .original_price {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .delivery_price {
  display: flex;
  gap: 0.7rem;
  justify-content: center;
  align-items: center;
  height: 4rem;
  width: 100%;
  margin-top: 2rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#order .visual .product_info_wrap .accordion_item .accordion_content .product_info .delivery_price .price {
  font-weight: 400;
  color: #fff;
}
#wrap .container.cart#order .visual .discount_wrap {
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.cart#order .visual .discount_wrap h3 {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#order .visual .discount_wrap .btn_coupon {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  height: 5.4rem;
  padding: 0 1.6rem;
  border: 0.1rem solid #2a2a2a;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
}
#wrap .container.cart#order .visual .discount_wrap .btn_coupon .use_coupon {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-left: auto;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#order .visual .discount_wrap .btn_coupon .use_coupon .num {
  color: #ff582f;
}
#wrap .container.cart#order .visual .discount_wrap .btn_coupon::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/shopping/ic_arrow_right.svg) no-repeat center/cover;
}
#wrap .container.cart#order .visual .payment_method {
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.cart#order .visual .payment_method h3 {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group ~ .radio_group {
  margin-top: 1.6rem;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group input[type=radio] {
  display: none;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group input[type=radio]:checked ~ label::before {
  border: 0.4rem solid #ff582f;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group input[type=radio]:checked ~ .hidden_box {
  display: block;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group label {
  display: flex;
  gap: 1.3rem;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group label::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.1rem solid #7a7a7a;
  border-radius: 50%;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group label.kakaopay {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group label.kakaopay::before {
  order: 1;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group label.kakaopay::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 3.6rem;
  height: 1.4rem;
  margin-right: -0.8rem;
  background: url(/static/images/sub/shopping/logo_kakaopay.png) no-repeat center/cover;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group label.naverpay {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group label.naverpay::before {
  order: 1;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group label.naverpay::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 3.7rem;
  height: 1.4rem;
  margin-right: -0.8rem;
  background: url(/static/images/sub/shopping/logo_naverpay.png) no-repeat center/cover;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group label.payco {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group label.payco::before {
  order: 1;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group label.payco::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 5.2rem;
  height: 1.2rem;
  margin-right: -0.8rem;
  background: url(/static/images/sub/shopping/logo_payco.png) no-repeat center/cover;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group .hidden_box {
  display: none;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group .hidden_box .select_item {
  /*position: relative;*/
  /*width: 100%;*/
  margin-top: 1.4rem;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group .hidden_box .select_item ~ .select_item {
  margin-top: 1rem;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group .hidden_box .select_item .btn_select {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  padding: 0 1.8rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group .hidden_box .select_item .btn_select .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group .hidden_box .select_item .btn_select::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: transparent url(/static/images/sub/shopping/ic_arrow_select.svg) no-repeat center/cover;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group .hidden_box .select_item .option_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group .hidden_box .select_item .option_wrap .option_list {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: max-height 0.3s ease-out;
  width: 100%;
  max-height: 0;
  padding: 3rem 1.6rem 4rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border: 0.1rem solid rgba(57, 57, 57, 0.55);
  border-radius: 2rem 2rem 0 0;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group .hidden_box .select_item .option_wrap .option_list .btn_option {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group .hidden_box .select_item .option_wrap .option_list .btn_option ~ .btn_option {
  margin-top: 2.8rem;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group .hidden_box .select_item .option_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#wrap .container.cart#order .visual .payment_method .radio_wrap .radio_group .hidden_box .select_item .option_wrap.active .option_list {
  max-height: 50rem;
}
#wrap .container.cart#order .visual .payment_method .payment_info_box {
  display: flex;
  gap: 0.8rem;
  margin-top: 1.8rem;
  padding: 1.4rem 1.6rem;
  background-color: #202020;
  border-radius: 1rem;
  font-size: 1.2rem;
  line-height: 1.9rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#order .visual .payment_method .payment_info_box::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin-top: 0.3rem;
  background: url(/static/images/sub/shopping/ic_info.svg) no-repeat center/cover;
}
#wrap .container.cart#order .visual .order_info {
  padding-top: 2rem;
}
#wrap .container.cart#order .visual .order_info h3 {
  margin-bottom: 2.4rem;
  padding: 0 1.6rem;
  font-size: 1.8rem;
  font-weight: 600;
}
#wrap .container.cart#order .visual .order_info .user_order_info {
  padding: 0 1.6rem 2rem;
}
#wrap .container.cart#order .visual .order_info .user_order_info li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.cart#order .visual .order_info .user_order_info li ~ li {
  margin-top: 1.2rem;
}
#wrap .container.cart#order .visual .order_info .user_order_info li .sort {
  color: #c0c0c0;
}
#wrap .container.cart#order .visual .order_info .payment_box {
  padding: 2rem 0 2.4rem;
  background-color: #1b1b1b;
}
#wrap .container.cart#order .visual .order_info .payment_box li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.cart#order .visual .order_info .payment_box li ~ li {
  margin-top: 1.6rem;
}
#wrap .container.cart#order .visual .order_info .payment_box li .sort {
  color: #c0c0c0;
}
#wrap .container.cart#order .visual .order_info .payment_box li.total {
  padding-top: 1.6rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.08);
}
#wrap .container.cart#order .visual .order_info .payment_box li.total .price {
  font-size: 1.8rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.cart#order .visual .btn_wrap {
  position: fixed;
  /*position: absolute;*/
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.8rem 1.6rem 2.4rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.3rem);
  border-top: 0.1rem solid #191919;
}
#wrap .container.cart#order .visual .btn_wrap .btn_payment {
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.cart#order .visual .btn_wrap .btn_payment.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.cart#order .visual .btn_wrap .btn_payment strong {
  font-size: 1.8rem;
  font-weight: 700;
}
#wrap .container.cart#order .modal_coupon {
  display: none;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: #000;
}
#wrap .container.cart#order .modal_coupon.active {
  display: block;
}
#wrap .container.cart#order .modal_coupon .modal_header {
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 1.8rem 1.6rem 1.8rem;
}
#wrap .container.cart#order .modal_coupon .modal_header .modal_tit {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0.4rem;
  font-size: 1.6rem;
  color: #fff;
}
#wrap .container.cart#order .modal_coupon .modal_header .btn_close {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/common/ic_close_18.svg) no-repeat center/cover;
}
#wrap .container.cart#order .modal_coupon .modal_content {
  overflow-y: auto;
  height: calc(100% - 15rem);
  padding: 2rem 1.6rem;
}
#wrap .container.cart#order .modal_coupon .modal_content .radio_group ~ .radio_group {
  margin-top: 1.6rem;
}
#wrap .container.cart#order .modal_coupon .modal_content .radio_group input[type=radio] {
  display: none;
}
#wrap .container.cart#order .modal_coupon .modal_content .radio_group input[type=radio]:checked ~ label::before {
  background: #ff582f url(/static/images/common/ic_checkbox_active.svg) no-repeat center;
  border: none;
}
#wrap .container.cart#order .modal_coupon .modal_content .radio_group label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 19.4rem;
  background-color: #202020;
  border-radius: 1rem;
}
#wrap .container.cart#order .modal_coupon .modal_content .radio_group label .txt {
  font-size: 1.8rem;
  font-weight: 500;
  color: #737373;
}
#wrap .container.cart#order .modal_coupon .modal_content .radio_group label::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 2.2rem;
  height: 2.2rem;
  border: 0.1rem solid #7a7a7a;
  border-radius: 50%;
}
#wrap .container.cart#order .modal_coupon .btn_wrap {
  /*position: fixed;*/
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.8rem 1.6rem 2.4rem;
}
#wrap .container.cart#order .modal_coupon .btn_wrap .btn_use_coupon {
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#order .modal_coupon .btn_wrap .btn_use_coupon strong {
  font-size: 1.8rem;
  font-weight: 700;
}
#wrap .container.cart#order .modal_delivery_address {
  display: none;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: #000;
}
#wrap .container.cart#order .modal_delivery_address.active {
  display: block;
}
#wrap .container.cart#order .modal_delivery_address .modal_header {
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
  padding-top: calc(var(--sat) + 1.8rem);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  padding-bottom: 1.8rem;
}
#wrap .container.cart#order .modal_delivery_address .modal_header .modal_tit {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0.4rem;
  font-size: 1.6rem;
  color: #fff;
}
#wrap .container.cart#order .modal_delivery_address .modal_header .btn_close {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/common/ic_close_18.svg) no-repeat center/cover;
}
#wrap .container.cart#order .modal_delivery_address .modal_content {
  overflow-y: auto;
  height: calc(100% - 15rem);
  padding: 2rem 1.6rem;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group {
  position: relative;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group ~ .radio_group {
  margin-top: 2rem;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group input[type=radio] {
  display: none;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group input[type=radio]:checked ~ label {
  background-color: #272727;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group input[type=radio]:checked ~ label::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.4rem;
  right: 1.4rem;
  width: 2.8rem;
  height: 2.8rem;
  background: url(/static/images/sub/shopping/ic_check_delivery.svg) no-repeat center/cover;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group input[type=radio]:checked ~ label .location,
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group input[type=radio]:checked ~ label .user_info,
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group input[type=radio]:checked ~ label .address {
  opacity: 1;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group label {
  display: block;
  position: relative;
  width: 100%;
  /*min-height: 19.4rem;*/
  padding: 2rem 2rem;
  background-color: #1a1a1a;
  border-radius: 1rem;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group label .location {
  opacity: 0.5;
  display: flex;
  gap: 0.7rem;
  align-items: center;
  margin-bottom: 1.2rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group label .location .basic_delivery {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.6rem;
  padding: 0 0.4rem;
  border: 0.1rem solid #ff582f;
  border-radius: 0.4rem;
  font-size: 1rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group label .user_info {
  opacity: 0.5;
  display: flex;
  gap: 1.8rem;
  align-items: center;
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group label .user_info .user_name {
  position: relative;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group label .user_info .user_name::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.1rem;
  right: -0.8rem;
  width: 0.1rem;
  height: 1.4rem;
  background-color: #3d3d3d;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group label .address {
  opacity: 0.7;
  display: block;
  padding-right: 1rem;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #fff;
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group .delivery_btn_wrap {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  position: absolute;
  left: 2rem;
  bottom: 2rem;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group .delivery_btn_wrap button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 2.6rem;
  background-color: #383838;
  border-radius: 5.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.cart#order .modal_delivery_address .modal_content .radio_group .delivery_btn_wrap button.btn_delete {
  color: #f63b3b;
}
#wrap .container.cart#order .modal_delivery_address .btn_wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.8rem 1.6rem 2.4rem;
}
#wrap .container.cart#order .modal_delivery_address .btn_wrap .btn_select_delivery {
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  /*background-color: #2e2e2e;*/
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#order .bottom_wrap .modal-dim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.cart#order .bottom_wrap .modal-dim.active {
  display: block;
}
#wrap .container.cart#order .bottom_wrap .bottom_sheet {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /*position: fixed;*/
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  max-height: 49.2rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  border: 0.1rem solid #2a2a2a;
  border-radius: 2rem 2rem 0 0;
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  transition: height 0.3s ease-out;
}
#wrap .container.cart#order .bottom_wrap .bottom_sheet .handle_bar {
  cursor: grab;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2rem;
  padding: 0.8rem;
}
#wrap .container.cart#order .bottom_wrap .bottom_sheet .handle_bar .handle {
  width: 4.3rem;
  height: 0.4rem;
  background: #888888;
  border-radius: 3rem;
}
#wrap .container.cart#order .bottom_wrap .bottom_sheet .sheet_content {
  overflow: hidden;
  flex: 1;
}
#wrap .container.cart#order .bottom_wrap .bottom_sheet .sheet_content .title {
  padding: 1rem 0 2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
#wrap .container.cart#order .bottom_wrap .bottom_sheet.active {
  overflow: visible;
}
#wrap .container.cart#order .bottom_wrap .bottom_sheet#deliveryInfoBottomSheet .sheet_content {
  display: flex;
  flex-direction: column;
}
#wrap .container.cart#order .bottom_wrap .bottom_sheet#deliveryInfoBottomSheet .sheet_content .notice_list_box {
  overflow-y: auto;
  padding: 0 0.9rem;
}
#wrap .container.cart#order .bottom_wrap .bottom_sheet#deliveryInfoBottomSheet .sheet_content .notice_list_box .notice_tit {
  padding: 2rem 0.7rem 1rem;
  font-size: 1.6rem;
  font-weight: 700;
}
#wrap .container.cart#order .bottom_wrap .bottom_sheet#deliveryInfoBottomSheet .sheet_content .notice_list_box .notice_list {
  margin-bottom: 2rem;
  padding-left: 2rem;
}
#wrap .container.cart#order .bottom_wrap .bottom_sheet#deliveryInfoBottomSheet .sheet_content .notice_list_box .notice_list li {
  position: relative;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#order .bottom_wrap .bottom_sheet#deliveryInfoBottomSheet .sheet_content .notice_list_box .notice_list li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -1rem;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.2rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
}
#wrap .container.cart#orderComplete {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
  padding-bottom: 8.8rem;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap {
  padding: 0 1.6rem;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .complete_img_wrap {
  padding: 3.5rem 0;
  text-align: center;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .complete_img_wrap .complete_txt {
  display: flex;
  gap: 1.2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 2.2rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .complete_img_wrap .complete_txt::before {
  content: "";
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  background: url(/static/images/sub/shopping/ic_complete.svg) no-repeat center/cover;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .complete_img_wrap img {
  width: calc(100% - 4.3rem);
  margin: 1.4rem auto 0;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .delivery_box {
  margin-top: -7.6rem;
  background-color: #232323;
  border-radius: 1rem;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .delivery_box .tit {
  padding: 1.6rem;
  border-bottom: 0.1rem solid #2a2a2a;
  font-size: 1.6rem;
  font-weight: 700;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .delivery_box .user_info {
  display: flex;
  gap: 2rem;
  align-items: center;
  padding: 1.6rem 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .delivery_box .user_info .user_name {
  position: relative;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .delivery_box .user_info .user_name::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -1rem;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #3d3d3d;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .delivery_box .address {
  padding: 0 2rem 1.6rem;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: rgba(255, 255, 255, 0.7);
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .price_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5.1rem;
  padding: 0 1.6rem;
  margin-top: 1.4rem;
  background-color: #232323;
  border-radius: 1rem;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .price_box .tit {
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .price_box .price {
  display: flex;
  gap: 0.2rem;
  padding-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .price_box .price .price_num {
  margin-top: -0.4rem;
  font-size: 2rem;
  font-weight: 700;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box {
  margin-top: 1.4rem;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item {
  background-color: #202020;
  border-radius: 1rem;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .btn_accordion {
  display: flex;
  align-items: center;
  width: 100%;
  height: 5.2rem;
  padding: 0 1.6rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .btn_accordion .product_name {
  display: flex;
  margin-left: auto;
  margin-right: 1.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .btn_accordion .product_name .product {
  display: block;
  width: 14.2rem;
  margin-right: -0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .btn_accordion .product_name .etc_num {
  display: none;
  font-weight: 700;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .btn_accordion .product_name .etc_num.active {
  display: block;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .btn_accordion .product_name .etc_num .etc {
  font-weight: 400;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .btn_accordion::after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  background: url(/static/images/sub/shopping/ic_arrow_accordion.svg) no-repeat center/cover;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .btn_accordion.active::after {
  transform: rotate(180deg);
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content {
  display: none;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content.active {
  display: block;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info {
  padding: 1.4rem 1.6rem 2rem;
  border-top: 0.1rem solid #2a2a2a;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .store_name {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail {
  display: flex;
  gap: 1.2rem;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail ~ .product_detail {
  margin-top: 2rem;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  width: 8.7rem;
  height: 8.7rem;
  border-radius: 1rem;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .img_wrap .live_product {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.3rem;
  left: 0.9rem;
  width: 7rem;
  height: 1.6rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .txt_wrap .tit {
  margin: 0.8rem 0 0.4rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
  color: #fff;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail .detail_option {
  position: relative;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail .detail_option::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #3d3d3d;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail .detail_num {
  position: relative;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail .detail_num::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #3d3d3d;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail .price {
  font-size: 1.2rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .txt_wrap .detail .original_price {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .txt_wrap .price_wrap {
  display: flex;
  gap: 0.6rem;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .txt_wrap .price_wrap .price {
  font-size: 1.4rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .product_detail .txt_wrap .price_wrap .original_price {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .delivery_price {
  display: flex;
  gap: 0.7rem;
  justify-content: center;
  align-items: center;
  height: 4rem;
  width: 100%;
  margin-top: 2rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.cart#orderComplete .visual .complet_detail_wrap .product_info_box .accordion_item .accordion_content .product_info .delivery_price .price {
  font-weight: 400;
  color: #fff;
}
#wrap .container.cart#orderComplete .visual .btn_wrap {
  display: flex;
  gap: 1.1rem;
  align-items: center;
  /*position: fixed;*/
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.6rem 1.6rem 2.4rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.7rem);
}
#wrap .container.cart#orderComplete .visual .btn_wrap button {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.cart#orderComplete .visual .btn_wrap button.btn_continue {
  background-color: #FF2B00;
}
#wrap .container.cart#orderFailure {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
  padding-bottom: 8.8rem;
}
#wrap .container.cart#orderFailure .visual .failure_detail_wrap {
  padding: 10rem 1.6rem 0;
}
#wrap .container.cart#orderFailure .visual .failure_detail_wrap .failure_img_wrap {
  padding: 8.5rem 0;
  text-align: center;
}
#wrap .container.cart#orderFailure .visual .failure_detail_wrap .failure_img_wrap .failure_txt {
  display: flex;
  gap: 1.2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 4.2rem;
  font-weight: 700;
  color: #FF2B00;
}
#wrap .container.cart#orderFailure .visual .failure_detail_wrap .failure_img_wrap .failure_txt::before {
  content: "";
  display: block;
  width: 18.8rem;
  height: 18.8rem;
  background: url(/static/images/sub/mypage/ic_error.svg) no-repeat center/cover;
}
#wrap .container.cart#orderFailure .visual .failure_detail_wrap .failure_img_wrap img {
  width: calc(100% - 4.3rem);
  margin: 1.4rem auto 0;
}
#wrap .container.cart#orderFailure .visual .btn_wrap {
  display: flex;
  gap: 1.1rem;
  align-items: center;
  /*position: fixed;*/
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.6rem 1.6rem 2.4rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.7rem);
}
#wrap .container.cart#orderFailure .visual .btn_wrap button {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.error#checking {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.error#checking .visual .checking_detail_wrap {
  padding: 10rem 1.6rem 0;
}
#wrap .container.error#checking .visual .checking_detail_wrap .checking_img_wrap {
  padding-top: 15rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#wrap .container.error#checking .visual .checking_detail_wrap .checking_img_wrap::before {
  content: "";
  display: block;
  width: 35.8rem;
  height: 5.8rem;
  background: url(/static/images/common/logo.svg) no-repeat center/cover;
}
#wrap .container.error#checking .visual .checking_detail_wrap .checking_img_wrap .txt_info {
  padding-top: 5rem;
  font-size: 4.8rem;
  font-weight: 700;
  color: #a72c32;
}
#wrap .container.error#checking .visual .checking_detail_wrap .checking_img_wrap .txt_desc {
  padding-top: 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #7299a7;
}
#wrap .container.mypage#mypage .visual {
  overflow-y: auto;
  height: calc(var(--vh) * 100 - 8rem);
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap {
  padding: 0 1.6rem 3rem;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .btn_profile {
  display: flex;
  gap: 1.3rem;
  align-items: center;
  width: 100%;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .btn_profile .profile {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 5.2rem;
  height: 5.2rem;
  background-image: url(/static/images/sub/mypage/profile_default.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .btn_profile .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .btn_profile .user_info .name {
  display: block;
  margin-bottom: 0.7rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .btn_profile .user_info .email {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .btn_profile::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin-left: auto;
  background: url(/static/images/sub/mypage/ic_arrow_profile.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .btn_profile.no_arrow::after {
  content: none;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .activity_list_box {
  display: flex;
  align-items: center;
  height: 10rem;
  margin: 2rem 0 3rem;
  background-color: #1c1c1c;
  border-radius: 1rem;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .activity_list_box li {
  flex: 1;
  position: relative;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .activity_list_box li ~ li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 0.1rem;
  height: 5.7rem;
  background-color: rgba(255, 255, 255, 0.05);
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .activity_list_box li a {
  display: flex;
  gap: 0.4rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .activity_list_box li a .ic_wrap {
  display: block;
  position: relative;
  width: 2.6rem;
  height: 2.6rem;
  margin-bottom: 0.2rem;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .activity_list_box li a .ic_wrap.new::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ff582f;
  border-radius: 50%;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .activity_list_box li a .txt {
  font-size: 1.2rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .activity_list_box li a .num {
  font-size: 1.2rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .activity_list_box li a.btn_order .ic_wrap {
  background: url(/static/images/sub/mypage/ic_activity_order.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .activity_list_box li a.btn_following .ic_wrap {
  background: url(/static/images/sub/mypage/ic_activity_following.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .activity_list_box li a.btn_heart .ic_wrap {
  background: url(/static/images/sub/mypage/ic_activity_heart.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .activity_list_box li a.btn_review .ic_wrap {
  background: url(/static/images/sub/mypage/ic_activity_review.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .shopping_list h3,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .support_list h3,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .service_list h3 {
  margin-bottom: 1.8rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .shopping_list ul li ~ li,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .support_list ul li ~ li,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .service_list ul li ~ li {
  margin-top: 2.8rem;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .shopping_list ul li a,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .support_list ul li a,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .service_list ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .shopping_list ul li a .txt,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .support_list ul li a .txt,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .service_list ul li a .txt {
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .shopping_list ul li a .txt.new::after,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .support_list ul li a .txt.new::after,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .service_list ul li a .txt.new::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.3rem;
  right: -1rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ff582f;
  border-radius: 50%;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .shopping_list ul li a .num,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .support_list ul li a .num,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .service_list ul li a .num {
  display: flex;
  align-items: center;
  height: 1.8rem;
  padding: 0 0.8rem;
  margin-left: auto;
  margin-right: 0.4rem;
  background-color: #ff582f;
  border-radius: 4rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .shopping_list ul li a::after,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .support_list ul li a::after,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .service_list ul li a::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_arrow_profile.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .shopping_list ul li a.no_arrow::after,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .support_list ul li a.no_arrow::after,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .service_list ul li a.no_arrow::after {
  content: none;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .support_list,
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .service_list {
  margin-top: 4rem;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .service_list .app_version_info {
  display: none;
}
#wrap .container.mypage#mypage .visual .mypage_detail_wrap .service_list .app_version_info.active {
  display: block;
}
#wrap .container.mypage#mypageSetting {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#mypageSetting .visual .link_wrap {
  padding: 3rem 2rem;
}
#wrap .container.mypage#mypageSetting .visual .link_wrap h3 {
  margin-bottom: 1.8rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(153, 153, 153, 0.6);
}
#wrap .container.mypage#mypageSetting .visual .link_wrap h3 ~ h3 {
  margin-top: 4rem;
}
#wrap .container.mypage#mypageSetting .visual .link_wrap .link_list li ~ li {
  margin-top: 2.8rem;
}
#wrap .container.mypage#mypageSetting .visual .link_wrap .link_list li a {
  display: flex;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  justify-content: space-between;
  align-items: center;
}
#wrap .container.mypage#mypageSetting .visual .link_wrap .link_list li a span {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
#wrap .container.mypage#mypageSetting .visual .link_wrap .link_list li a span.txt {
  color: #ff582f;
  gap: 0.3rem;
  font-size: 1.3rem;
}
#wrap .container.mypage#mypageSetting .visual .link_wrap .link_list li a .arrow_right::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/static/images/sub/mypage/ic_arrow_orange.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypageSetting .visual .link_wrap .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .container.mypage#mypageSetting .visual .link_wrap .checkbox_group input[type=checkbox]:checked ~ label::before {
  background-color: #ff582f;
}
#wrap .container.mypage#mypageSetting .visual .link_wrap .checkbox_group input[type=checkbox]:checked ~ label::after {
  right: 0.2rem;
}
#wrap .container.mypage#mypageSetting .visual .link_wrap .checkbox_group label {
  display: flex;
  position: relative;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageSetting .visual .link_wrap .checkbox_group label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 3.6rem;
  height: 2.2rem;
  background-color: #565656;
  border-radius: 4rem;
  transition: all 0.3s;
}
#wrap .container.mypage#mypageSetting .visual .link_wrap .checkbox_group label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: 1.5rem;
  width: 1.8rem;
  height: 1.8rem;
  background-color: #fdfdfd;
  border-radius: 50%;
  transition: all 0.3s;
}
#wrap .container.mypage#mypageProfile {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#mypageProfile .visual .profile_wrap {
  padding: 2rem 1.6rem;
}
#wrap .container.mypage#mypageProfile .visual .profile_wrap .btn_profile {
  display: block;
  position: relative;
  width: 8.6rem;
  height: 8.6rem;
  margin: 0 auto 4.6rem;
  background-image: url(/static/images/sub/mypage/profile_default.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.mypage#mypageProfile .visual .profile_wrap .btn_profile::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3rem;
  height: 3rem;
  background: #5a5a5a url(/static/images/sub/mypage/ic_camera.svg) no-repeat center;
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  border: 0.3rem solid #0d0d0d;
  border-radius: 50%;
}
#wrap .container.mypage#mypageProfile .visual .profile_wrap .btn_profile img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#wrap .container.mypage#mypageProfile .visual .profile_wrap .input_group {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageProfile .visual .profile_wrap .input_group label {
  width: 100%;
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypageProfile .visual .profile_wrap .input_group input {
  width: calc(100% - 8.2rem);
  height: 3.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageProfile .visual .profile_wrap .input_group .btn_duplication {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.2rem;
  height: 3.4rem;
  background-color: #2e2e2e;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #5c5c5c;
}
#wrap .container.mypage#mypageProfile .visual .profile_wrap .input_group .btn_duplication.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#mypageProfile .visual .profile_wrap .error_txt {
  display: none;
  gap: 0.4rem;
  align-items: center;
  margin-top: 1rem;
  font-size: 1.2rem;
  color: #ff322f;
}
#wrap .container.mypage#mypageProfile .visual .profile_wrap .error_txt.active {
  display: flex;
}
#wrap .container.mypage#mypageProfile .visual .profile_wrap .error_txt::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_error.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypageProfile .visual .btn_wrap {
  position: fixed;
  /*position: absolute;*/
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.2rem 1.6rem 2.4rem;
}
#wrap .container.mypage#mypageProfile .visual .btn_wrap .btn_save {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.mypage#mypageProfile .visual .btn_wrap .btn_save.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#mypageProfile .visual .btn_wrap .btn_save.active:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
#wrap .container.mypage#mypageMemberInfo {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap {
  display: none;
  opacity: 0;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap.mainView {
  display: block;
  opacity: 1;
  padding-bottom: 10rem;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap.enter {
  display: block;
  animation: slideIn 0.4s ease forwards;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap.exit {
  display: block;
  animation: slideOut 0.4s ease forwards;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap.enterR {
  display: block;
  animation: slideInR 0.4s ease forwards;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .info_list {
  padding: 0 1.6rem;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .info_list .info_item {
  margin-top: 3rem;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .info_list .info_item ~ .info_item {
  margin-top: 4rem;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .info_list .info_item .sort {
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(153, 153, 153, 0.6);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .info_list .info_item .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .info_list .info_item .info .info_txt {
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .info_list .info_item .info .btn_arrow {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  background: url(/static/images/sub/mypage/ic_arrow_profile.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .agree_list {
  padding: 4rem 1.6rem;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .agree_list .tit {
  margin-bottom: 1.4rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(153, 153, 153, 0.6);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .agree_list .list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .agree_list .list li ~ li {
  margin-top: 2.8rem;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .agree_list .list li .sort {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .agree_list .list li input[type=checkbox] {
  display: none;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .agree_list .list li input[type=checkbox]:checked ~ label {
  background-color: #ff582f;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .agree_list .list li input[type=checkbox]:checked ~ label::before {
  left: 1.6rem;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .agree_list .list li label {
  overflow: hidden;
  display: block;
  position: relative;
  width: 3.6rem;
  height: 2.2rem;
  background-color: #565656;
  border-radius: 4rem;
  transition: all 0.3s;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .agree_list .list li label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  width: 1.8rem;
  height: 1.8rem;
  background-color: #fdfdfd;
  border-radius: 50%;
  transition: all 0.3s;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .secession {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 3rem 1.6rem 4rem;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .secession::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 1.6rem;
  width: calc(100% - 3.2rem);
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .secession .tit {
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .secession .btn_secession {
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap {
  overflow-y: auto;
  height: calc(var(--vh) * 100 - 6rem);
  padding: 3rem 1.6rem;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap h3 {
  margin-bottom: 4.8rem;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 3.7rem;
  color: #fff;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .input_group {
  display: flex;
  gap: 1.2rem;
  flex-wrap: wrap;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .input_group ~ .input_group {
  margin-top: 10.6rem;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .input_group label {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .input_group input {
  width: calc(100% - 8.4rem);
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .input_group input::placeholder {
  color: #5c5c5c;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .input_group .btn_verify {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.2rem;
  height: 3.4rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .input_group .btn_verify.complete {
  background-color: #2e2e2e;
  color: #5c5c5c;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .input_group.email_code {
  position: relative;
  align-items: center;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .input_group.email_code input {
  width: calc(100% - 13.6rem);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .input_group.email_code .time {
  font-size: 1.4rem;
  color: #ff582f;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .input_group.email_code .btn_resend {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.6rem;
  height: 3.4rem;
  background-color: #363636;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .input_group.email_code .btn_resend.active {
  background-color: #FF2B00;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .complete_txt {
  margin-top: 1rem;
  display: none;
  gap: 0.4rem;
  font-size: 1.2rem;
  color: #ff582f;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .complete_txt.active {
  display: flex;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .complete_txt::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_check_complete.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .error_txt {
  display: none;
  gap: 0.4rem;
  align-items: center;
  margin-top: 1rem;
  font-size: 1.2rem;
  color: #ff322f;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .error_txt.active {
  display: flex;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .error_txt::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_error.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .error_txt.complete {
  color: #2f90ff;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .email_wrap .error_txt.complete::before {
  background-image: url(/static/images/sub/mypage/ic_error_complete.svg);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .phone_wrap .input_group {
  display: flex;
  gap: 1.2rem;
  flex-wrap: wrap;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .phone_wrap .input_group label {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .phone_wrap .input_group input {
  flex: 1;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .phone_wrap .input_group input::placeholder {
  color: #5c5c5c;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .gender_wrap .tit {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .gender_wrap .radio_group ~ .radio_group {
  margin-top: 2.2rem;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .gender_wrap .radio_group input[type=radio] {
  display: none;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .gender_wrap .radio_group input[type=radio]:checked ~ label::before {
  border: 0.4rem solid #ff582f;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .gender_wrap .radio_group label {
  display: flex;
  gap: 1.1rem;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .gender_wrap .radio_group label::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.1rem solid #7a7a7a;
  border-radius: 50%;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .birth_wrap .input_group {
  display: flex;
  gap: 1.2rem;
  flex-wrap: wrap;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .birth_wrap .input_group label {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .birth_wrap .input_group input {
  flex: 1;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .change_wrap .birth_wrap .input_group input::placeholder {
  color: #5c5c5c;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .btn_wrap {
  /*position: fixed;*/
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.2rem 1.6rem 2.4rem;
  background-color: #000;
}
#wrap .container.mypage#mypageMemberInfo .visual .btn_wrap {
  position: fixed;
  /*position: absolute;*/
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.8rem 1.6rem 2.4rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.3rem);
  border-top: 0.1rem solid #191919;
}
#wrap .container.mypage#mypageMemberInfo .visual .btn_wrap .btn_certification{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.mypage#mypageMemberInfo .visual .btn_wrap .btn_certification.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .btn_wrap .btn_save {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .btn_wrap .btn_save.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#mypageMemberInfo .visual .detail_wrap .btn_wrap .btn_save.active:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
#wrap .container.mypage#managementLogin {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#managementLogin .visual .management_wrap {
  padding: 3rem 1.6rem;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .tit {
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap {
  background-color: #181818;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group ~ .checkbox_group {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group input[type=checkbox]#kakaoLogin ~ label .logo {
  background: url(/static/images/sub/mypage/logo_kakao.svg) no-repeat center/cover;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group input[type=checkbox]#facebookLogin ~ label .logo {
  background: url(/static/images/sub/mypage/logo_facebook.svg) no-repeat center/cover;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group input[type=checkbox]#naverLogin ~ label .logo {
  background: url(/static/images/sub/mypage/logo_naver.svg) no-repeat center/cover;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group input[type=checkbox]#appleLogin ~ label .logo {
  background: url(/static/images/sub/mypage/logo_apple.svg) no-repeat center/cover;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group input[type=checkbox]:checked ~ label::before {
  background-color: #ff582f;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group input[type=checkbox]:checked ~ label::after {
  right: 2.3rem;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group input[type=checkbox]:checked#kakaoLogin ~ label .logo {
  background: url(/static/images/sub/mypage/logo_kakao_active.svg) no-repeat center/cover;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group input[type=checkbox]:checked#facebookLogin ~ label .logo {
  background: url(/static/images/sub/mypage/logo_facebook_active.svg) no-repeat center/cover;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group input[type=checkbox]:checked#naverLogin ~ label .logo {
  background: url(/static/images/sub/mypage/logo_naver_active.svg) no-repeat center/cover;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group input[type=checkbox]:checked#appleLogin ~ label .logo {
  background: url(/static/images/sub/mypage/logo_apple_active.svg) no-repeat center/cover;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group label {
  overflow: hidden;
  display: flex;
  gap: 0.9rem;
  align-items: center;
  position: relative;
  padding: 1.6rem 2rem 1.6rem 1.6rem;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group label .logo {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group label .txt {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 3rem;
  color: #fff;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group label::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.6rem;
  right: 2rem;
  width: 5rem;
  height: 3rem;
  background-color: #565656;
  border-radius: 4rem;
  transition: all 0.3s;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .checkbox_wrap .checkbox_group label::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.9rem;
  right: 4.3rem;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #fdfdfd;
  border-radius: 50%;
  transition: all 0.3s;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .input_group {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 4.4rem;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .input_group label {
  display: block;
  width: 100%;
  margin-bottom: 0.7rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#managementLogin .visual .management_wrap .input_group input {
  flex: 1;
  height: 4.8rem;
  padding: 0 1.4rem;
  border: 0.1rem solid #2a2a2a;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .input_group .btn_change {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9.1rem;
  height: 4.8rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .input_group.verify_box {
  margin-top: 1.8rem;
  padding-bottom: 0;
  border-bottom: none;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .input_group.verify_box input {
  width: calc(100% - 13.2rem);
  margin-bottom: 1.2rem;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .input_group.verify_box .time {
  flex-shrink: 0;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  color: #ff582f;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .input_group.verify_box .btn_resend {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.6rem;
  height: 3.4rem;
  margin-bottom: 1.2rem;
  background-color: #363636;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .input_group.verify_box .btn_full_verify {
  display: none;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 4.8rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#managementLogin .visual .management_wrap .input_group.verify_box .btn_full_verify::before {
  content: "";
  display: block;
  position: absolute;
  top: -1.3rem;
  left: 0;
  width: 100%;
  height: 0.1rem;
}
#wrap .container.mypage#managementBlock {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#managementBlock .visual .management_wrap {
  padding: 2rem 1.6rem;
}
#wrap .container.mypage#managementBlock .visual .management_wrap .no_blocklist {
  display: none;
  padding-top: calc(var(--vh) * 32);
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
#wrap .container.mypage#managementBlock .visual .management_wrap .no_blocklist.active {
  display: block;
}
#wrap .container.mypage#managementBlock .visual .management_wrap .block_list {
  display: none;
}
#wrap .container.mypage#managementBlock .visual .management_wrap .block_list.active {
  display: block;
}
#wrap .container.mypage#managementBlock .visual .management_wrap .block_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wrap .container.mypage#managementBlock .visual .management_wrap .block_list li ~ li {
  margin-top: 2rem;
}
#wrap .container.mypage#managementBlock .visual .management_wrap .block_list li .store {
  display: flex;
  gap: 1.2rem;
  align-items: center;
}
#wrap .container.mypage#managementBlock .visual .management_wrap .block_list li .store .profile {
  overflow: hidden;
  flex-shrink: 0;
  width: 4.2rem;
  height: 4.2rem;
  /*background-color: pink;*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.mypage#managementBlock .visual .management_wrap .block_list li .store .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.mypage#managementBlock .visual .management_wrap .block_list li .store .store_name {
  font-size: 1.6rem;
  font-weight: 500;
}
#wrap .container.mypage#managementBlock .visual .management_wrap .block_list li .btn_unblock {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.7rem;
  height: 3.5rem;
  /*background-color: #2c2c2c;*/
  background-color: #FF2B00;
  border-radius: 5.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#managementAlarm .visual{
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#managementAlarm .visual .management_wrap {
  /*position: relative;*/
  /*height: calc(var(--vh) * 100 - 7rem);*/
  padding: 2.5rem 1.6rem 5rem;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .alarm_list {
  display: none;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .alarm_list.active {
  display: block;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .app_system_status {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2rem;
  /*border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);*/
  border-bottom: 0.2rem solid rgba(255, 255, 255, 0.1);
  margin-bottom: 2rem;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .app_system_status .txt_wrap .tit {
  margin-bottom: 0.9rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .app_system_status .txt_wrap .desc {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .app_system_status .checkbox_group label.checked {
  background-color: #ff582f;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .app_system_status .checkbox_group label.checked::before {
  left: 2.3rem;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .app_system_status .checkbox_group label {
  overflow: hidden;
  display: block;
  position: relative;
  width: 5rem;
  height: 3rem;
  background-color: #565656;
  border-radius: 4rem;
  transition: all 0.3s;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .app_system_status .checkbox_group label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #fdfdfd;
  border-radius: 50%;
  transition: all 0.3s;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .alarm_list li {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .alarm_list li ~ li {
  margin-top: 2.8rem;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .alarm_list li .txt_wrap .tit {
  margin-bottom: 0.9rem;
  font-size: 1.6rem;
  font-weight: 600;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .alarm_list li .txt_wrap .desc {
  font-size: 1.2rem;
  font-weight: 500;
  color: #5c5c5c;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .alarm_list li .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .alarm_list li .checkbox_group input[type=checkbox]:checked ~ label {
  background-color: #ff582f;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .alarm_list li .checkbox_group input[type=checkbox]:checked ~ label::before {
  left: 2.3rem;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .alarm_list li .checkbox_group label {
  overflow: hidden;
  display: block;
  position: relative;
  width: 5rem;
  height: 3rem;
  background-color: #565656;
  border-radius: 4rem;
  transition: all 0.3s;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .alarm_list li .checkbox_group label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #fdfdfd;
  border-radius: 50%;
  transition: all 0.3s;
}
#wrap .container.mypage#managementAlarm .visual .management_wrap .alarm_info_box {
  position: absolute;
  left: 1.6rem;
  bottom: 2.4rem;
  width: calc(100% - 3.2rem);
  padding: 1.6rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
  font-size: 1.1rem;
  line-height: 1.9rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.mypage#withdrawMembership .visual {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#withdrawMembership .visual .tab_withdraw_wrap {
  padding-bottom: 7.3rem;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap {
  padding: 3rem 1.6rem;
  display: none;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap.first {
  display: block;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap.active {
  display: block;
  animation: slideIn 0.4s ease forwards;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap h3 {
  margin-bottom: 4.8rem;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 3.7rem;
  color: #fff;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .info_wrap .list_tit {
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .info_wrap .withdraw_list {
  background-color: #1b1b1b;
  border-radius: 1rem;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .info_wrap .withdraw_list li {
  display: flex;
  gap: 1.1rem;
  padding: 1.8rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.3rem;
  color: #fff;
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .info_wrap .withdraw_list li::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin-top: 0.4rem;
  background: url(/static/images/sub/mypage/ic_check_info.svg) no-repeat center/cover;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .info_wrap .withdraw_list li ~ li {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .email_wrap .input_group {
  display: flex;
  gap: 1.2rem;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .email_wrap .input_group ~ .input_group {
  margin-top: 3.6rem;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .email_wrap .input_group label {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .email_wrap .input_group input {
  width: calc(100% - 10.6rem);
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .email_wrap .input_group input::placeholder {
  color: #5c5c5c;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .email_wrap .input_group .btn_verify {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9.4rem;
  height: 3.4rem;
  background-color: #2e2e2e;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #5c5c5c;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .email_wrap .input_group .btn_verify.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .email_wrap .input_group .btn_verify.active:active {
    background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
    transform: translateY(1px);
}
/*###########################################*/
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .input_group.verify_box {
  display: none;
  margin-top: 1.8rem;
  padding-bottom: 0;
  border-bottom: none;
  justify-content: space-between;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .input_group.verify_box.active {
  display: flex;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .input_group.verify_box input {
  width: calc(100% - 13.2rem);
  margin-bottom: 1.2rem;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .input_group.verify_box .time {
  flex-shrink: 0;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  color: #ff582f;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .input_group.verify_box .btn_resend {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.6rem;
  height: 3.4rem;
  margin-bottom: 1.2rem;
  background-color: #363636;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .input_group.verify_box .btn_full_verify {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 4.8rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .input_group.verify_box .btn_full_verify:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .error_txt {
  display: none;
  gap: 0.4rem;
  align-items: center;
  margin-top: 1rem;
  font-size: 1.2rem;
  color: #ff322f;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .error_txt.active {
  display: flex;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .error_txt::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_error.svg) no-repeat center/cover;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .error_txt.complete {
  color: #2f90ff;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .error_txt.complete::before {
  background-image: url(/static/images/sub/mypage/ic_error_complete.svg);
}
/*###########################################*/
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .radio_wrap .radio_group ~ .radio_group {
  margin-top: 0.8rem;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .radio_wrap .radio_group input[type=radio] {
  display: none;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .radio_wrap .radio_group input[type=radio]:checked ~ label {
  border-color: #ff582f;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .radio_wrap .radio_group input[type=radio]:checked ~ label::before {
  border: 0.4rem solid #ff582f;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .radio_wrap .radio_group input[type=radio]:checked ~ .hidden_box {
  display: block;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .radio_wrap .radio_group label {
  display: flex;
  gap: 1.1rem;
  align-items: center;
  width: 100%;
  padding: 1.8rem 1.6rem;
  border: 0.1rem solid #2a2a2a;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .radio_wrap .radio_group label::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.1rem solid #7a7a7a;
  border-radius: 50%;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .radio_wrap .radio_group .hidden_box {
  display: none;
  margin-top: 2.2rem;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .radio_wrap .radio_group .hidden_box textarea {
  display: block;
  width: 100%;
  height: 12rem;
  padding: 2rem;
  background-color: #1b1b1b;
  border: none;
  border-radius: 1rem;
  font-family: "Pretendard", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#withdrawMembership .visual .withdraw_wrap .radio_wrap .radio_group .hidden_box textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.mypage#withdrawMembership .visual .btn_wrap {
  position: fixed;
  /*position: absolute;*/
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.2rem 1.6rem 2.4rem;
  background-color: #000;
}
#wrap .container.mypage#withdrawMembership .visual .btn_wrap .btn_withdraw {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.mypage#withdrawMembership .visual .btn_wrap .btn_withdraw.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#withdrawMembership .visual .btn_wrap .btn_withdraw.active:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
#wrap .container.mypage#orderList {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
  padding-bottom: 4rem;
}
#wrap .container.mypage#orderList .visual .order_wrap {
  padding: 1rem 1.6rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .search_group {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
  height: 4.2rem;
  margin-bottom: 1rem;
  padding: 0 1rem;
  background-color: #2c2c2c;
  border-radius: 0.8rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .search_group input {
  flex: 1;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#orderList .visual .order_wrap .search_group input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderList .visual .order_wrap .search_group .btn_search {
  flex-shrink: 0;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/sub/mypage/ic_search.svg) no-repeat center/cover;
}
#wrap .container.mypage#orderList .visual .order_wrap .filter_wrap {
  display: flex;
  gap: 0.7rem;
  align-items: center;
}
#wrap .container.mypage#orderList .visual .order_wrap .filter_wrap .btn_reset {
  display: none;
  width: 3.9rem;
  height: 3.9rem;
  background: url(/static/images/sub/mypage/ic_reset.svg) no-repeat center;
  border: 0.1rem solid #2a2a2a;
  border-radius: 50%;
}
#wrap .container.mypage#orderList .visual .order_wrap .filter_wrap .btn_reset.active {
  display: block;
}
#wrap .container.mypage#orderList .visual .order_wrap .filter_wrap .select_item .btn_select {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 3.9rem;
  padding: 0 1.6rem;
  border: 0.1rem solid #2a2a2a;
  border-radius: 5rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#orderList .visual .order_wrap .filter_wrap .select_item .btn_select::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_arrorw_down.svg) no-repeat center/cover;
}
#wrap .container.mypage#orderList .visual .order_wrap .filter_wrap .select_item .option_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.mypage#orderList .visual .order_wrap .filter_wrap .select_item .option_wrap .option_list {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: max-height 0.3s ease-out;
  width: 100%;
  max-height: 0;
  padding: 3rem 1.6rem 4rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border: 0.1rem solid rgba(57, 57, 57, 0.55);
  border-radius: 2rem 2rem 0 0;
}
#wrap .container.mypage#orderList .visual .order_wrap .filter_wrap .select_item .option_wrap .option_list .btn_option {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#wrap .container.mypage#orderList .visual .order_wrap .filter_wrap .select_item .option_wrap .option_list .btn_option ~ .btn_option {
  margin-top: 2.8rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .filter_wrap .select_item .option_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#wrap .container.mypage#orderList .visual .order_wrap .filter_wrap .select_item .option_wrap.active .option_list {
  max-height: 50rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .filter_wrap .select_item.complete .btn_select {
  background-color: #2e2e2e;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .no_order {
  display: none;
  padding-top: calc(var(--vh) * 28);
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .no_order.active {
  display: block;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box {
  margin-top: 3rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box ~ .date_box {
  margin-top: 3.5rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .date_detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .date_detail .date {
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .order_box .status_wrap .btn_order_detail {
  display: flex;
  gap: 0.3rem;
  justify-content: center;
  align-items: center;
  /*width: 6.8rem;*/
  padding: 0 0.8rem;
  height: 2.1rem;
  border: 0.1rem solid #ff582f;
  border-radius: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #ff582f;
  margin-left: auto;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .order_box .status_wrap .btn_order_detail::after {
  content: "";
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  background: url(/static/images/sub/mypage/ic_arrow_orange.svg) no-repeat center/cover;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box {
  background-color: #202020;
  border-radius: 1rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box ~ .order_box {
  margin-top: 1.2rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .status_wrap {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  padding: 1.6rem;
  border-bottom: 0.1rem solid #2a2a2a;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .status_wrap .status {
  font-size: 1.4rem;
  font-weight: 700;
  color: #ff3b3b;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .status_wrap .status_detail {
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product {
  display: none;
  gap: 1rem;
  /*align-items: center;*/
  align-items: start;
  padding: 1.6rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product:nth-of-type(2) {
  display: flex;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box.active .product {
  display: flex;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .goods_status {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  /*padding: 0 0.8rem;*/
  height: 2.1rem;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  background-color: #FF2B00;
  margin-left: auto;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 8.7rem;
  height: 8.7rem;
  border-radius: 1rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .txt_wrap .tit {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .txt_wrap .detail {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .txt_wrap .detail .detail_option {
  position: relative;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .txt_wrap .detail .detail_option::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #3d3d3d;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .txt_wrap .detail .detail_num {
  position: relative;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .txt_wrap .detail .detail_num::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #3d3d3d;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .txt_wrap .detail .price {
  font-size: 1.2rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .txt_wrap .detail .original_price {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .txt_wrap .price_wrap {
  display: flex;
  gap: 0.6rem;
  align-items: center;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .txt_wrap .price_wrap .price {
  font-size: 1.4rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .product .txt_wrap .price_wrap .original_price {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .order_btn_wrap {
  display: flex;
  gap: 1.1rem;
  align-items: center;
  padding: 0 1.6rem 1.6rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .order_btn_wrap .btn_review {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  border: 0.1rem solid #ff582f;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .order_btn_wrap .btn_confirm_purchase {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  background-color: #2e2e2e;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .btn_more {
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.8rem;
  /*margin-top: 1.6rem;*/
  border-top: 0.1rem solid #2f2f2f;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  border-radius: 0 0 0.8rem 0.8rem;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box .btn_more::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 0.6rem;
  background: url(/static/images/sub/mypage/ic_arrorw_down.svg) no-repeat center/cover;
}
#wrap .container.mypage#orderList .visual .order_wrap .date_order_list .date_box .order_box.active .btn_more::after {
  transform: rotate(180deg);
}
#wrap .container.mypage#orderDetail {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
  padding-bottom: 4rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap {
  padding: 2.4rem 1.6rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_code_box {
  position: relative;
  padding: 2rem;
  background-color: #202020;
  border-radius: 1rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_code_box::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2rem;
  left: -1.6rem;
  width: calc(100% + 3.2rem);
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_code_box li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_code_box li ~ li {
  margin-top: 1.2rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_code_box li.order_number {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product {
  margin-top: 4rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product h3 {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box {
  padding-bottom: 1.6rem;
  background-color: #202020;
  border-radius: 1rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box ~ .order_box {
  margin-top: 1.2rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .status_wrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 1.6rem;
  border-bottom: 0.1rem solid #2a2a2a;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .status_wrap .status {
  font-size: 1.4rem;
  font-weight: 700;
  color: #ff3b3b;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .status_wrap .status_detail {
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .store {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  padding: 1.4rem 1.6rem 0;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .store .profile {
  overflow: hidden;
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #515151;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .store .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .store .store_name {
  font-size: 1.2rem;
  font-weight: 600;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 1.2rem 1.6rem 1.6rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 8.7rem;
  height: 8.7rem;
  border-radius: 1rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product .txt_wrap .tit {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product .txt_wrap .detail {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product .txt_wrap .detail .detail_option {
  position: relative;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product .txt_wrap .detail .detail_option::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #3d3d3d;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product .txt_wrap .detail .detail_num {
  position: relative;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product .txt_wrap .detail .detail_num::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #3d3d3d;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product .txt_wrap .detail .price {
  font-size: 1.2rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product .txt_wrap .detail .original_price {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product .txt_wrap .price_wrap {
  display: flex;
  gap: 0.6rem;
  align-items: center;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product .txt_wrap .price_wrap .price {
  font-size: 1.4rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .product .txt_wrap .price_wrap .original_price {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .order_btn_wrap {
  display: none;
  gap: 1.1rem;
  align-items: center;
  padding: 0 1.6rem 1rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .order_btn_wrap.active {
  display: flex;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .order_btn_wrap .btn_red {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  border: 0.1rem solid #ff582f;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .order_btn_wrap .btn_normal {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  background-color: #2e2e2e;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .complete_btn_wrap {
  display: none;
  align-items: center;
  margin: 0 1.6rem;
  background-color: #2e2e2e;
  border: 0.1rem solid #3d3d3d;
  border-radius: 0.8rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .complete_btn_wrap.active {
  display: flex;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .complete_btn_wrap button {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .complete_btn_wrap button ~ button {
  position: relative;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .order_product .order_box .complete_btn_wrap button ~ button::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.5rem;
  left: 0;
  width: 0.1rem;
  height: 1.8rem;
  background-color: #3d3d3d;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box {
  margin-top: 3rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .btn_accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .btn_accordion::after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  background: url(/static/images/sub/mypage/ic_arrorw_down.svg) no-repeat center/cover;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .btn_accordion.active::after {
  transform: rotate(180deg);
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .accordion_item {
  display: none;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .accordion_item.active {
  display: block;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .accordion_item .info_detail_box {
  padding: 2rem 0 1.6rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .accordion_item .info_detail_box .detail_list ~ .detail_list {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .accordion_item .info_detail_box .detail_list li {
  display: none;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .accordion_item .info_detail_box .detail_list li.active {
  display: flex;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .accordion_item .info_detail_box .detail_list li ~ li {
  margin-top: 2rem;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .accordion_item .info_detail_box .detail_list li .detail {
  color: #fff;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .accordion_item .info_detail_box .detail_list li .detail.color_orange {
  color: #ff582f;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .accordion_item .info_detail_box .detail_list li .detail.has_opacity {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .accordion_item .info_detail_box .info_btn_wrap {
  margin-top: 1.6rem;
  padding: 1.6rem 1.6rem 0;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#orderDetail .visual .order_wrap .info_box .accordion_item .info_detail_box .info_btn_wrap .btn_receipt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  background-color: #2e2e2e;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#orderDetail .visual .order_wrap .payment_info_box {
  display: flex;
  gap: 0.6rem;
  margin-top: 2rem;
  padding: 1.2rem 1.6rem 1.6rem;
  background-color: #1a1a1a;
  border-radius: 1rem;
  font-size: 1.2rem;
  line-height: 1.9rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.mypage#orderDetail .visual .order_wrap .payment_info_box::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin-top: 0.4rem;
  background: url(/static/images/sub/mypage/ic_error.svg) no-repeat center/cover;
}
#wrap .container.mypage#orderReturn {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
  padding-bottom: 4rem;
}
#wrap .container.mypage#orderReturn .visual .order_wrap {
  padding: 2rem 1.6rem 7rem;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .product {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  position: relative;
  margin-bottom: 4rem;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .product::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2rem;
  left: -1.6rem;
  width: calc(100% + 3.2rem);
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#orderReturn .visual .order_wrap .product .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 0.8rem;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .product .img_wrap img {
  width: 100%;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .product .product_info .tit {
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .product .product_info .detail {
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderReturn .visual .order_wrap .product .product_info .count {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .select_item .btn_select {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  padding: 0 1.8rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .select_item .btn_select .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .select_item .btn_select::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: transparent url(/static/images/sub/shopping/ic_arrow_select.svg) no-repeat center/cover;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .select_item .option_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .select_item .option_wrap .option_list {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: max-height 0.3s ease-out;
  width: 100%;
  max-height: 0;
  padding: 3rem 1.6rem 4rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border: 0.1rem solid rgba(57, 57, 57, 0.55);
  border-radius: 2rem 2rem 0 0;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .select_item .option_wrap .option_list .btn_option {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .select_item .option_wrap .option_list .btn_option ~ .btn_option {
  margin-top: 2.8rem;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .select_item .option_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .select_item .option_wrap.active .option_list {
  max-height: 50rem;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .textarea_box {
  display: none;
  overflow: hidden;
  height: 19.2rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
  margin-top: 1rem;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .textarea_box input {
  width: 100%;
  height: 4.8rem;
  padding: 0 1.4rem;
  border: 0.1rem solid #2a2a2a;
  border-radius: 1rem;
  font-size: 1.4rem;
  color: #fff;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .textarea_box.active {
  display: block;
}

#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .textarea_box textarea {
  display: block;
  width: 100%;
  height: 16rem;
  padding: 2rem;
  background-color: #1b1b1b;
  border: none;
  font-family: "Pretendard", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .textarea_box textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .textarea_box .txt_num {
  display: flex;
  gap: 0.4rem;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
  font-size: 1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .textarea_box .txt_num p {
  transform: translateY(-0.1rem);
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .info {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 1.4rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .info::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(/static/images/sub/mypage/ic_info.svg) no-repeat center/cover;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .return_info_wrap {
  margin-top: 3.2rem;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .return_info_wrap .tit {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: 600;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .return_info_wrap .return_info_list {
  padding: 1.6rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .return_info_wrap .return_info_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .return_info_wrap .return_info_list li.pre {
  display: block;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .return_info_wrap .return_info_list li.pre .text {
  text-align: left;
  white-space: pre-line;
  padding: 0 1rem;
  line-height: 2rem;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .return_info_wrap .return_info_list li ~ li {
  margin-top: 1.6rem;
}
#wrap .container.mypage#orderReturn .visual .order_wrap .return_wrap .return_info_wrap .return_info_list li .sort {
  min-width: 8rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderReturn .visual .btn_wrap {
  /*position: fixed;*/
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.2rem 1.6rem 2.4rem;
  background-color: #000;
}
#wrap .container.mypage#orderReturn .visual .btn_wrap .btn_cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.mypage#orderReturn .visual .btn_wrap .btn_cancel.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#orderCancel {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
  padding-bottom: 4rem;
}
#wrap .container.mypage#orderCancel .visual .order_wrap {
  padding: 2rem 1.6rem 7rem;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .product {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  position: relative;
  margin-bottom: 4rem;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .product::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2rem;
  left: -1.6rem;
  width: calc(100% + 3.2rem);
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#orderCancel .visual .order_wrap .product .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 0.8rem;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .product .img_wrap img {
  width: 100%;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .product .product_info .tit {
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .product .product_info .detail {
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderCancel .visual .order_wrap .product .product_info .count {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .select_item .btn_select {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  padding: 0 1.8rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .select_item .btn_select .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .select_item .btn_select::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: transparent url(/static/images/sub/shopping/ic_arrow_select.svg) no-repeat center/cover;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .select_item .option_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .select_item .option_wrap .option_list {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: max-height 0.3s ease-out;
  width: 100%;
  max-height: 0;
  padding: 3rem 1.6rem 4rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border: 0.1rem solid rgba(57, 57, 57, 0.55);
  border-radius: 2rem 2rem 0 0;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .select_item .option_wrap .option_list .btn_option {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .select_item .option_wrap .option_list .btn_option ~ .btn_option {
  margin-top: 2.8rem;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .select_item .option_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .select_item .option_wrap.active .option_list {
  max-height: 50rem;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .textarea_box {
  display: none;
  overflow: hidden;
  height: 19.2rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
  margin-top: 1rem;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .textarea_box input {
  width: 100%;
  height: 4.8rem;
  padding: 0 1.4rem;
  border: 0.1rem solid #2a2a2a;
  border-radius: 1rem;
  font-size: 1.4rem;
  color: #fff;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .textarea_box.active {
  display: block;
}

#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .textarea_box textarea {
  display: block;
  width: 100%;
  height: 16rem;
  padding: 2rem;
  background-color: #1b1b1b;
  border: none;
  font-family: "Pretendard", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .textarea_box textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .textarea_box .txt_num {
  display: flex;
  gap: 0.4rem;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
  font-size: 1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .textarea_box .txt_num p {
  transform: translateY(-0.1rem);
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .info {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 1.4rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .info::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(/static/images/sub/mypage/ic_info.svg) no-repeat center/cover;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .return_price_wrap {
  margin-top: 3.2rem;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .return_price_wrap .tit {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: 600;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .return_price_wrap .return_price_list {
  padding: 1.6rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .return_price_wrap .return_price_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .return_price_wrap .return_price_list li ~ li {
  margin-top: 1.6rem;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .return_price_wrap .return_price_list li .sort {
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .return_price_wrap .return_price_list li.total .sort {
  color: #ff582f;
}
#wrap .container.mypage#orderCancel .visual .order_wrap .return_wrap .return_price_wrap .return_price_list li.total .price {
  font-size: 1.8rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.mypage#orderCancel .visual .btn_wrap {
  /*position: fixed;*/
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.2rem 1.6rem 2.4rem;
  background-color: #000;
}
#wrap .container.mypage#orderCancel .visual .btn_wrap .btn_cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.mypage#orderCancel .visual .btn_wrap .btn_cancel.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#orderTracking {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
  padding-bottom: 6rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .waybill {
  margin: 2rem 1.6rem 3.6rem;
  padding: 1.2rem 1rem 1rem 1.2rem;
  background-color: #262626;
  border-radius: 1.2rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .waybill .product {
  display: flex;
  gap: 0.9rem;
  align-items: center;
  margin-bottom: 1.6rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .waybill .product .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.5rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .waybill .product .img_wrap img {
  width: 100%;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .waybill .product .product_info .tit {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .waybill .product .product_info .detail {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .waybill .waybill_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4.7rem;
  padding: 0 1.6rem;
  background-color: #1e1e1e;
  border-radius: 1.2rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .waybill .waybill_box .waybill_num {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .waybill .waybill_box .waybill_num.active {
  color: #fff;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .waybill .waybill_box .btn_copy {
  display: none;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 2.2rem;
  background-color: #434343;
  border-radius: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .waybill .waybill_box .btn_copy.active {
  display: flex;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_progress_wrap {
  padding: 0 1.6rem 4rem;
  border-bottom: 0.1rem solid #1a1a1a;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_progress_wrap .status_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.4rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_progress_wrap .status_wrap .date_wrap {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  font-size: 2rem;
  font-weight: 600;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_progress_wrap .status_wrap .date_wrap .date {
  color: #ff582f;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_progress_wrap .status_wrap .status {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.8rem;
  height: 2.8rem;
  background-color: #353535;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #bbbbbb;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_progress_wrap .progress_bar_wrap {
  position: relative;
  padding-top: 5.2rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_progress_wrap .progress_bar_wrap .progress_status {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  position: absolute;
  top: 0;
  width: max-content;
  height: 4rem;
  padding: 0 1.5rem;
  background-color: #44190e;
  border-radius: 0.9rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_progress_wrap .progress_bar_wrap .progress_status::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/sub/mypage/ic_truck.svg) no-repeat center/cover;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_progress_wrap .progress_bar_wrap .progress_bar {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0.7rem;
  background-color: #34211c;
  border-radius: 1rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_progress_wrap .progress_bar_wrap .progress_bar .currenet_progress_bar {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 0.6rem;
  height: 100%;
  background: linear-gradient(-90deg, #ff441f 0%, #ffb5a4 100%);
  border-radius: 1rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_progress_wrap .progress_bar_wrap .progress_txt_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.2rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_progress_wrap .progress_bar_wrap .progress_txt_wrap .progress_txt.active {
  color: #ff582f;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_status_wrap {
  display: none;
  margin-top: 2rem;
  padding: 1.2rem 1rem 1rem 1.2rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_status_wrap.active {
  display: block;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_status_wrap .tit {
  padding: 0 1.6rem 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_status_wrap .delivery_status_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 7rem;
  padding: 0 2rem 0 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_status_wrap .delivery_status_box .detail_info .date {
  margin-bottom: 0.9rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_status_wrap .delivery_status_box {
  border-radius: 1rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_status_wrap .delivery_status_box.active {
  background-color: #1d1d1d;
  color: #fff;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_status_wrap .delivery_status_box.active .status {
  color: #ff582f;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_info_wrap {
  margin-top: 1rem;
  padding: 1.2rem 1rem 1rem 1.2rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_info_wrap .info_box {
  padding: 2.5rem 1.6rem;
  background-color: #1d1d1d;
  border-radius: 1rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_info_wrap .info_box .info_tit {
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_info_wrap .info_box .info_tit ~ .info_tit {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_info_wrap .info_box .info_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_info_wrap .info_box .info_list li ~ li {
  margin-top: 1.6rem;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_info_wrap .info_box .info_list li .detail {
  color: #fff;
}
#wrap .container.mypage#orderTracking .visual .delivery_wrap .delivery_info_wrap .info_box .info_list li .detail.has_opacity {
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.mypage#returnInfo {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#returnInfo .visual .return_wrap {
  padding-bottom: 8rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap {
  padding: 2.8rem 1.6rem 3rem;
  border-bottom: 0.1rem solid #1a1a1a;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap .status_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap .status_wrap .date_wrap {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  font-size: 2rem;
  font-weight: 600;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap .status_wrap .date_wrap .delivery_status {
  color: #ff582f;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap .status_wrap .status {
  display: none;
  justify-content: center;
  align-items: center;
  width: 5.8rem;
  height: 2.8rem;
  background-color: #353535;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #bbbbbb;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap .status_wrap .status.active {
  display: flex;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap .progress_bar_wrap {
  position: relative;
  padding-top: 5.2rem;
  margin-top: 3.4rem;
  display: none;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap .progress_bar_wrap.active {
  display: block;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap .progress_bar_wrap .progress_status {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  position: absolute;
  top: 0;
  width: max-content;
  height: 4rem;
  padding: 0 1.5rem;
  background-color: #44190e;
  border-radius: 0.9rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap .progress_bar_wrap .progress_status::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/sub/mypage/ic_truck.svg) no-repeat center/cover;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap .progress_bar_wrap .progress_bar {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0.7rem;
  background-color: #34211c;
  border-radius: 1rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap .progress_bar_wrap .progress_bar .currenet_progress_bar {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 0.6rem;
  height: 100%;
  background: linear-gradient(-90deg, #ff441f 0%, #ffb5a4 100%);
  border-radius: 1rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap .progress_bar_wrap .progress_txt_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.2rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_progress_wrap .progress_bar_wrap .progress_txt_wrap .progress_txt.complete {
  color: #ff582f;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product {
  /*margin-top: 4rem;*/
  padding: 0 1.6rem 2.4rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product h3 {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box {
  background-color: #202020;
  border-radius: 1rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box ~ .order_box {
  margin-top: 1.2rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .status_wrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 1.6rem;
  border-bottom: 0.1rem solid #2a2a2a;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .status_wrap .status {
  font-size: 1.4rem;
  font-weight: 700;
  color: #ff3b3b;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .status_wrap .status_detail {
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .store {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  padding: 1.4rem 1.6rem 0;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .store .profile {
  overflow: hidden;
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #515151;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .store .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .store .store_name {
  font-size: 1.2rem;
  font-weight: 600;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .product {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 1.2rem 1.6rem 1.6rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .product .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 8.7rem;
  height: 8.7rem;
  border-radius: 1rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .product .img_wrap img {
  width: 100%;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .product .txt_wrap .tit {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .product .txt_wrap .detail {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .product .txt_wrap .detail .detail_option {
  position: relative;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .product .txt_wrap .detail .detail_option::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #3d3d3d;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .product .txt_wrap .price_wrap {
  display: flex;
  gap: 0.6rem;
  align-items: center;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .product .txt_wrap .price_wrap .price {
  font-size: 1.4rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .order_box .product .txt_wrap .price_wrap .original_price {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .return_box {
  margin-top: 1rem;
  padding: 2rem;
  background-color: #202020;
  border-radius: 1rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .return_box .return_option {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  margin-bottom: 1.4rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .return_box .return_option .return_tit {
  position: relative;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .return_box .return_option .return_result {
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .order_product .return_box .detail_return {
  font-size: 1.4rem;
  line-height: 2.1rem;
  font-weight: 600;
  /*color: rgba(255, 255, 255, 0.8);*/
  white-space: pre-line;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap {
  margin-top: 2.5rem;
  padding: 0 1.6rem 2.4rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .select_item .btn_select {
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .select_item .btn_select .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .select_item .btn_select::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: transparent url(/static/images/sub/shopping/ic_arrow_select.svg) no-repeat center/cover;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .select_item .option_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .select_item .option_wrap .option_list {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: max-height 0.3s ease-out;
  width: 100%;
  max-height: 0;
  padding: 3rem 1.6rem 4rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border: 0.1rem solid rgba(57, 57, 57, 0.55);
  border-radius: 2rem 2rem 0 0;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .select_item .option_wrap .option_list .btn_option {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .select_item .option_wrap .option_list .btn_option ~ .btn_option {
  margin-top: 2.8rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .select_item .option_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .select_item .option_wrap.active .option_list {
  max-height: 50rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .info_tit {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: 600;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .info_box ~ .info_box {
  margin-top: 2rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .info_list {
  padding: 1.6rem;
  background-color: #1d1d1d;
  border-radius: 1rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .info_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .info_list li.pre {
  display: block;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .info_list li.pre .text {
  text-align: left;
  white-space: pre-line;
  padding: 0 1rem;
  line-height: 2rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .info_list li ~ li {
  margin-top: 1.6rem;
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .info_list li .sort {
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#returnInfo .visual .return_wrap .delivery_info_wrap .info_list li input {
  text-align: right;
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.mypage#returnInfo .visual .btn_wrap {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.2rem 1.6rem 2.4rem;
  background-color: #000;
}
#wrap .container.mypage#returnInfo .visual .btn_wrap.active {
  display: block;
}
#wrap .container.mypage#returnInfo .visual .btn_wrap .btn_cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  /*color: #676767;*/
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#cancelInfo {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_status_wrap {
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid #1a1a1a;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_status_wrap .status_wrap .date_wrap {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 600;
  justify-content: space-between;
  align-items: center;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_status_wrap .status_wrap .date_wrap .date {
  color: #ff582f;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_status_wrap .status_wrap .status {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.8rem;
  height: 2.8rem;
  background-color: #353535;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #bbbbbb;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product {
  margin-top: 2rem;
  padding: 0 1.6rem 2.4rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product h3 {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box {
  background-color: #202020;
  border-radius: 1rem;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box ~ .order_box {
  margin-top: 1.2rem;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .status_wrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 1.6rem;
  border-bottom: 0.1rem solid #2a2a2a;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .status_wrap .status {
  font-size: 1.4rem;
  font-weight: 700;
  color: #ff3b3b;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .status_wrap .status_detail {
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .store {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  padding: 1.4rem 1.6rem 0;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .store .profile {
  overflow: hidden;
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #515151;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .store .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .store .store_name {
  font-size: 1.2rem;
  font-weight: 600;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .product {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 1.2rem 1.6rem 1.6rem;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .product .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 8.7rem;
  height: 8.7rem;
  border-radius: 1rem;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .product .img_wrap img {
  width: 100%;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .product .txt_wrap .tit {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .product .txt_wrap .detail {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .product .txt_wrap .detail .detail_option {
  position: relative;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .product .txt_wrap .detail .detail_option::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #3d3d3d;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .product .txt_wrap .price_wrap {
  display: flex;
  gap: 0.6rem;
  align-items: center;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .product .txt_wrap .price_wrap .price {
  font-size: 1.4rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .order_box .product .txt_wrap .price_wrap .original_price {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .return_box {
  margin-top: 1rem;
  padding: 2rem;
  background-color: #202020;
  border-radius: 1rem;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .return_box .return_option {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  margin-bottom: 1.4rem;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .return_box .return_option .return_tit {
  position: relative;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .return_box .return_option .return_result {
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .order_product .return_box .detail_return {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_info_wrap {
  margin-top: 3.2rem;
  padding: 0 1.6rem;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_info_wrap .tit {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: 600;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_info_wrap .return_price_list {
  padding: 1.6rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_info_wrap .return_price_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_info_wrap .return_price_list li ~ li {
  margin-top: 1.6rem;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_info_wrap .return_price_list li .sort {
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_info_wrap .return_price_list li.total .sort {
  color: #ff582f;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_info_wrap .return_price_list li.total .price {
  font-size: 1.8rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_info_wrap .info {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 1.4rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.mypage#cancelInfo .visual .cancel_wrap .cancel_info_wrap .info::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(/static/images/sub/mypage/ic_info.svg) no-repeat center/cover;
}
#wrap .container.mypage#receipt {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
  padding-bottom: 4rem;
}
#wrap .container.mypage#receipt .visual .receipt_wrap{
  padding: 0 1rem 4.3rem;
}
#wrap .container.mypage#receipt .visual .receipt_wrap h3 {
  margin-top: 3rem;
  padding: 0 1.6rem 1.6rem;
  font-size: 1.8rem;
  font-weight: 600;
}
#wrap .container.mypage#receipt .visual .receipt_wrap h3 ~ h3 {
  margin-top: 3.5rem;
}
#wrap .container.mypage#receipt .visual .receipt_wrap .receipt_list {
  padding: 2rem 1.6rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
}
#wrap .container.mypage#receipt .visual .receipt_wrap .receipt_list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.mypage#receipt .visual .receipt_wrap .receipt_list li ~ li {
  margin-top: 1.6rem;
}
#wrap .container.mypage#receipt .visual .receipt_wrap .receipt_list li .sort {
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#wishlist {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
  padding-bottom: 3rem;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .no_wishlist {
  display: none;
  padding-top: calc(var(--vh) * 32);
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .no_wishlist.active {
  display: block;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_info {
  display: none;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_info.active {
  display: block;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_info .tit_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 1.6rem 1rem;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_info .tit_wrap .wishlist_num {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_info .tit_wrap .btn_all_delete {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  color: #FF2B00;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li {
  display: flex;
  gap: 2rem;
  align-items: center;
  width: 100%;
  padding: 2.2rem 1.6rem;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li ~ li {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li.soldout {
  position: relative;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li.soldout::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  /*width: 100%;*/
  width: calc(100% - 7rem);
  height: 100%;
  /*background-color: rgba(0, 0, 0, 0.36);*/
  background-color: rgba(27, 27, 27, 0.75);
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li.soldout::after {
  content: "Sold out";
  display: block;
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
  z-index: 3;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li .btn_product {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  width: calc(100% - 5.4rem);
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li .btn_product .img_wrap {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  width: 6.2rem;
  height: 6.2rem;
  border-radius: 1rem;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li .btn_product .img_wrap .live_product {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.5rem;
  left: 0.4rem;
  width: 5.3rem;
  height: 2rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li .btn_product .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li .btn_product .txt_wrap {
  display: flex;
  flex-direction: column;
  width: calc(100% - 7.6rem);
  text-align: left;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li .btn_product .txt_wrap .product {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li .btn_product .txt_wrap .price {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #ff4415;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li .btn_product .txt_wrap .price .original_price {
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li .btn_product .txt_wrap .remaining_item {
  opacity: 0.6;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.mypage#wishlist .visual .wishlist_wrap .wishlist_list li .btn_heart {
  flex-shrink: 0;
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  background: url(/static/images/sub/mypage/ic_heart.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypageReview {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_btn_wrap {
  display: flex;
  position: sticky;
  top: 5.6rem;
  background-color: #000;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_btn_wrap .btn_tab {
  flex: 1;
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 6.4rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_btn_wrap .btn_tab.active {
  color: #fff;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_btn_wrap .btn_tab.active .num {
  color: #ff582f;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_btn_wrap .btn_tab.active::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #fff;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content {
  display: none;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content.active {
  display: block;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap {
  padding: 3rem 1.6rem;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .write_reivew_box {
  padding: 1.6rem;
  background-color: #181818;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .write_reivew_box ~ .write_reivew_box {
  margin-top: 1.6rem;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .write_reivew_box .product {
  display: flex;
  gap: 1.4rem;
  align-items: center;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .write_reivew_box .product .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 0.6rem;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .write_reivew_box .product .img_wrap img {
  width: 100%;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .write_reivew_box .product .txt_wrap .status_wrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 1.4rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .write_reivew_box .product .txt_wrap .status_wrap .status {
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .write_reivew_box .product .txt_wrap .tit {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .write_reivew_box .product .txt_wrap .detail {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .write_reivew_box .btn_write_review {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  margin-top: 1.6rem;
  background-color: #343434;
  border-radius: 0.9rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box {
  background-color: #181818;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box ~ .view_reivew_box {
  margin-top: 1.6rem;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap {
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 1.3rem 1.6rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap .product {
  display: flex;
  gap: 1.4rem;
  align-items: center;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap .product .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 8.5rem;
  height: 8.5rem;
  border-radius: 0.6rem;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap .product .img_wrap img {
  width: 100%;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap .product .txt_wrap .status_wrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap .product .txt_wrap .status_wrap .status {
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap .product .txt_wrap .tit {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap .product .txt_wrap .detail {
  margin-bottom: 0.9rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap .product .txt_wrap .review_score {
  display: flex;
  gap: 0.6rem;
  align-items: center;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap .product .txt_wrap .review_score .star_wrap {
  display: flex;
  gap: 0.2rem;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap .product .txt_wrap .review_score .star_wrap .star {
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_star.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap .product .txt_wrap .review_score .star_wrap .star.active {
  background-image: url(/static/images/sub/mypage/ic_star_active.svg);
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap .product .txt_wrap .review_score .score {
  font-size: 1.2rem;
  font-weight: 700;
  color: rgba(255, 88, 47, 0.8);
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .top_wrap .btn_edit_modal {
  flex-shrink: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/sub/mypage/ic_more.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .option_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .option_wrap .option_list {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: max-height 0.3s ease-out;
  width: 100%;
  max-height: 0;
  padding: 3rem 1.6rem 4rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border-radius: 2rem 2rem 0 0;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .option_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .option_wrap.active .option_list {
  max-height: 50rem;
}

#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .option_wrap .option_list .btn_option {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .option_wrap .option_list .btn_option ~ .btn_option {
  margin-top: 2.8rem;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .bottom_wrap .review_txt {
  padding: 1rem 2rem 1.6rem 1.8rem;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #fff;
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
  white-space: pre;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .bottom_wrap .review_img_wrap {
  overflow-x: auto;
  display: flex;
  gap: 1.2rem;
  align-items: center;
  padding: 0 1.6rem 2rem;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .bottom_wrap .review_img_wrap .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 13.4rem;
  height: 13.4rem;
  background-color: #393939;
  border-radius: 1rem;
  object-fit: cover;
}
#wrap .container.mypage#mypageReview .visual .review_wrap .tab_content .write_review_wrap .view_reivew_box .bottom_wrap .review_img_wrap .swiper-container .swiper-wrapper .swiper-slide {
  max-width: 13.4rem;
}
#wrap .container.mypage#mypageReviewDetail {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
  padding-bottom: 7rem;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap {
  padding-bottom: 6rem;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .product {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .product .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 0.9rem;
  background-image: url(/static/images/sub/mypage/ic_error.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .product .img_wrap img {
  width: 100%;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .product .product_info .tit {
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .product .product_info .detail {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .product .status {
  display: none;
  /*display: flex;*/
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 4.6rem;
  height: 2rem;
  margin-left: auto;
  background-color: #C33A18;
  border-radius: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .product .status.active {
  display: flex;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .scope_wrap {
  padding: 2rem 1.6rem 2.4rem;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .scope_wrap .scope_tit {
  margin-bottom: 1.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .scope_wrap .scope_btn_wrap {
  display: flex;
  gap: 0.7rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .scope_wrap .scope_btn_wrap .btn_star {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  background: url(/static/images/sub/mypage/ic_star_round.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .scope_wrap .scope_btn_wrap .btn_star.active {
  background-image: url(/static/images/sub/mypage/ic_star_round_active.svg);
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .scope_wrap .score_num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: 2rem;
  margin: 0 auto 2rem;
  padding: 0 1.1rem;
  background-color: #282828;
  border-radius: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .scope_wrap .textarea_box {
  overflow: hidden;
  height: 19.2rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .scope_wrap .textarea_box textarea {
  display: block;
  width: 100%;
  height: 16rem;
  padding: 2rem;
  background-color: #1b1b1b;
  border: none;
  font-family: "Pretendard", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .scope_wrap .textarea_box textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .scope_wrap .textarea_box .txt_num {
  display: flex;
  gap: 0.4rem;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
  font-size: 1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .scope_wrap .textarea_box .txt_num p {
  transform: translateY(-0.1rem);
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .photo_wrap {
  padding: 0 1.6rem 2rem;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .photo_wrap .photo_tit {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .photo_wrap .photo_tit .sm_txt {
  font-weight: 400;
  color: #a0a0a0;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .photo_wrap .photo_box {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .photo_wrap .photo_box .file_group {
  position: relative;
  width: calc(25% - 0.6rem);
  height: 7.9rem;
  padding-bottom: 23.24%;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .photo_wrap .photo_box .file_group input[type=file] {
  display: none;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .photo_wrap .photo_box .file_group label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e url(/static/images/sub/mypage/ic_photo.svg) no-repeat center;
  border-radius: 1rem;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .photo_wrap .photo_box .add_file_box {
  overflow: hidden;
  position: relative;
  width: calc(25% - 0.6rem);
  height: 7.9rem;
  padding-bottom: 23.24%;
  border-radius: 1rem;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .photo_wrap .photo_box .add_file_box .add_file_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .photo_wrap .photo_box .add_file_box .btn_delete {
  display: block;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  z-index: 1;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/sub/mypage/ic_photo_close.png) no-repeat center/cover;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .info {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0 1.6rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .info::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(/static/images/sub/mypage/ic_info.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .checkbox_group {
  margin-top: 4.4rem;
  padding: 0 1.6rem;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .checkbox_group input[type=checkbox]:checked ~ label::before {
  background: #ff582f url(/static/images/common/ic_checkbox_active.svg) no-repeat center;
  border: none;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .checkbox_group label {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageReviewDetail .visual .review_wrap .checkbox_group label::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #7a7a7a;
  border-radius: 0.4rem;
}
#wrap .container.mypage#mypageReviewDetail .visual .btn_wrap {
  /*position: fixed;*/
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  padding: 1.2rem 1.6rem 2.4rem;
  background-color: #000;
}
#wrap .container.mypage#mypageReviewDetail .visual .btn_wrap .btn_save {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.mypage#mypageReviewDetail .visual .btn_wrap .btn_save.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#mypageReviewDetail .visual .btn_wrap .btn_save.active:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
#wrap .container.mypage#inquiryList {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#inquiryList .inquiry_wrap {
  padding-bottom: 4rem;
}
#wrap .container.mypage#inquiryList .inquiry_wrap .inquiry_list .inquiry_box {
  padding: 1rem 1.6rem 0.5rem 1.6rem;
  border-bottom: 0.2rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#inquiryList .inquiry_wrap .inquiry_list .inquiry_box:last-child {
  border-bottom: none;
}
#wrap .container.mypage#inquiryList .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info {
  cursor: pointer;
  display: flex;
  margin-bottom: 1rem;
  gap: 1.4rem;
  align-items: center;
}
#wrap .container.mypage#inquiryList .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .img_wrap{
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  width: 6.2rem;
  height: 6.2rem;
  border-radius: 1rem;
}
#wrap .container.mypage#inquiryList .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info {
  display: flex;
  flex-direction: column;
  width: calc(100% - 15rem);
  text-align: left;
}
#wrap .container.mypage#inquiryList .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info .goods_name {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.mypage#inquiryList .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info .inquiry_title {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.mypage#inquiryList .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .status {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 2.2rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#inquiryList .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .status.complete {
  background-color: #9d9d9d;
  color: #393939;
}
#wrap .container.mypage#inquiryList .inquiry_wrap .inquiry_list .inquiry_box .inquiry_txt {
  padding: 0 0.5rem;
}
#wrap .container.mypage#inquiryList .inquiry_wrap .inquiry_list .inquiry_box .inquiry_txt .txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.3rem;
  word-break: break-word;
  white-space: pre-wrap;
}
#wrap .container.mypage#inquiryDetail {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
  padding-bottom: 10rem;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap {
  padding-bottom: 1rem;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .product_wrap {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .product_wrap .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 6.2rem;
  height: 6.2rem;
  border-radius: 1rem;
  background-image: url(/static/images/sub/mypage/ic_error.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .product_wrap .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .product_wrap .txt_wrap {
  display: flex;
  flex-direction: column;
  text-align: left;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .product_wrap .txt_wrap .product {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .product_wrap .txt_wrap .reg_date {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .product_wrap .txt_wrap .status_txt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 2rem;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  background-color: #9d9d9d;
  color: #393939;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .product_wrap .txt_wrap .status_txt.wait {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap {
  padding: 2rem 1.6rem 2.4rem;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .select_item {
  /*position: relative;*/
  /*width: 100%;*/
  margin-bottom: 1.2rem;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .select_item .btn_select {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  padding: 0 1.8rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .select_item .btn_select .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .select_item .btn_select::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: transparent url(/static/images/sub/shopping/ic_arrow_select.svg) no-repeat center/cover;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .select_item .option_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .select_item .option_wrap .option_list {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: max-height 0.3s ease-out;
  width: 100%;
  max-height: 0;
  padding: 3rem 1.6rem 4rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border: 0.1rem solid rgba(57, 57, 57, 0.55);
  border-radius: 2rem 2rem 0 0;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .select_item .option_wrap .option_list .btn_option {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .select_item .option_wrap .option_list .btn_option ~ .btn_option {
  margin-top: 2.8rem;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .select_item .option_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .select_item .option_wrap.active .option_list {
  max-height: 50rem;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .textarea_box {
  overflow: hidden;
  height: 19.2rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .textarea_box textarea {
  display: block;
  width: 100%;
  height: 16rem;
  padding: 2rem;
  background-color: #1b1b1b;
  border: none;
  font-family: "Pretendard", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .textarea_box textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .textarea_box .txt_num {
  display: flex;
  gap: 0.4rem;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
  font-size: 1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .inquiry_category_wrap .textarea_box .txt_num p {
  transform: translateY(-0.1rem);
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .photo_wrap {
  padding: 0 1.6rem 2rem;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .photo_wrap .photo_tit {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .photo_wrap .photo_tit .sm_txt {
  font-weight: 400;
  color: #a0a0a0;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .photo_wrap .photo_box {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .photo_wrap .photo_box .file_group {
  position: relative;
  width: calc(25% - 0.6rem);
  height: 7.9rem;
  padding-bottom: 23.24%;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .photo_wrap .photo_box .file_group input[type=file] {
  display: none;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .photo_wrap .photo_box .file_group label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e url(/static/images/sub/mypage/ic_photo.svg) no-repeat center;
  border-radius: 1rem;
}
/*#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .photo_wrap .photo_box .photo {*/
/*  overflow: hidden;*/
/*  position: relative;*/
/*  width: calc(25% - 0.6rem);*/
/*  height: 7.9rem;*/
/*  padding-bottom: 23.24%;*/
/*  border-radius: 1rem;*/
/*}*/
/*#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .photo_wrap .photo_box .photo img {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*}*/
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .photo_wrap .photo_box .add_file_box {
  overflow: hidden;
  position: relative;
  width: calc(25% - 0.6rem);
  height: 7.9rem;
  padding-bottom: 23.24%;
  border-radius: 1rem;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .photo_wrap .photo_box .add_file_box .add_file_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .photo_wrap .photo_box .add_file_box .btn_delete {
  display: block;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  z-index: 1;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/sub/mypage/ic_photo_close.png) no-repeat center/cover;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .info {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0 1.6rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .info::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(/static/images/sub/mypage/ic_info.svg) no-repeat center/cover;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .checkbox_group {
  margin-top: 2.4rem;
  padding: 0 1.6rem;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .checkbox_group input[type=checkbox]:checked ~ label::before {
  background: #ff582f url(/static/images/common/ic_checkbox_active.svg) no-repeat center;
  border: none;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .checkbox_group label {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_wrap .checkbox_group label::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #7a7a7a;
  border-radius: 0.4rem;
}
#wrap .container.mypage#inquiryDetail .visual .btn_wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  padding: 1.2rem 1.6rem 2.4rem;
  background-color: #000;
}
#wrap .container.mypage#inquiryDetail .visual .btn_wrap .btn_save {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.mypage#inquiryDetail .visual .btn_wrap .btn_save.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#inquiryDetail .visual .btn_wrap .btn_save.active:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_answer_wrap {
  display: none;
  padding: 0 1.6rem;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_answer_wrap.active {
  display: block;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_answer_wrap .answer_box {
  margin-top: 1.4rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_answer_wrap .answer_box .btn_accordion {
  display: flex;
  gap: 2rem;
  align-items: center;
  width: 100%;
  height: 3.8rem;
  padding: 0 1.2rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.8);
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_answer_wrap .answer_box .btn_accordion .manager {
  position: relative;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_answer_wrap .answer_box .btn_accordion .manager::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -1rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_answer_wrap .answer_box .accordion_item {
  display: flex;
  padding: 1.2rem 1.4rem;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.mypage#inquiryDetail .visual .inquiry_answer_wrap .answer_box .accordion_item p{
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.3rem;
  word-break: break-word;
  white-space: pre-wrap;
}
#wrap .container.mypage#mypageNotice {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#mypageNotice .visual .notice_wrap .notice_list li ~ li {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageNotice .visual .notice_wrap .notice_list li .btn_notice {
  display: flex;
  gap: 1.2rem;
  flex-direction: column;
  width: 100%;
  padding: 2rem 1.6rem;
}
#wrap .container.mypage#mypageNotice .visual .notice_wrap .notice_list li .btn_notice .tit {
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageNotice .visual .notice_wrap .notice_list li .btn_notice .date {
  font-size: 1.2rem;
  color: #5c5c5c;
}
#wrap .container.mypage#mypageNoticeDetail {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#mypageNoticeDetail .visual .notice_wrap .detail_wrap .tit_wrap {
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageNoticeDetail .visual .notice_wrap .detail_wrap .tit_wrap .tit {
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  font-weight: 600;
}
#wrap .container.mypage#mypageNoticeDetail .visual .notice_wrap .detail_wrap .tit_wrap .date {
  font-size: 1.2rem;
  color: #5c5c5c;
}
#wrap .container.mypage#mypageNoticeDetail .visual .notice_wrap .detail_wrap .txt_wrap {
  padding: 2rem 3rem 2rem 1.6rem;
}
#wrap .container.mypage#mypageNoticeDetail .visual .notice_wrap .detail_wrap .txt_wrap .txt {
  font-size: 1.4rem;
  line-height: 2.3rem;
  color: rgba(255, 255, 255, 0.8);
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
}
#wrap .container.mypage#termsList .visual {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#termsList .visual .terms_wrap .terms_list {
  margin-top: 2rem;
}
#wrap .container.mypage#termsList .visual .terms_wrap .terms_list a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.6rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#termsList .visual .terms_wrap .terms_list a ~ a {
  margin-top: 4rem;
}
#wrap .container.mypage#termsList .visual .terms_wrap .terms_list a::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_arrow_profile.svg) no-repeat center/cover;
}
#wrap .container.mypage#termsDetail .visual {
  overflow: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#termsDetail .visual .terms_wrap .tit_wrap {
  position: sticky;
  top: calc(var(--sat) + 5.64rem);
  padding: 2rem 1.6rem;
  background-color: #000;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#termsDetail .visual .terms_wrap .tit_wrap .sort {
  margin-bottom: 0.8rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#termsDetail .visual .terms_wrap .tit_wrap .tit {
  font-size: 1.8rem;
  font-weight: 600;
}
#wrap .container.mypage#termsDetail .visual  .terms_wrap .accordion_wrap {
  border-radius: 1rem;
  background-color: #1f1f1f;
  border: 0.3rem solid rgba(255, 255, 255, 0.1);
  padding: 0 2rem;
}
#wrap .container.mypage#termsDetail .visual  .terms_wrap .accordion_wrap .accordion_box {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.mypage#termsDetail .visual  .terms_wrap .accordion_wrap .accordion_box .btn_accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 3.5rem;
  padding: 1rem 0.5rem;
  font-size: 1.4rem;
  font-weight: 700;
  /*color: #fff;*/
  color: #2f90ff;
}
#wrap .container.mypage#termsDetail .visual  .terms_wrap .accordion_wrap .accordion_box .accordion_item {
  display: block;
  padding: 0 1rem 1rem;
  font-size: 1rem;
  line-height: 1.8rem;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.mypage#termsDetail .visual  .terms_wrap .accordion_wrap .accordion_box .accordion_item .highlight {
  font-size: 1.1rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.mypage#termsDetail .visual .terms_wrap .scroll_wrap {
  padding: 1rem 1rem 1rem 1.6rem;
}
#wrap .container.mypage#termsDetail .visual .terms_wrap .scroll_wrap a {
  color: #2f90ff;
}
#wrap .container.mypage#termsDetail .visual .terms_wrap .scroll_wrap .txt {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2rem;
  word-break: break-word;
  white-space: pre-wrap;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.mypage#termsDetail .visual .terms_wrap .scroll_wrap table {
  width:100%;
  border-collapse:collapse;
  font-size: 1rem;
}
#wrap .container.mypage#termsDetail .visual .terms_wrap .scroll_wrap table td,
#wrap .container.mypage#termsDetail .visual .terms_wrap .scroll_wrap table th {
  border:1px solid #e5e7eb;
  padding:5px;
  vertical-align:top;
}
#wrap .container.mypage#termsDetail .visual .terms_wrap .scroll_wrap .strong {
  font-weight:700;
}
#wrap .container.mypage#termsDetail .visual .terms_wrap .scroll_wrap.has_btn {
  padding-bottom: 11rem;
}
#wrap .container.mypage#termsDetail .visual .terms_wrap .btn_wrap {
  position: fixed;
  /*position: absolute;*/
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.2rem 1.6rem 2.4rem;
  background-color: #000;
  border-top: 0.1rem solid #191919;
}
#wrap .container.mypage#termsDetail .visual .terms_wrap .btn_wrap .btn_agree {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.mypage#termsDetail .visual .terms_wrap .btn_wrap .btn_agree.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#mypageFaq {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_btn_wrap {
  overflow-x: auto;
  display: flex;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 2rem;
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_btn_wrap .btn_tab {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.2rem;
  padding: 0 1.4rem;
  background-color: #232323;
  border-radius: 5.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_btn_wrap .btn_tab.active {
  background-color: #ff582f;
  color: #fff;
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_content {
  display: none;
  padding-bottom: 2rem;
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_content.active {
  display: block;
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_content .tit {
  padding: 2rem 1.6rem 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_content .accordion_wrap .accordion_item ~ .accordion_item {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_content .accordion_wrap .accordion_item .btn_accordion {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 2rem 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_content .accordion_wrap .accordion_item .btn_accordion::after {
  flex-shrink: 0;
  content: "";
  display: block;
  transform: rotate(90deg);
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_arrow_profile.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_content .accordion_wrap .accordion_item .accordion_content {
  overflow: hidden;
  max-height: 0;
  /*transition: opacity 200ms linear, max-height 400ms ease-out;*/
  /*will-change: opacity, max-height;*/
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_content .accordion_wrap .accordion_item .accordion_content .txt {
  padding: 0 3rem 2rem 1.6rem;
  font-size: 1.4rem;
  line-height: 2.3rem;
  color: rgba(255, 255, 255, 0.7);
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_content .accordion_wrap .accordion_item.active {
  background-color: #161616;
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_content .accordion_wrap .accordion_item.active .btn_accordion {
  color: #ff582f;
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_content .accordion_wrap .accordion_item.active .btn_accordion::after {
  transform: rotate(-90deg);
}
#wrap .container.mypage#mypageFaq .visual .faq_wrap .tab_content .accordion_wrap .accordion_item.active .accordion_content {
  opacity: 1;
  max-height: 150rem;
}
#wrap .container.search#search {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.search#search .visual .back_wrap {
  display: flex;
  position: sticky;
  gap: 1rem;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 10;
  padding-top: calc(var(--sat) + 1.8rem);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  padding-bottom: 1.8rem;
  background-color: #000;
}
#wrap .container.search#search .visual .back_wrap .btn_back {
  flex-shrink: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/common/ic_arrow_back.svg) no-repeat center/cover;
}
#wrap .container.search#search .visual .back_wrap .search_group {
  flex: 1;
  display: flex;
  gap: 1rem;
  height: 4.2rem;
  padding: 0 1.3rem;
  align-items: center;
  background-color: #2c2c2c;
  border-radius: 0.8rem;
}
#wrap .container.search#search .visual .back_wrap .search_group input {
  flex: 1;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.search#search .visual .back_wrap .search_group input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.search#search .visual .back_wrap .search_group .btn_search {
  flex-shrink: 0;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/sub/mypage/ic_search.svg) no-repeat center/cover;
}
#wrap .container.search#search .visual .back_wrap .search_group .btn_delete {
  flex-shrink: 0;
  display: none;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/sub/mypage/ic_delete.svg) no-repeat center/cover;
}
#wrap .container.search#search .visual .recent_search_wrap {
  display: none;
}
#wrap .container.search#search .visual .recent_search_wrap.active {
  display: block;
}
#wrap .container.search#search .visual .recent_search_wrap .tit_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 1.6rem 0;
}
#wrap .container.search#search .visual .recent_search_wrap .tit_wrap .tit {
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.search#search .visual .recent_search_wrap .tit_wrap .btn_all_delete {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  color: #FF2B00;
}
#wrap .container.search#search .visual .recent_search_wrap .no_search {
  display: none;
  padding-top: calc(var(--vh) * 35);
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
#wrap .container.search#search .visual .recent_search_wrap .no_search.active {
  display: block;
}
#wrap .container.search#search .visual .recent_search_wrap .recent_search_list {
  display: none;
  margin-top: 1.5rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.search#search .visual .recent_search_wrap .recent_search_list.active {
  display: block;
}
#wrap .container.search#search .visual .recent_search_wrap .recent_search_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.4rem 1.6rem;
}
#wrap .container.search#search .visual .recent_search_wrap .recent_search_list li ~ li {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.search#search .visual .recent_search_wrap .recent_search_list li .btn_recent_search {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  /*width: calc(100% - 3rem);*/
}
#wrap .container.search#search .visual .recent_search_wrap .recent_search_list li .btn_recent_search .txt {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.search#search .visual .recent_search_wrap .recent_search_list li .btn_recent_search::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/static/images/sub/mypage/ic_clock.svg) no-repeat center/cover;
}
#wrap .container.search#search .visual .recent_search_wrap .recent_search_list li .btn_delete {
  flex-shrink: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/sub/mypage/ic_search_close.png) no-repeat center/cover;
}
#wrap .container.search#search .visual .search_wrap{
  display: none;
}
#wrap .container.search#search .visual .search_wrap.active{
  display: block;
}
#wrap .container.search#search .visual .search_wrap .tab_btn_wrap {
  display: flex;
  position: sticky;
  top: 7.16rem;
  z-index: 10;
  background-color: #000;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.search#search .visual .search_wrap .tab_btn_wrap .btn_tab {
  flex: 1;
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.search#search .visual .search_wrap .tab_btn_wrap .btn_tab .num {
  font-size: 1.2rem;
  font-weight: 500;
}
#wrap .container.search#search .visual .search_wrap .tab_btn_wrap .btn_tab.active {
  position: relative;
  color: #fff;
}
#wrap .container.search#search .visual .search_wrap .tab_btn_wrap .btn_tab.active .num {
  color: #ff582f;
}
#wrap .container.search#search .visual .search_wrap .tab_btn_wrap .btn_tab.active::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #fff;
}
#wrap .container.search#search .visual .search_wrap .tab_content {
  display: none;
}
#wrap .container.search#search .visual .search_wrap .tab_content.active {
  display: block;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap {
  padding: 3rem 1.6rem 2rem;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap ~ .product_wrap {
  padding-top: 2rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .store_tit {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .store_tit .num {
  color: #ff582f;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li ~ li {
  margin-top: 2.4rem;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li .btn_store {
  display: flex;
  gap: 0.9rem;
  align-items: center;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li .btn_store .profile {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/*#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li .btn_store .profile img {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  border-radius: 50%;*/
/*}*/
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li .btn_store .profile.is_live {
  padding: 0.3rem;
  border: 0.2rem solid #FF2B00;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li .btn_store .profile.is_live .live {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -0.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.3rem;
  height: 1.4rem;
  background-color: #FF2B00;
  border-radius: 2rem;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li .btn_store .profile.is_live .live.is_live {
  display: flex;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li .btn_store .store_info {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li .btn_store .store_info .name {
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li .btn_store .store_info .name .point {
  color: #ff582f;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li .btn_store .store_info .category {
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li .btn_follow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 3.4rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list li .btn_follow.active {
  background-color: #2c2c2c;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list.no_list {
  position: relative;
  height: calc(var(--vh) * 100 - 10rem);
  border-top: 0.1rem solid #181818;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .following_list.no_list .no_txt {
  opacity: 0.7;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
  font-size: 1.6rem;
  color: #fff;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .btn_more {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.8rem;
  margin-top: 2.8rem;
  border: 0.1rem solid #2f2f2f;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.search#search .visual .search_wrap .tab_content .store_wrap .btn_more::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_arrow_more.svg) no-repeat center/cover;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap {
  padding: 3rem 1.6rem 2rem;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_tit {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_tit .num {
  color: #ff582f;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_list {
  display: flex;
  gap: 3.5rem 1.3rem;
  flex-wrap: wrap;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_list li {
  position: relative;
  width: calc(50% - 0.7rem);
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_list li .btn_product {
  display: flex;
  gap: 1.2rem;
  flex-direction: column;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_list li .btn_product .img_wrap {
  overflow: hidden;
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 1rem;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_list li .btn_product .img_wrap img {
  width: 100%;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_list li .btn_product .txt_wrap .tit {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #e3e3e3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_list li .btn_product .txt_wrap .tit .point {
  font-weight: 700;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_list li .btn_product .txt_wrap .price_wrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_list li .btn_product .txt_wrap .price_wrap .discount {
  font-size: 1.6rem;
  font-weight: 600;
  color: #ff623b;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_list li .btn_product .txt_wrap .price_wrap .price {
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_list li .btn_shopping {
  display: block;
  position: absolute;
  right: 1rem;
  bottom: 9rem;
  width: 3.8rem;
  height: 3.8rem;
  background: rgba(0, 0, 0, 0.26) url(/static/images/sub/mypage/ic_shopping.svg) no-repeat center;
  box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.4rem);
  border-radius: 50%;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .product_list li.soldout .btn_product .img_wrap::after {
  content: "Sold out";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .btn_more {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.8rem;
  margin-top: 2.8rem;
  border: 0.1rem solid #2f2f2f;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.search#search .visual .search_wrap .tab_content .product_wrap .btn_more::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_arrow_more.svg) no-repeat center/cover;
}
#wrap .container.mypage#couponList {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_btn_wrap {
  display: flex;
  position: sticky;
  top: 10.4rem;
  z-index: 10;
  background-color: #000;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_btn_wrap .btn_tab {
  flex: 1;
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_btn_wrap .btn_tab .num {
  font-size: 1.2rem;
  font-weight: 500;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_btn_wrap .btn_tab.active {
  position: relative;
  color: #fff;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_btn_wrap .btn_tab.active .num {
  color: #ff582f;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_btn_wrap .btn_tab.active::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #fff;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content {
  display: none;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content.active {
  display: block;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .search_group,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .search_group {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .search_group input,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .search_group input {
  flex: 1;
  height: 4.8rem;
  padding: 0 1.4rem;
  border: 0.1rem solid #2a2a2a;
  border-radius: 1rem;
  font-size: 1.4rem;
  color: #fff;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .search_group input::placeholder,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .search_group input::placeholder {
  color: #fff;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .search_group .btn_add_coupon,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .search_group .btn_add_coupon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9.1rem;
  height: 4.8rem;
  background-color: #2e2e2e;
  border-radius: 0.9rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #5c5c5c;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .search_group .btn_add_coupon.active,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .search_group .btn_add_coupon.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .tit_wrap,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .tit_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 1.6rem;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .tit_wrap .coupon_tit,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .tit_wrap .coupon_tit {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .tit_wrap .coupon_tit .num,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .tit_wrap .coupon_tit .num {
  color: #fe2a00;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .tit_wrap .btn_select,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .tit_wrap .btn_select {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  font-size: 1.4rem;
  color: #fff;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .tit_wrap .btn_select::after,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .tit_wrap .btn_select::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(/static/images/sub/mypage/ic_arrorw_down.svg) no-repeat center/cover;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .tit_wrap .option_wrap,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .tit_wrap .option_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .tit_wrap .option_wrap .option_list,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .tit_wrap .option_wrap .option_list {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: max-height 0.3s ease-out;
  width: 100%;
  max-height: 0;
  padding: 3rem 1.6rem 4rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border: 0.1rem solid rgba(57, 57, 57, 0.55);
  border-radius: 2rem 2rem 0 0;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .tit_wrap .option_wrap .option_list .btn_option,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .tit_wrap .option_wrap .option_list .btn_option {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .tit_wrap .option_wrap .option_list .btn_option ~ .btn_option,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .tit_wrap .option_wrap .option_list .btn_option ~ .btn_option {
  margin-top: 2.8rem;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .tit_wrap .option_wrap.active,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .tit_wrap .option_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .tit_wrap .option_wrap.active .option_list,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .tit_wrap .option_wrap.active .option_list {
  max-height: 50rem;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .use_coupon_list,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .use_coupon_list {
  padding: 0 1.6rem 4rem;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .use_coupon_list .btn_coupon,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .use_coupon_list .btn_coupon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 19.4rem;
  background-color: #202020;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #737373;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .use_coupon_list .btn_coupon ~ .btn_coupon,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .use_coupon_list .btn_coupon ~ .btn_coupon {
  margin-top: 1.2rem;
}
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .use_coupon_wrap .use_coupon_list .no_coupon,
#wrap .container.mypage#couponList .visual .couponlist_wrap .tab_content .end_coupon_wrap .use_coupon_list .no_coupon {
  padding-top: calc(var(--vh) * 24);
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
#wrap .container.alarm#alarmPage .visual {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_btn_wrap {
  display: flex;
  gap: 0.7rem;
  padding: 1.6rem 1.6rem 2.4rem;
  align-items: center;
  overflow-x: auto;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_btn_wrap .btn_tab {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  /*width: 7.7rem;*/
  height: 3rem;
  background-color: #313131;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #9d9d9d;
  flex-shrink: 0;
  padding: 0 1.4rem;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_btn_wrap .btn_tab.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_btn_wrap .btn_tab.has_alarm::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #FF2B00;
  border-radius: 50%;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content {
  display: none;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content.active {
  display: block;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .tit_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.6rem;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .tit_wrap .alarm_tit {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .tit_wrap .btn_all_delete {
  display: none;
  font-size: 1.4rem;
  font-weight: 500;
  color: #FF2B00;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .tit_wrap .btn_all_delete.active {
  display: block;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .no_alarm {
  display: none;
  justify-content: center;
  align-items: center;
  height: calc(var(--vh) * 100 - 28rem);
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .no_alarm.active {
  display: flex;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list {
  display: none;
  margin-bottom: 3rem;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list {
  display: block;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li {
  touch-action: pan-y;
  user-select: none;
  position: relative;
  margin-top: 3rem;
  cursor: pointer;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container {
  overflow: hidden;
  position: relative;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content {
  display: flex;
  transform: translateX(0);
  transition: transform 0.3s ease;
  width: calc(100% + 6.6rem);
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content .notification_inner {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0.6rem 1.6rem 0;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content .notification_inner .profile {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 5rem;
  height: 5rem;
  margin-right: 1.8rem;
  background-color: #313131;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content .notification_inner .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content .notification_inner .txt_wrap {
  width: calc(100% - 12.6rem);
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content .notification_inner .txt_wrap .status_wrap {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 0.7rem;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content .notification_inner .txt_wrap .status_wrap .status {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: 1.6rem;
  padding: 0 0.6rem;
  background-color: #FF2B00;
  border-radius: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content .notification_inner .txt_wrap .status_wrap .status_txt {
  position: relative;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content .notification_inner .txt_wrap .status_wrap .status_txt.has_alarm::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.6rem;
  right: -0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #FF2B00;
  border-radius: 50%;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content .notification_inner .txt_wrap .tit {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.1rem;
  color: #fff;
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content .notification_inner .txt_wrap .time {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content .notification_inner .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 5rem;
  height: 8.5rem;
  margin-left: auto;
  border-radius: 0.9rem;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content .notification_inner .img_wrap img {
  width: 100%;
}
#wrap .container.alarm#alarmPage .visual .tab_contents .tab_content .notification_list li .swipe_container .swipe_content .btn_delete {
  cursor: pointer;
  flex-shrink: 0;
  display: block;
  width: 6.6rem;
  background: #FF2B00 url(/static/images/sub/alarm/ic_waste_basket.svg) no-repeat center;
}
#wrap .container.channel#channelHome {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.channel#channelHome .visual .back_wrap {
  display: flex;
  position: sticky;
  gap: 0.7rem;
  justify-content: space-between;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 10;
  padding-top: calc(var(--sat) + 1.8rem);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  padding-bottom: 1.8rem;
  transition: all 0.3s;
  background-color: transparent;
}
#wrap .container.channel#channelHome .visual .back_wrap .btn_back {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  background: rgba(0, 0, 0, 0.26) url(/static/images/sub/channel/ic_back.svg) no-repeat left 44% center;
  box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.4rem);
  border-radius: 50%;
}
#wrap .container.channel#channelHome .visual .back_wrap h2{
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0);
}
#wrap .container.channel#channelHome .visual .back_wrap .btn_share {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  margin-left: auto;
  background: rgba(0, 0, 0, 0.26) url(/static/images/sub/channel/ic_share.svg) no-repeat center;
  box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.4rem);
  border-radius: 50%;
}
#wrap .container.channel#channelHome .visual .back_wrap .btn_more_bottomsheet {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  background: rgba(0, 0, 0, 0.26) url(/static/images/sub/channel/ic_more.svg) no-repeat center;
  box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.4rem);
  border-radius: 50%;
}
#wrap .container.channel#channelHome .visual .back_wrap.active {
  background-color: #000;
  backdrop-filter: blur(3rem);
}
#wrap .container.channel#channelHome .visual .channel_box {
  position: relative;
  margin-top: calc((var(--sat) + 7.2rem + 2px) * -1);
  /*margin-top: -10.1rem;*/
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.channel#channelHome .visual .channel_box .bg_img {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 148.8%;
  background-image: url(/static/images/sub/mypage/ic_photo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-color: rgba(243, 243, 243, 0.7);
}
/*#wrap .container.channel#channelHome .visual .channel_box .bg_img img {*/
/*  width: 100%;*/
/*}*/
#wrap .container.channel#channelHome .visual .channel_box .bg_img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
#wrap .container.channel#channelHome .visual .channel_box .bg_img::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(37, 37, 37, 0) 50%, #000000 91.1%);
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info {
  display: flex;
  gap: 1.4rem;
  position: absolute;
  left: 1.6rem;
  bottom: 9.9rem;
  width: calc(100% - 3.2rem);
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info .profile {
  flex-shrink: 0;
  display: block;
  position: relative;
  width: 8.8rem;
  height: 8.8rem;
  background-image: url(/static/images/sub/mypage/profile_default.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
/*#wrap .container.channel#channelHome .visual .channel_box .channel_info .profile img {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  border-radius: 50%;*/
/*}*/
#wrap .container.channel#channelHome .visual .channel_box .channel_info .profile .live {
  display: none;
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info .profile.is_live {
  padding: 0.4rem;
  border: 0.2rem solid #FF2B00;
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info .profile.is_live .live {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.7rem;
  height: 1.6rem;
  background-color: #FF2B00;
  border-radius: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info .txt_wrap {
  padding-top: 0.8rem;
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info .txt_wrap .name {
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info .txt_wrap .follow_num {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info .txt_wrap .follow_num .txt {
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info .txt_wrap .score_box {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  width: max-content;
  height: 2.6rem;
  padding: 0 0.8rem;
  border: 0.1rem solid #573028;
  border-radius: 4.7rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #f97155;
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info .txt_wrap .score_box .score {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  position: relative;
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info .txt_wrap .score_box .score::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/static/images/sub/channel/ic_star.svg) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info .txt_wrap .score_box .score::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.1rem;
  right: -0.7rem;
  width: 0.1rem;
  height: 1.1rem;
  background-color: #573028;
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info .txt_wrap .score_box .btn_review {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 600;
  color: #f97155;
}
#wrap .container.channel#channelHome .visual .channel_box .channel_info .txt_wrap .score_box .btn_review::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/static/images/sub/channel/ic_arrow_orange.svg) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .channel_box .btn_box {
  display: flex;
  gap: 1.1rem;
  align-items: center;
  position: absolute;
  bottom: 2rem;
  left: 1.6rem;
  right: 1.6rem;
}
#wrap .container.channel#channelHome .visual .channel_box .btn_box button,
#wrap .container.channel#channelHome .visual .channel_box .btn_box a {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  gap: 0.6rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .channel_box .btn_box .btn_follow.active {
  background-color: #2c2c2c;
}
#wrap .container.channel#channelHome .visual .channel_box .btn_box .btn_follow::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/common/ic_person_plus.svg) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .channel_box .btn_box .btn_follow.active::before {
  background: url(/static/images/common/ic_person_minus.svg) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .channel_box .btn_box .btn_inner_live_view {
  display: none;
  background-color: #FF2B00;
}
#wrap .container.channel#channelHome .visual .channel_box .btn_box .btn_inner_live_view.active {
  display: flex;
}
#wrap .container.channel#channelHome .visual .channel_box .btn_box .btn_inner_live_view::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 3rem;
  height: 1.4rem;
  background: url(/static/images/sub/channel/txt_live.png) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .tab_contents {
  /*padding: 2rem 0 10rem;*/
  padding: 2rem 0 2rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_btn_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 6.7rem;
  left: 1.6rem;
  z-index: 10;
  transition: all 0.3s;
  width: calc(100% - 3.2rem);
  height: 5.5rem;
  padding: 0 1.9rem;
  background-color: rgba(47, 47, 47, 0.7);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border-radius: 1rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_btn_wrap .btn_tab {
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  color: #8a8a8a;
  width: 20%;
  height: 90%;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_btn_wrap .btn_tab.active {
  font-weight: 700;
  color: #ff623b;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_btn_wrap.is_sticky {
  width: 100%;
  left: 0;
  border-radius: 0;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content {
  display: none;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content.active {
  display: block;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .news_list {
  margin-top: 1rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .news_list .tit_wrap {
  display: flex;
  justify-content: space-between;
  padding: 2rem 1.6rem 0;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .news_list .tit_wrap .news_tit {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .news_list .tit_wrap .news_tit .num {
  color: #FF2B00;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .news_list .news_item {
  display: flex;
  gap: 0.7rem;
  flex-direction: column;
  padding: 2rem 3.6rem 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .news_list .news_item .tit {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .news_list .news_item .detail {
  display: flex;
  gap: 2rem;
  align-items: center;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .news_list .news_item .detail .store {
  position: relative;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .news_list .news_item .detail .store::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -1rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap {
  padding: 3rem 1.6rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .tit_wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .tit_wrap .product_tit {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .tit_wrap .product_tit .num {
  color: #FF2B00;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .tit_wrap .select_item {
  /*position: relative;*/
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .tit_wrap .select_item .btn_select {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .tit_wrap .select_item .btn_select .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .tit_wrap .select_item .btn_select::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: transparent url(/static/images/sub/shopping/ic_arrow_select.svg) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .tit_wrap .select_item .option_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .tit_wrap .select_item .option_wrap .option_list {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: max-height 0.3s ease-out;
  width: 100%;
  max-height: 0;
  padding: 3rem 1.6rem 4rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border: 0.1rem solid rgba(57, 57, 57, 0.55);
  border-radius: 2rem 2rem 0 0;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .tit_wrap .select_item .option_wrap .option_list .btn_option {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .tit_wrap .select_item .option_wrap .option_list .btn_option ~ .btn_option {
  margin-top: 2.8rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .tit_wrap .select_item .option_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .tit_wrap .select_item .option_wrap.active .option_list {
  max-height: 50rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .product_list {
  display: flex;
  gap: 3.5rem 1.3rem;
  flex-wrap: wrap;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .product_list li {
  position: relative;
  width: calc(50% - 0.7rem);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .product_list li .btn_product {
  display: flex;
  gap: 1.2rem;
  flex-direction: column;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .product_list li .btn_product .img_wrap {
  overflow: hidden;
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 1rem;
  background-image: url(/static/images/sub/mypage/ic_error.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .product_list li .btn_product .txt_wrap .tit {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.9rem;
  color: #e3e3e3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .product_list li .btn_product .txt_wrap .tit .point {
  font-weight: 700;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .product_list li .btn_product .txt_wrap .price_wrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .product_list li .btn_product .txt_wrap .price_wrap .discount {
  font-size: 1.6rem;
  font-weight: 600;
  color: #ff623b;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .product_list li .btn_product .txt_wrap .price_wrap .price {
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .product_list li .btn_shopping {
  display: block;
  position: absolute;
  right: 1rem;
  bottom: 9rem;
  width: 3.8rem;
  height: 3.8rem;
  background: rgba(0, 0, 0, 0.26) url(/static/images/sub/mypage/ic_shopping.png) no-repeat center/2rem;
  box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.4rem);
  border-radius: 50%;
}
/*#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .product_list li.soldout .btn_product .img_wrap::after {*/
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .product_wrap .product_list li.soldout::after {
  content: "Sold out";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap {
  padding: 3rem 1.6rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .tit_wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .tit_wrap .replay_tit {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .tit_wrap .replay_tit .num {
  color: #FF2B00;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .tit_wrap .select_item {
  /*position: relative;*/
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .tit_wrap .select_item .btn_select {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .tit_wrap .select_item .btn_select .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .tit_wrap .select_item .btn_select::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: transparent url(/static/images/sub/shopping/ic_arrow_select.svg) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .tit_wrap .select_item .option_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .tit_wrap .select_item .option_wrap .option_list {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: max-height 0.3s ease-out;
  width: 100%;
  max-height: 0;
  padding: 3rem 1.6rem 4rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border: 0.1rem solid rgba(57, 57, 57, 0.55);
  border-radius: 2rem 2rem 0 0;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .tit_wrap .select_item .option_wrap .option_list .btn_option {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .tit_wrap .select_item .option_wrap .option_list .btn_option ~ .btn_option {
  margin-top: 2.8rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .tit_wrap .select_item .option_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .tit_wrap .select_item .option_wrap.active .option_list {
  max-height: 50rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li ~ li {
  margin-top: 2rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li .btn_replay {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li .btn_replay .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  position: relative;
  width: 13.4rem;
  height: 19.4rem;
  border-radius: 2rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li .btn_replay .img_wrap img {
  width: 100%;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li .btn_replay .img_wrap .time {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
  z-index: 5;
  width: max-content;
  height: 2.6rem;
  padding: 0 0.7rem;
  background-color: rgba(0, 0, 0, 0.54);
  backdrop-filter: blur(1rem);
  border-radius: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li .btn_replay .img_wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(37, 37, 37, 0) 0%, #252525 100%);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li .btn_replay .img_wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 5rem;
  height: 5.2rem;
  background: url(/static/images/sub/channel/ic_play_shadow.png) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li .btn_replay .txt_wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 19.4rem;
  padding: 3rem 4rem 3rem 0;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li .btn_replay .txt_wrap .tit {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.1rem;
  color: #fff;
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li .btn_replay .txt_wrap .detail {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li .btn_replay .txt_wrap .detail .date {
  position: relative;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li .btn_replay .txt_wrap .detail .date::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.1rem;
  right: -0.8rem;
  width: 0.1rem;
  height: 1.1rem;
  background-color: rgba(126, 126, 126, 0.3);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li .btn_replay .txt_wrap .detail .view {
  display: flex;
  gap: 0.2rem;
  align-items: center;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .replay_wrap .replay_list li .btn_replay .txt_wrap .detail .view::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(/static/images/sub/channel/ic_view.svg) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap {
  padding: 0 1.6rem 3rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .btn_inquiry {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  background-color: #2e2e2e;
  border-radius: 5.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list {
  width: calc(100% + 3.2rem);
  margin-top: 2rem;
  margin-left: -1.6rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box {
  padding: 2.4rem 1.6rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info {
  display: flex;
  gap: 2rem;
  align-items: center;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info .user_name {
  position: relative;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info .user_name::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -1rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .status {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 2.2rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .status.complete {
  background-color: #9d9d9d;
  color: #393939;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_txt .txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.3rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box {
  margin-top: 1.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion {
  display: flex;
  gap: 2rem;
  align-items: center;
  width: 100%;
  height: 3.8rem;
  padding: 0 1.2rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion .manager {
  position: relative;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion .manager::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -1rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: auto;
  background: url(/static/images/sub/broadcast/ic_arrow_accordion.svg) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion.active::after {
  transform: rotate(180deg);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .accordion_item {
  display: none;
  padding: 0 1.4rem 1.2rem;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .accordion_item.active {
  display: flex;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .inquiry_txt {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .inquiry_txt::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_lock.svg) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .answer_box .accordion_item p {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .answer_box .accordion_item p::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_lock_gray.svg) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap {
  padding: 2rem 1.6rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box {
  padding: 1.8rem 1.8rem 2.2rem;
  background-color: #2e2e2e;
  border-radius: 1.3rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box ~ .review_box {
  margin-top: 1.4rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .review_info {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .review_info .profile {
  overflow: hidden;
  flex-shrink: 0;
  width: 4.2rem;
  height: 4.2rem;
  background-image: url(/static/images/sub/broadcast/ic_profile.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .review_info .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .user_name {
  margin-bottom: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box {
  display: flex;
  gap: 1.4rem;
  align-items: center;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .scope {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .scope .star_wrap {
  display: flex;
  gap: 0.2rem;
  align-items: center;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .scope .star_wrap .star {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/static/images/sub/broadcast/ic_star.svg) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .date {
  opacity: 0.8;
  position: relative;
  font-size: 1.2rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .date::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .reviewSwiper {
  width: calc(100% + 3.6rem);
  margin-bottom: 2rem;
  margin-left: -1.8rem;
  padding: 0 1.8rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .reviewSwiper .swiper-container .swiper-wrapper .swiper-slide {
  max-width: 7.1rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .reviewSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_review_img {
  overflow: hidden;
  display: block;
  width: 7.1rem;
  height: 7.1rem;
  border-radius: 1rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .reviewSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_review_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .review_wrap .review_box .review_txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.1rem;
  white-space: pre;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap {
  padding: 2rem 1.6rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .store_info_box {
  margin-bottom: 2rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .store_info_box .tit {
  padding: 2rem 2rem 1.2rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .store_info_box .desc {
  padding: 0 2rem 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.1rem;
  color: rgba(255, 255, 255, 0.6);
  white-space: pre-line;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .store_info_box .sns_info {
  padding: 2rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .store_info_box .sns_info .sns_tit {
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #868686;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .store_info_box .sns_info .btn_sns {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  width: max-content;
  height: 3.5rem;
  padding: 0 1.2rem;
  background-color: #464646;
  border-radius: 4rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .store_info_box .sns_info .btn_sns ~ .btn_sns {
  margin-top: 1rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .store_info_box .sns_info .btn_sns::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .store_info_box .sns_info .btn_sns.instagram::before {
  background: url(/static/images/sub/channel/logo_instagram.svg) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .store_info_box .sns_info .btn_sns.facebook::before {
  background: url(/static/images/sub/channel/logo_facebook.svg) no-repeat center/cover;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .info_box {
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  padding: 3rem 1.6rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .info_box .tit {
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  font-weight: 600;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .info_box .desc {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.1rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .info_box .list li {
  position: relative;
  padding-left: 2rem;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .info_box .list li::before {
  opacity: 0.6;
  content: "";
  display: block;
  position: absolute;
  top: 0.9rem;
  left: 0.8rem;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #fff;
  border-radius: 50%;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .info_box .tab_inner_btn_wrap {
  display: flex;
  position: relative;
  height: 4.8rem;
  padding: 0.4rem;
  background-color: rgba(41, 41, 41, 0.6);
  box-shadow: 0 0.4rem 2rem 0 rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3rem);
  border-radius: 1rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .info_box .tab_inner_btn_wrap .btn_inner_tab {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  height: 100%;
  border-radius: 1rem;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .info_box .tab_inner_btn_wrap .tab_indicator {
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  z-index: 0;
  width: calc(33.333% - 0.3rem);
  background-color: #272727;
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 1rem;
  transition: transform 0.3s ease;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .info_box .tab_inner_content {
  display: none;
  margin-top: 2rem;
}
#wrap .container.channel#channelHome .visual .tab_contents .tab_content .info_wrap .info_box .tab_inner_content.active {
  display: block;
}
#wrap .container.channel#channelHome .visual .bottomsheet_modal {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.channel#channelHome .visual .bottomsheet_modal .modal_content {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: max-height 0.3s ease-out;
  width: 100%;
  max-height: 0;
  padding: 3rem 1.6rem 4rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border: 0.1rem solid rgba(57, 57, 57, 0.5);
  border-radius: 2rem 2rem 0 0;
}
#wrap .container.channel#channelHome .visual .bottomsheet_modal .modal_content .btn_mute {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#wrap .container.channel#channelHome .visual .bottomsheet_modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#wrap .container.channel#channelHome .visual .bottomsheet_modal.active .modal_content {
  max-height: 50rem;
}
#wrap .container.channel#channelHome .visual .btn_live_view {
  display: none;
  gap: 0.6rem;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 3.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 11;
  width: max-content;
  height: 4.8rem;
  padding: 0 1.7rem;
  background-color: #FF2B00;
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.4rem);
  border-radius: 6rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelHome .visual .btn_live_view.active {
  display: flex;
}
#wrap .container.channel#channelHome .visual .btn_live_view::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 3rem;
  height: 1.4rem;
  background: url(/static/images/sub/channel/txt_live.png) no-repeat center/cover;
}
#wrap .container.channel#channelNews {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
  padding-bottom: 6rem;
}
#wrap .container.channel#channelNews .visual .news_list .news_item {
  padding: 2rem 1.6rem;
}
#wrap .container.channel#channelNews .visual .news_list .news_item ~ .news_item {
  margin-top: 2rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelNews .visual .news_list .news_item .store {
  display: flex;
  gap: 0.9rem;
  align-items: center;
  margin-bottom: 2.2rem;
}
#wrap .container.channel#channelNews .visual .news_list .news_item .store .profile {
  overflow: hidden;
  display: block;
  width: 4.2rem;
  height: 4.2rem;
  background-image: url(/static/images/sub/mypage/profile_default.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
/*#wrap .container.channel#channelNews .visual .news_list .news_item .store .profile img {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/
#wrap .container.channel#channelNews .visual .news_list .news_item .store .store_info {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
#wrap .container.channel#channelNews .visual .news_list .news_item .store .store_info .name {
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.channel#channelNews .visual .news_list .news_item .store .store_info .date {
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.channel#channelNews .visual .news_list .news_item .comment_box {
  margin-bottom: 2.2rem;
}
#wrap .container.channel#channelNews .visual .news_list .news_item .comment_box .ql-editor{
  padding: 0;
  margin: 0;
  line-height: 2.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.channel#channelNews .visual .news_list .news_item .newsSwiper {
  overflow: visible;
}
#wrap .container.channel#channelNews .visual .news_list .news_item .newsSwiper .swiper-container {
  overflow: hidden;
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  padding: 0 1.6rem;
}
#wrap .container.channel#channelNews .visual .news_list .news_item .newsSwiper .swiper-container .swiper-wrapper .swiper-slide {
  overflow: hidden;
  border-radius: 1.8rem;
}
#wrap .container.channel#channelNews .visual .news_list .news_item .newsSwiper .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
}
#wrap .container.channel#channelNews .visual .news_list .news_item .newsSwiper .swiper-container .swiper-pagination {
  display: flex;
  align-items: center;
  top: 1.2rem;
  left: auto;
  right: 1.2rem;
  width: max-content;
  height: 2rem;
  padding: 0 0.6rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 2.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.47);
}
#wrap .container.channel#channelNews .visual .news_list .news_item .newsSwiper .swiper-container .swiper-pagination-current {
  color: #fff;
}
#wrap .container.channel#channelProduct {
  overflow-y: auto;
  /*position: relative;*/
  height: calc(var(--vh) * 100);
  /*padding-bottom: 6rem;*/
}
#wrap .container.channel#channelProduct .visual .product_wrap {
  padding-bottom: 2rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper {
  position: relative;
  width: 100%;
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .live_remaining_item {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  position: absolute;
  top: 1.6rem;
  left: 2.4rem;
  z-index: 2;
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .live_remaining_item .live_product {
  display: none;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding: 0 0.8rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .live_remaining_item .live_product.active {
  display: flex;
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .live_remaining_item .remaining_item {
  display: flex;
  gap: 2rem;
  align-items: center;
  height: 3rem;
  padding: 0 0.8rem;
  background-color: #000;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .live_remaining_item .remaining_item .remaining_txt {
  position: relative;
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .live_remaining_item .remaining_item .remaining_txt::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -1rem;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 0.9rem;
  background-color: #4c4c4c;
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .swiper-button-prev,
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .swiper-button-next {
  right: 1.4rem;
  transform: translateY(-50%);
  width: 2.7rem;
  height: 2.7rem;
  margin: 0;
  background: url(/static/images/sub/broadcast/ic_arrow_swiper.svg) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .swiper-button-prev::after,
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .swiper-button-next::after {
  display: none;
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .swiper-button-prev {
  left: 1.4rem;
  right: auto;
  transform: translateY(-50%) scaleX(-1);
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .swiper-button-disabled {
  opacity: 1;
  pointer-events: auto;
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .swiper-pagination {
  display: flex;
  align-items: center;
  top: auto;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  height: 2rem;
  padding: 0 0.6rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 2.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .swiper-pagination-current {
  color: #fff;
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .swiper-container .swiper-wrapper .swiper-slide .img_wrap {
  width: 100%;
  height: 0;
  padding-bottom: 96%;
}
#wrap .container.channel#channelProduct .visual .product_wrap .productDetailSwiper .swiper-container .swiper-wrapper .swiper-slide .img_wrap img {
  width: 100%;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_store_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 1.5rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_store_wrap .store_name {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_store_wrap .store_name .profile {
  overflow: hidden;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #565656;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_store_wrap .store_name .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_store_wrap .store_name .name {
  font-size: 1.2rem;
  font-weight: 500;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_store_wrap .store_name .btn_store_link {
  display: block;
  width: 0.5rem;
  height: 1rem;
  margin-left: 0.3rem;
  background: url(/static/images/sub/broadcast/ic_arrow_store.svg) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_store_wrap .btn_share_store {
  display: block;
  width: 1.6em;
  height: 1.6rem;
  background: url(/static/images/sub/broadcast/ic_share_shadow.png) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info {
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .product_name {
  margin-bottom: 0.9rem;
  font-size: 1.6rem;
  font-weight: 500;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .btn_review {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  height: 2.3rem;
  margin-bottom: 1.6rem;
  padding: 0 1rem;
  background-color: rgba(255, 255, 255, 0.09);
  border-radius: 1.3rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .btn_review .scope {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .btn_review .scope::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/static/images/sub/broadcast/ic_star.svg) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .btn_review .review_num {
  position: relative;
  font-size: 1.1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .btn_review .review_num::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.1rem;
  left: -0.7rem;
  width: 0.1rem;
  height: 1.1rem;
  background-color: rgba(255, 255, 255, 0.14);
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .product_price {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 0.8rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .product_price .discount {
  display: none;
  align-items: center;
  height: 1.8rem;
  padding: 0 0.4rem;
  background-color: #e94a15;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .product_price .discount.active {
  display: flex;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .product_price .price {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  color: #ff5429;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .product_price .price .price_num {
  font-size: 2rem;
  font-weight: 600;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .product_price .price .price_txt {
  font-size: 1.3rem;
  font-weight: 600;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .product_price .original_price {
  display: none;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .product_price .original_price.active {
  display: block;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .product_info .item_left {
  font-size: 1.2rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .delivery_info {
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .delivery_info li {
  display: flex;
  gap: 2.6rem;
  font-size: 1.4rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .delivery_info li ~ li {
  margin-top: 1.6rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .delivery_info li .sort {
  flex-shrink: 0;
  opacity: 0.7;
  width: 4.9rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .product_info_wrap .product_detail_wrap .delivery_info li .detail {
  line-height: 2.2rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_btn_wrap {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  padding: 0 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_btn_wrap .btn_tab {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 5.7rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_btn_wrap .btn_tab.active {
  color: #fff;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_btn_wrap .btn_tab.active::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #fff;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content {
  display: none;
  padding: 2rem 1.6rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content.active {
  display: block;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .detail_desc {
  padding: 0;
  margin: 0;
  white-space: pre-line;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .detail_desc .ql-editor{
  padding: 0;
  margin: 0;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .detail_desc .prodcut_name {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .detail_desc .product_desc {
  margin-bottom: 2rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .detail_desc .product_desc li {
  position: relative;
  padding-left: 1rem;
  font-size: 1.4rem;
  line-height: 2.1rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .detail_desc .product_desc li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #fff;
  border-radius: 50%;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .detail_desc .img_wrap {
  overflow: hidden;
  margin-bottom: 2rem;
  border-radius: 1rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .detail_desc .img_wrap img {
  width: 100%;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .detail_desc .btn_more_detail {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  background-color: #343434;
  border: 0.1rem solid #2f2f2f;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  margin-top: 1rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .detail_desc .btn_more_detail::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_more_product.svg) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .detail_desc .btn_more_detail.active::after {
  transform: rotate(180deg);
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .detail_desc .more_detail_box {
  /*display: none;*/
  max-height: 30rem;
  /*margin-top: 2rem;*/
  overflow: hidden;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .detail_desc .more_detail_box.active {
  /*display: block;*/
  max-height: 100%;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box {
  padding: 1.8rem 1.8rem 2.2rem;
  background-color: #2e2e2e;
  border-radius: 1.3rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box ~ .review_box {
  margin-top: 1.4rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .review_info {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .review_info .profile {
  overflow: hidden;
  flex-shrink: 0;
  width: 4.2rem;
  height: 4.2rem;
  background-image: url(/static/images/sub/broadcast/ic_profile.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .review_info .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .user_name {
  margin-bottom: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box {
  display: flex;
  gap: 1.4rem;
  align-items: center;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .scope {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .scope .star_wrap {
  display: flex;
  gap: 0.2rem;
  align-items: center;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .scope .star_wrap .star {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/static/images/sub/broadcast/ic_star.svg) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .date {
  opacity: 0.8;
  position: relative;
  font-size: 1.2rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .date::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .reviewSwiper {
  width: calc(100% + 3.6rem);
  margin-bottom: 2rem;
  margin-left: -1.8rem;
  padding: 0 1.8rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .reviewSwiper .swiper-container .swiper-wrapper .swiper-slide {
  max-width: 7.1rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .reviewSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_review_img {
  overflow: hidden;
  display: block;
  width: 7.1rem;
  height: 7.1rem;
  border-radius: 1rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .reviewSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_review_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .review_box .review_txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.1rem;
  white-space: pre;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .btn_more_review {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  margin-top: 2rem;
  background-color: #343434;
  border: 0.1rem solid #2f2f2f;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .btn_more_review::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_more_product.svg) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .btn_more_review.active::after {
  transform: rotate(180deg);
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .more_review_box {
  display: none;
  margin-top: 1.4rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .review_wrap .more_review_box.active {
  display: block;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .btn_inquiry {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.8rem;
  background-color: #2e2e2e;
  border-radius: 0.9rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list {
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box {
  padding: 2.4rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box:last-child {
  border-bottom: none;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info {
  display: flex;
  gap: 2rem;
  align-items: center;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info .user_name {
  position: relative;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info .user_name::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -1rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .status {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 2.2rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .status.complete {
  background-color: #9d9d9d;
  color: #393939;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_txt .txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.3rem;
  word-break: break-word;
  white-space: pre-wrap;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box {
  margin-top: 1.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion {
  display: flex;
  gap: 2rem;
  align-items: center;
  width: 100%;
  height: 3.8rem;
  padding: 0 1.2rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion .manager {
  position: relative;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion .manager::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -1rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: auto;
  background: url(/static/images/sub/broadcast/ic_arrow_accordion.svg) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion.active::after {
  transform: rotate(180deg);
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .accordion_item {
  display: none;
  padding: 0 1.4rem 1.2rem;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .accordion_item.active {
  display: flex;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .accordion_item p {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.3rem;
  word-break: break-word;
  white-space: pre-wrap;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .inquiry_txt {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .inquiry_txt::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_lock.svg) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .answer_box .accordion_item p {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .answer_box .accordion_item p::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_lock_gray.svg) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .btn_more_inquiry {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  width: calc(100% - 3.2rem);
  height: 4.5rem;
  margin-top: 2rem;
  margin-left: 1.6rem;
  background-color: #343434;
  border: 0.1rem solid #2f2f2f;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .btn_more_inquiry::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_more_product.svg) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .btn_more_inquiry.active::after {
  transform: rotate(180deg);
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .more_inquiry_box {
  display: none;
}
#wrap .container.channel#channelProduct .visual .product_wrap .tab_contents .tab_content .inquiry_wrap .inquiry_list .more_inquiry_box.active {
  display: block;
}
#wrap .container.channel#channelProduct .visual .product_wrap .accordion_wrap .accordion_box {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelProduct .visual .product_wrap .accordion_wrap .accordion_box .btn_accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4.9rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelProduct .visual .product_wrap .accordion_wrap .accordion_box .btn_accordion::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_arrow_accordion.svg) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .product_wrap .accordion_wrap .accordion_box .btn_accordion.active::after {
  transform: rotate(180deg);
}
#wrap .container.channel#channelProduct .visual .product_wrap .accordion_wrap .accordion_box .accordion_item {
  display: none;
  padding: 0 2rem 2rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.channel#channelProduct .visual .product_wrap .accordion_wrap .accordion_box .accordion_item.active {
  display: block;
}
#wrap .container.channel#channelProduct .visual .product_wrap .accordion_wrap .accordion_box .accordion_item .txt {
  word-break: break-word;
  white-space: pre-wrap;
}
#wrap .container.channel#channelProduct .visual .fixed_area {
  /*position: fixed;*/
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 12.5rem;
  padding: 1.3rem 2.4rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.7rem);
  border-top: 0.1rem solid #191919;
}
#wrap .container.channel#channelProduct .visual .fixed_area .remaining_item {
  display: flex;
  gap: 1.6rem;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #e94a15;
}
#wrap .container.channel#channelProduct .visual .fixed_area .remaining_item .remaining_tit {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  position: relative;
}
#wrap .container.channel#channelProduct .visual .fixed_area .remaining_item .remaining_tit::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/static/images/sub/broadcast/ic_shopping_orange.svg) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .fixed_area .remaining_item .remaining_tit::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  right: -0.8rem;
  width: 0.1rem;
  height: 1.1rem;
  background-color: #222222;
}
#wrap .container.channel#channelProduct .visual .fixed_area .fixed_btn_wrap {
  display: flex;
  gap: 2rem;
  align-items: center;
}
#wrap .container.channel#channelProduct .visual .fixed_area .fixed_btn_wrap #btnProductHeart {
  flex-shrink: 0;
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  background: url(/static/images/sub/broadcast/ic_like_noshadow.svg) no-repeat center/cover;
}
#wrap .container.channel#channelProduct .visual .fixed_area .fixed_btn_wrap #btnProductHeart.active {
  background-image: url(/static/images/sub/broadcast/ic_like_noshadow_active.svg);
}
#wrap .container.channel#channelProduct .visual .fixed_area .fixed_btn_wrap #btnBuyDetail {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.4rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelInquiry {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
  padding-bottom: 10rem;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap {
  padding-bottom: 1rem;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .product_wrap {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .product_wrap .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 6.2rem;
  height: 6.2rem;
  border-radius: 1rem;
  background-image: url(/static/images/sub/mypage/ic_error.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .product_wrap .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .product_wrap .txt_wrap {
  display: flex;
  flex-direction: column;
  text-align: left;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .product_wrap .txt_wrap .product {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .product_wrap .txt_wrap .price {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #ff4415;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .product_wrap .txt_wrap .price .original_price {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .product_wrap .txt_wrap .remaining_item {
  opacity: 0.6;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap {
  padding: 2rem 1.6rem 2.4rem;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .select_item {
  /*position: relative;*/
  /*width: 100%;*/
  margin-bottom: 1.2rem;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .select_item .btn_select {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  padding: 0 1.8rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .select_item .btn_select .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .select_item .btn_select::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: transparent url(/static/images/sub/shopping/ic_arrow_select.svg) no-repeat center/cover;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .select_item .option_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .select_item .option_wrap .option_list {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: max-height 0.3s ease-out;
  width: 100%;
  max-height: 0;
  padding: 3rem 1.6rem 4rem;
  background: linear-gradient(180deg, rgba(27, 27, 27, 0.81) 0%, rgba(27, 27, 27, 0.9) 100%);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border: 0.1rem solid rgba(57, 57, 57, 0.55);
  border-radius: 2rem 2rem 0 0;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .select_item .option_wrap .option_list .btn_option {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .select_item .option_wrap .option_list .btn_option ~ .btn_option {
  margin-top: 2.8rem;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .select_item .option_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .select_item .option_wrap.active .option_list {
  max-height: 50rem;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .textarea_box {
  overflow: hidden;
  height: 19.2rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .textarea_box textarea {
  display: block;
  width: 100%;
  height: 16rem;
  padding: 2rem;
  background-color: #1b1b1b;
  border: none;
  font-family: "Pretendard", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .textarea_box textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .textarea_box .txt_num {
  display: flex;
  gap: 0.4rem;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
  font-size: 1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .inquiry_category_wrap .textarea_box .txt_num p {
  transform: translateY(-0.1rem);
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .photo_wrap {
  padding: 0 1.6rem 2rem;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .photo_wrap .photo_tit {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .photo_wrap .photo_tit .sm_txt {
  font-weight: 400;
  color: #a0a0a0;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .photo_wrap .photo_box {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .photo_wrap .photo_box .file_group {
  position: relative;
  width: calc(25% - 0.6rem);
  height: 7.9rem;
  padding-bottom: 23.24%;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .photo_wrap .photo_box .file_group input[type=file] {
  display: none;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .photo_wrap .photo_box .file_group label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e url(/static/images/sub/mypage/ic_photo.svg) no-repeat center;
  border-radius: 1rem;
}
/*#wrap .container.channel#channelInquiry .visual .inquiry_wrap .photo_wrap .photo_box .photo {*/
/*  overflow: hidden;*/
/*  position: relative;*/
/*  width: calc(25% - 0.6rem);*/
/*  height: 7.9rem;*/
/*  padding-bottom: 23.24%;*/
/*  border-radius: 1rem;*/
/*}*/
/*#wrap .container.channel#channelInquiry .visual .inquiry_wrap .photo_wrap .photo_box .photo img {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*}*/
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .photo_wrap .photo_box .add_file_box {
  overflow: hidden;
  position: relative;
  width: calc(25% - 0.6rem);
  height: 7.9rem;
  padding-bottom: 23.24%;
  border-radius: 1rem;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .photo_wrap .photo_box .add_file_box .add_file_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .photo_wrap .photo_box .add_file_box .btn_delete {
  display: block;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  z-index: 1;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/static/images/sub/mypage/ic_photo_close.png) no-repeat center/cover;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .info {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0 1.6rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .info::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(/static/images/sub/mypage/ic_info.svg) no-repeat center/cover;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .checkbox_group {
  margin-top: 2.4rem;
  padding: 0 1.6rem;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .checkbox_group input[type=checkbox]:checked ~ label::before {
  background: #ff582f url(/static/images/common/ic_checkbox_active.svg) no-repeat center;
  border: none;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .checkbox_group label {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelInquiry .visual .inquiry_wrap .checkbox_group label::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #7a7a7a;
  border-radius: 0.4rem;
}
#wrap .container.channel#channelInquiry .visual .btn_wrap {
  /*position: fixed;*/
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  padding: 1.2rem 1.6rem 2.4rem;
  background-color: #000;
}
#wrap .container.channel#channelInquiry .visual .btn_wrap .btn_save {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.channel#channelInquiry .visual .btn_wrap .btn_save.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.channel#channelInquiry .visual .btn_wrap .btn_save.active:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
#wrap .container.channel#channelReplay .channel_wrap {
  overflow: hidden;
  height: calc(var(--vh) * 100);
  touch-action: none;
}
#wrap .container.channel#channelReplay .channel_wrap .broadcast_screen {
  position: relative;
  overflow-y: hidden;
  touch-action: none;
}
#wrap .container.channel#channelReplay .channel_wrap .broadcast_screen img {
  width: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .broadcast_screen::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180.03deg, rgba(37, 37, 37, 0) 51.54%, #252525 99.97%);
}
#wrap .container.channel#channelReplay .channel_wrap .broadcast_screen .complete_box {
  display: flex;
  gap: 1.1rem;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding-top: calc(var(--vh) * 38);
  padding-bottom: 10rem;
  background-color: rgba(37, 37, 37, 0.7);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(7.4rem);
}
#wrap .container.channel#channelReplay .channel_wrap .broadcast_screen .complete_box .txt {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.channel#channelReplay .channel_wrap .broadcast_screen .complete_box .btn_replay {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .broadcast_screen .complete_box .btn_replay::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  background: url(/static/images/sub/channel/ic_replay.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 5.8rem 1.6rem 0;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap::after {
  content: "";
  opacity: 0.98;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 13.4rem;
  background: linear-gradient(0deg, rgba(37, 37, 37, 0) 12.31%, rgba(0, 0, 0, 0.3) 57.46%);
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .flex_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-bottom: 0.4rem;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .flex_wrap .store_name {
  display: flex;
  gap: 0.7rem;
  align-items: flex-end;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .flex_wrap .store_name.hidden {
  display: none;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .flex_wrap .store_name .profile {
  overflow: hidden;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .flex_wrap .store_name .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .flex_wrap .store_name .name {
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .flex_wrap .btn_wrap {
  display: flex;
  gap: 1rem;
  position: relative;
  margin-left: auto;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .flex_wrap .btn_wrap .btn_more {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  background: url(/static/images/sub/broadcast/ic_more.png) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .flex_wrap .btn_wrap .btn_screen {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  background: url(/static/images/sub/broadcast/ic_screen.png) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .flex_wrap .btn_wrap .more_box {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-1rem);
  transition: opacity 0.3s ease, transform 0.3s ease;
  position: absolute;
  top: 4.1rem;
  right: 4.4rem;
  width: 14.4rem;
  background-color: rgba(27, 27, 27, 0.75);
  box-shadow: 0 1.1rem 3rem 0 rgba(0, 0, 0, 0.23);
  backdrop-filter: blur(4rem);
  border-radius: 0.9rem;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .flex_wrap .btn_wrap .more_box button {
  display: flex;
  align-items: center;
  width: 100%;
  height: 5.5rem;
  padding: 0 1.8rem;
  font-size: 1.6rem;
  font-weight: 500;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .flex_wrap .btn_wrap .more_box button ~ button {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .flex_wrap .btn_wrap .more_box.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .view_box {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .view_box.hidden {
  opacity: 0;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .view_box .live {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.1rem;
  height: 1.9rem;
  background-color: #FF2B00;
  border-radius: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .view_box .view {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .view_box .view::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/static/images/sub/broadcast/ic_view_person.png) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .btn_sound {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  margin-left: -0.4rem;
  background: url(/static/images/sub/broadcast/ic_sound.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .btn_sound.mute {
  background-image: url(/static/images/sub/broadcast/ic_sound_mute.svg);
}
#wrap .container.channel#channelReplay .channel_wrap .top_wrap .btn_sound.hidden {
  opacity: 0;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap {
  position: absolute;
  left: 0;
  bottom: 13.2rem;
  width: 100%;
  padding: 0 1.6rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap.active {
  display: none;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap.chat_hidden {
  bottom: 10.2rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box {
  position: relative;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box.hidden {
  opacity: 0;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box {
  width: calc(100% - 4.8rem);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.8rem;
  margin-bottom: 2.6rem;
  background-color: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(2rem);
  border-radius: 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .joined::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.4rem;
  background: url(/static/images/sub/broadcast/ic_hand.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box {
  overflow-y: auto;
  width: 100%;
  height: 6.5rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment {
  display: flex;
  gap: 1.5rem;
  font-size: 1.4rem;
  font-weight: 600;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment ~ .comment {
  margin-top: 0.7rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment .nickname {
  flex-shrink: 0;
  opacity: 0.8;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment.yellow {
  color: #fffa67;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment.pink {
  color: #ffb1ee;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment.orange {
  color: #ff9864;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment.blue {
  color: #79c0ff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .comment_inner_box .comment.skyblue {
  color: #b6f3ff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .current_message {
  display: none;
  gap: 0.8rem;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 3.2rem;
  padding: 0 1rem;
  background-color: rgba(255, 60, 0, 0.5);
  box-shadow: 0 0 5rem 0 rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2rem);
  border-radius: 0.8rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .current_message .nickname {
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: 600;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .current_message .comment {
  margin-right: 1.2rem;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .current_message::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: auto;
  background: url(/static/images/sub/broadcast/ic_arrow.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .comment_btn_box .comment_box .current_message.active {
  display: flex;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .btn_total_wrap {
  display: flex;
  gap: 1.1rem;
  flex-direction: column;
  position: absolute;
  right: 1.6rem;
  bottom: 7.6rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .btn_total_wrap.hidden {
  opacity: 0;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .btn_total_wrap button {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .btn_total_wrap button#btnChat {
  background: url(/static/images/sub/broadcast/ic_chat.png) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .btn_total_wrap button#btnChat.none {
  background-image: url(/static/images/sub/broadcast/ic_chat_none.png);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .btn_total_wrap button#btnLike {
  background: url(/static/images/sub/broadcast/ic_like.png) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .btn_total_wrap button#btnLike.active {
  background-image: url(/static/images/sub/broadcast/ic_like_active.png);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .btn_total_wrap button#btnCoupon {
  background: url(/static/images/sub/broadcast/ic_coupon.png) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .btn_total_wrap button#btnCoupon.none {
  background-image: url(/static/images/sub/broadcast/ic_coupon_none.png);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .btn_total_wrap button#btnShare {
  background: url(/static/images/sub/broadcast/ic_share.png) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap #btnNotice {
  overflow: hidden;
  display: flex;
  gap: 1rem;
  align-items: center;
  position: relative;
  width: 100%;
  height: 3.4rem;
  padding: 0 1.2rem 0 0.4rem;
  background-color: #1a1a1a;
  backdrop-filter: blur(2rem);
  border-radius: 0.8rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap #btnNotice::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 5.6rem;
  height: 100%;
  background: linear-gradient(270deg, #1a1a1a 18.52%, rgba(26, 26, 26, 0) 98.15%);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap #btnNotice .notice_tit {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.9rem;
  height: 2.6rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap #btnNotice .notice_txt {
  overflow: hidden;
  position: relative;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap #btnNotice .notice_txt .notice_scroll {
  display: inline-flex;
  align-items: center;
  animation: scrollLoop 12s linear infinite;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap #btnNotice .notice_txt .notice_scroll span {
  margin-right: 1.6rem;
  font-size: 1.4rem;
  color: #ff623b;
  white-space: nowrap;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp {
  position: relative;
  margin-top: 3.6rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_bar_bg {
  position: relative;
  width: 100%;
  height: 0.5rem;
  margin-bottom: 1.4rem;
  background-color: rgba(255, 255, 255, 0.16);
  border-radius: 5rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_bar_bg .progress_fill {
  position: absolute;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_bar_bg .progress_thumb {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #fff;
  box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  transition: background-color 0.2s, opacity 0.2s;
  opacity: 0;
  pointer-events: none;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_bar_bg .progress_thumb.visible {
  opacity: 1;
  pointer-events: auto;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_bar_bg .timeline_mark {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #fe471a;
  border-radius: 0.3rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .preview_timeline {
  display: none;
  flex-direction: column;
  position: absolute;
  bottom: 6rem;
  transform: translateX(-50%);
  width: 12.8rem;
  min-height: 19.7rem;
  padding: 1rem;
  background-color: rgba(27, 27, 27, 0.75);
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4rem);
  border-radius: 1rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .preview_timeline .img_wrap {
  overflow: hidden;
  position: relative;
  width: 10.8rem;
  height: 10.8rem;
  margin-bottom: 1.2rem;
  border-radius: 1rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .preview_timeline .img_wrap img {
  width: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .preview_timeline .img_wrap .time {
  position: absolute;
  top: 1.2rem;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .preview_timeline .timeline_tit {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .preview_timeline .timeline_price {
  margin-top: auto;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .preview_timeline.active {
  display: flex;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_btn_wrap {
  display: flex;
  align-items: center;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_btn_wrap .btn_play {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/static/images/sub/channel/ic_play.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_btn_wrap .btn_play.pause {
  background-image: url(/static/images/sub/channel/ic_pause.svg);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_btn_wrap .time {
  margin: 0 0.8rem 0 2.4rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_btn_wrap .btn_product_timeline {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  height: 2.4rem;
  padding: 0 0.8rem;
  background-color: #121212;
  border-radius: 1.2rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_btn_wrap .btn_product_timeline::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  background: url(/static/images/sub/channel/ic_shopping_orange.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_btn_wrap .btn_product_timeline::after {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.2rem;
  background: url(/static/images/sub/channel/ic_arrow_orange.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_btn_wrap .btn_speed {
  display: flex;
  align-items: center;
  height: 2.4rem;
  margin-left: auto;
  padding: 0 0.8rem;
  background-color: #444444;
  border-radius: 1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .comment_btn_wrap .progress_wrp .progress_bar_wrap.active .progress_bar_bg {
  height: 1rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .modal-dim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .modal-dim.active {
  display: block;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  max-height: 49.2rem;
  background-color: rgba(27, 27, 27, 0.75);
  border: 0.1rem solid rgba(57, 57, 57, 0.55);
  border-radius: 2rem 2rem 0 0;
  box-shadow: 0 0.4rem 9rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(2rem);
  transition: height 0.3s ease-out;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet .handle_bar {
  cursor: grab;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2rem;
  padding: 0.8rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet .handle_bar .handle {
  width: 4.3rem;
  height: 0.4rem;
  background: #888888;
  border-radius: 3rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet .sheet_content {
  overflow: hidden;
  flex: 1;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet .sheet_content .title {
  padding: 1rem 0 2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet.active {
  overflow: visible;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet {
  position: relative;
  height: 10.2rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet.hidden {
  opacity: 0;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .handle_bar {
  align-items: flex-start;
  position: absolute;
  height: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content {
  pointer-events: none;
  padding-top: 2rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .checkbox_group {
  display: none;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .checkbox_group input[type=checkbox]:checked ~ label::before {
  background: #ff582f url(/static/images/sub/broadcast/ic_checkbox.svg) no-repeat center;
  border: none;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .checkbox_group label {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .checkbox_group label::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  border: 0.1rem solid #606060;
  border-radius: 0.4rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  padding: 0 1.6rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  width: calc(100% - 5.4rem);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .img_wrap {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  width: 6.2rem;
  height: 6.2rem;
  border-radius: 1rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .img_wrap .live_product {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.5rem;
  left: 0.4rem;
  width: 5.3rem;
  height: 2rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .img_wrap img {
  width: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .txt_wrap {
  display: flex;
  flex-direction: column;
  width: calc(100% - 7.6rem);
  text-align: left;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .txt_wrap .product {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .txt_wrap .price {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #ff4415;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .txt_wrap .price .original_price {
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_product .txt_wrap .remaining_item {
  opacity: 0.6;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li .btn_shopping_cart {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  background: #FF2B00 url(/static/images/sub/broadcast/ic_shopping.svg) no-repeat center;
  border-radius: 50%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet .sheet_content .product_list li:nth-child(n+2) {
  display: none;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet.has_height {
  backdrop-filter: blur(4rem);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet.has_height .handle_bar {
  position: static;
  height: 2rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content {
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  padding-top: 0;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .checkbox_group {
  flex-direction: column;
  display: block;
  padding: 1.5rem 1.6rem 2rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list {
  overflow-y: auto;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li {
  padding: 2rem 1.6rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li ~ li {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li:first-child {
  padding-top: 0;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li:nth-child(n+1) {
  display: flex;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li.soldout {
  position: relative;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li.soldout::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.36);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#bottomSheet.has_height .sheet_content .product_list li.soldout::after {
  content: "Sold out";
  display: block;
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
  z-index: 3;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#noticeBottomSheet .sheet_content {
  display: flex;
  flex-direction: column;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#noticeBottomSheet .sheet_content .notice_list_box {
  overflow-y: auto;
  padding: 0 0.9rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#noticeBottomSheet .sheet_content .notice_list_box .notice_tit {
  padding: 2rem 0.7rem 1rem;
  font-size: 1.6rem;
  font-weight: 700;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#noticeBottomSheet .sheet_content .notice_list_box .notice_list {
  margin-bottom: 2rem;
  padding-left: 2rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#noticeBottomSheet .sheet_content .notice_list_box .notice_list li {
  position: relative;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#noticeBottomSheet .sheet_content .notice_list_box .notice_list li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -1rem;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.2rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content {
  display: flex;
  flex-direction: column;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .coupon_wrap {
  overflow-y: auto;
  padding: 2rem 1.6rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .coupon_wrap .coupon_tit {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .coupon_wrap .coupon_tit .num {
  color: #ff582f;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .coupon_wrap .coupon_box {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .coupon_wrap .coupon_box .btn_coupon_detail {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15.1rem;
  background-color: #404040;
  border-radius: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .copon_btn_wrap {
  flex-direction: column;
  width: 100%;
  height: 8.7rem;
  margin-top: auto;
  padding: 0.8rem 1.6rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.3rem);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#couponBottomSheet .sheet_content .copon_btn_wrap .btn_coupon_download {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#timelineBottomSheet .sheet_content {
  display: flex;
  flex-direction: column;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#timelineBottomSheet .sheet_content .timeline_wrap {
  overflow-y: auto;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#timelineBottomSheet .sheet_content .timeline_wrap .btn_timeline {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  width: 100%;
  padding: 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#timelineBottomSheet .sheet_content .timeline_wrap .btn_timeline .img_wrap {
  overflow: hidden;
  flex-shrink: 0;
  display: block;
  width: 7rem;
  height: 7rem;
  border-radius: 1rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#timelineBottomSheet .sheet_content .timeline_wrap .btn_timeline .img_wrap img {
  width: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#timelineBottomSheet .sheet_content .timeline_wrap .btn_timeline .txt_wrap .product_tit {
  display: block;
  margin-bottom: 0.7rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#timelineBottomSheet .sheet_content .timeline_wrap .btn_timeline .txt_wrap .price {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#timelineBottomSheet .sheet_content .timeline_wrap .btn_timeline .txt_wrap .price .original_price {
  font-size: 1.2rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#timelineBottomSheet .sheet_content .timeline_wrap .btn_timeline .txt_wrap .time {
  display: flex;
  align-items: center;
  width: max-content;
  height: 2rem;
  padding: 0 0.7rem;
  background-color: #000;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #ff623b;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#timelineBottomSheet .sheet_content .timeline_wrap .btn_timeline.active {
  background-color: rgba(255, 255, 255, 0.07);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet {
  max-height: 68rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content {
  overflow-y: auto;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper {
  position: relative;
  width: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .live_remaining_item {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  position: absolute;
  top: 1.6rem;
  left: 2.4rem;
  z-index: 2;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .live_remaining_item .live_product {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding: 0 0.8rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .live_remaining_item .remaining_item {
  display: flex;
  gap: 2rem;
  align-items: center;
  height: 3rem;
  padding: 0 0.8rem;
  background-color: #000;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .live_remaining_item .remaining_item .remaining_txt {
  position: relative;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .live_remaining_item .remaining_item .remaining_txt::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -1rem;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 0.9rem;
  background-color: #4c4c4c;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-button-prev,
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-button-next {
  right: 1.4rem;
  transform: translateY(-50%);
  width: 2.7rem;
  height: 2.7rem;
  margin: 0;
  background: url(/static/images/sub/broadcast/ic_arrow_swiper.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-button-prev::after,
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-button-next::after {
  display: none;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-button-prev {
  left: 1.4rem;
  right: auto;
  transform: translateY(-50%) scaleX(-1);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-button-disabled {
  opacity: 1;
  pointer-events: auto;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-pagination {
  display: flex;
  align-items: center;
  top: auto;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  height: 2rem;
  padding: 0 0.6rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 2.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-pagination-current {
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-container .swiper-wrapper .swiper-slide .img_wrap {
  width: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .productDetailSwiper .swiper-container .swiper-wrapper .swiper-slide .img_wrap img {
  width: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 1.5rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap .store_name {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap .store_name .profile {
  width: 1.2rem;
  height: 1.2rem;
  background-color: #565656;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap .store_name .profile img {
  width: 100%;
  height: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap .store_name .name {
  font-size: 1.2rem;
  font-weight: 500;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap .store_name .btn_store_link {
  display: block;
  width: 0.5rem;
  height: 1rem;
  margin-left: 0.3rem;
  background: url(/static/images/sub/broadcast/ic_arrow_store.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_store_wrap .btn_share_store {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/static/images/sub/broadcast/ic_share_shadow.png) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info {
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_name {
  margin-bottom: 0.9rem;
  font-size: 1.6rem;
  font-weight: 500;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .btn_review {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  height: 2.3rem;
  margin-bottom: 1.6rem;
  padding: 0 1rem;
  background-color: rgba(255, 255, 255, 0.09);
  border-radius: 1.3rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .btn_review .scope {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .btn_review .scope::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/static/images/sub/broadcast/ic_star.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .btn_review .review_num {
  position: relative;
  font-size: 1.1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .btn_review .review_num::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.1rem;
  left: -0.7rem;
  width: 0.1rem;
  height: 1.1rem;
  background-color: rgba(255, 255, 255, 0.14);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 0.8rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price .discount {
  display: flex;
  align-items: center;
  height: 1.8rem;
  padding: 0 0.4rem;
  background-color: #e94a15;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price .price {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  color: #ff5429;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price .price .price_num {
  font-size: 2rem;
  font-weight: 600;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price .price .price_txt {
  font-size: 1.3rem;
  font-weight: 600;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .product_price .original_price {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .product_info .item_left {
  font-size: 1.2rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .delivery_info {
  padding: 2rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .delivery_info li {
  display: flex;
  gap: 2.6rem;
  font-size: 1.4rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .delivery_info li ~ li {
  margin-top: 1.6rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .delivery_info li .sort {
  flex-shrink: 0;
  opacity: 0.7;
  width: 4.9rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .product_info_wrap .product_detail_wrap .delivery_info li .detail {
  line-height: 2.2rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_btn_wrap {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  padding: 0 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_btn_wrap .btn_tab {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 5.7rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_btn_wrap .btn_tab.active {
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_btn_wrap .btn_tab.active::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content {
  display: none;
  padding: 2rem 1.6rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content.active {
  display: block;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .prodcut_name {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .product_desc {
  margin-bottom: 2rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .product_desc li {
  position: relative;
  padding-left: 1rem;
  font-size: 1.4rem;
  line-height: 2.1rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .product_desc li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #fff;
  border-radius: 50%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .img_wrap {
  margin-bottom: 2rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .img_wrap img {
  width: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .btn_more_detail {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  background-color: #343434;
  border: 0.1rem solid #2f2f2f;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .btn_more_detail::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_more_product.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .btn_more_detail.active::after {
  transform: rotate(180deg);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .more_detail_box {
  display: none;
  margin-top: 2rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .detail_desc .more_detail_box.active {
  display: block;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box {
  padding: 1.8rem 1.8rem 2.2rem;
  background-color: #2e2e2e;
  border-radius: 1.3rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box ~ .review_box {
  margin-top: 1.4rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .profile {
  overflow: hidden;
  flex-shrink: 0;
  width: 4.2rem;
  height: 4.2rem;
  background-image: url(/static/images/sub/broadcast/ic_profile.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .profile img {
  width: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .user_name {
  margin-bottom: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box {
  display: flex;
  gap: 1.4rem;
  align-items: center;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .scope {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .scope .star_wrap {
  display: flex;
  gap: 0.2rem;
  align-items: center;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .scope .star_wrap .star {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/static/images/sub/broadcast/ic_star.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .date {
  opacity: 0.8;
  position: relative;
  font-size: 1.2rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_info .user_info .scope_box .date::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: -0.7rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .reviewSwiper {
  width: calc(100% + 3.6rem);
  margin-bottom: 2rem;
  margin-left: -1.8rem;
  padding: 0 1.8rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .reviewSwiper .swiper-container .swiper-wrapper .swiper-slide {
  max-width: 7.1rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .reviewSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_review_img {
  display: block;
  width: 7.1rem;
  height: 7.1rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .reviewSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_review_img img {
  width: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .review_box .review_txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.1rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .btn_more_review {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  margin-top: 2rem;
  background-color: #343434;
  border: 0.1rem solid #2f2f2f;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .btn_more_review::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_more_product.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .btn_more_review.active::after {
  transform: rotate(180deg);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .more_review_box {
  display: none;
  margin-top: 1.4rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .review_wrap .more_review_box.active {
  display: block;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .btn_inquiry {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.8rem;
  background-color: #2e2e2e;
  border-radius: 0.9rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list {
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box {
  padding: 2.4rem 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box:last-child {
  border-bottom: none;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info {
  display: flex;
  gap: 2rem;
  align-items: center;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info .user_name {
  position: relative;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .info .user_name::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -1rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .status {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 2.2rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_info .status.complete {
  background-color: #9d9d9d;
  color: #393939;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .inquiry_txt .txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.3rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box {
  margin-top: 1.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion {
  display: flex;
  gap: 2rem;
  align-items: center;
  width: 100%;
  height: 3.8rem;
  padding: 0 1.2rem;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion .manager {
  position: relative;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion .manager::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -1rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #373737;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: auto;
  background: url(/static/images/sub/broadcast/ic_arrow_accordion.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .btn_accordion.active::after {
  transform: rotate(180deg);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .accordion_item {
  display: none;
  padding: 0 1.4rem 1.2rem;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box .answer_box .accordion_item.active {
  display: flex;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .inquiry_txt {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .inquiry_txt::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_lock.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .answer_box .accordion_item p {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .inquiry_box.secret .answer_box .accordion_item p::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_lock_gray.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .btn_more_inquiry {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  width: calc(100% - 3.2rem);
  height: 4.5rem;
  margin-top: 2rem;
  margin-left: 1.6rem;
  background-color: #343434;
  border: 0.1rem solid #2f2f2f;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .btn_more_inquiry::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_more_product.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .btn_more_inquiry.active::after {
  transform: rotate(180deg);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .more_inquiry_box {
  display: none;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .tab_contents .tab_content .inquiry_wrap .inquiry_list .more_inquiry_box.active {
  display: block;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .accordion_wrap .accordion_box {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .accordion_wrap .accordion_box .btn_accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4.9rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .accordion_wrap .accordion_box .btn_accordion::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_arrow_accordion.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .accordion_wrap .accordion_box .btn_accordion.active::after {
  transform: rotate(180deg);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .accordion_wrap .accordion_box .accordion_item {
  display: none;
  padding: 0 2rem 2rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .sheet_content .accordion_wrap .accordion_box .accordion_item.active {
  display: block;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping {
  opacity: 0;
  display: none;
  gap: 1.2rem;
  align-items: center;
  position: fixed;
  left: 1.6rem;
  bottom: 13.2rem;
  z-index: 3;
  transform: translateY(3rem);
  transition: opacity 0.3s ease, transform 0.3s ease;
  width: calc(100% - 3.2rem);
  height: 6.2rem;
  padding: 0 2rem 0 1rem;
  background-color: rgba(48, 48, 48, 0.8);
  box-shadow: 0 0 5rem 0 rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2rem);
  border-radius: 1.1rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping .img_wrap {
  overflow: hidden;
  display: block;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 0.7rem;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping .img_wrap img {
  width: 100%;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping .txt {
  font-size: 1.4rem;
  color: #fff;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping .shopping {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-left: auto;
  font-size: 1.2rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping .shopping::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/static/images/sub/broadcast/ic_arrow_orange.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .go_btnShopping.active {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .fixed_area {
  width: 100%;
  height: 12.5rem;
  padding: 1.3rem 2.4rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.7rem);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .fixed_area .remaining_item {
  display: flex;
  gap: 1.6rem;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #e94a15;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .fixed_area .remaining_item .remaining_tit {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  position: relative;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .fixed_area .remaining_item .remaining_tit::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/static/images/sub/broadcast/ic_shopping_orange.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .fixed_area .remaining_item .remaining_tit::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  right: -0.8rem;
  width: 0.1rem;
  height: 1.1rem;
  background-color: #222222;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .fixed_area .fixed_btn_wrap {
  display: flex;
  gap: 2rem;
  align-items: center;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .fixed_area .fixed_btn_wrap #btnProductHeart {
  flex-shrink: 0;
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  background: url(/static/images/sub/broadcast/ic_like_noshadow.svg) no-repeat center/cover;
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .fixed_area .fixed_btn_wrap #btnProductHeart.active {
  background-image: url(/static/images/sub/broadcast/ic_like_noshadow_active.svg);
}
#wrap .container.channel#channelReplay .channel_wrap .bottom_wrap .bottom_sheet#productDetailBottomSheet .fixed_area .fixed_btn_wrap #btnBuyDetail {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.4rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.login#login .visual {
  overflow-y: auto;
  position: relative;
  height: calc(var(--vh) * 100);
  padding: 0 1.6rem 6rem;
}
#wrap .container.login#login .visual .txt_wrap {
  padding: 3.8rem 0 0;
  text-align: center;
}
#wrap .container.login#login .visual .txt_wrap h3 {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 3.3rem;
}
#wrap .container.login#login .visual .txt_wrap .desc {
  margin-top: 1rem;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.login#login .visual .input_group {
  margin-top: 2.4rem;
}
#wrap .container.login#login .visual .input_group ~ .input_group {
  margin-top: 1rem;
}
#wrap .container.login#login .visual .input_group input {
  display: block;
  width: 100%;
  height: 6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
  font-size: 1.6rem;
  color: #fff;
}
#wrap .container.login#login .visual .input_group input::placeholder {
  font-weight: 600;
  color: #5c5c5c;
}
#wrap .container.login#login .visual .checkbox_group {
  margin-top: 1.5rem;
}
#wrap .container.login#login .visual .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .container.login#login .visual .checkbox_group input[type=checkbox]:checked ~ label::before {
  background: #ff582f url(/static/images/common/ic_checkbox_active.svg) no-repeat center;
  border: none;
}
#wrap .container.login#login .visual .checkbox_group label {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.login#login .visual .checkbox_group label::before {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.1rem solid #525252;
  border-radius: 0.3rem;
}
#wrap .container.login#login .visual .btn_login {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  width: 100%;
  height: 5.4rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.login#login .visual .btn_login_pop {
  display: none;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  height: 5.4rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  position:absolute;
  flex-direction: column;
  left: 1.2rem;
  bottom: 10rem;
  z-index: 1;
  width: calc(100% - 2.4rem);
}
#wrap .container.login#login .visual .btn_login_pop.active {
  display: flex;
}
#wrap .container.login#login .visual .btn_link {
  display: flex;
  gap: 0.3rem;
  justify-content: center;
  align-items: center;
  width: max-content;
  margin: 2.6rem auto 0;
  font-size: 1.4rem;
  color: #fff;
}
#wrap .container.login#login .visual .btn_link::after {
  content: "";
  display: block;
  transform: scaleX(-1);
  width: 1.2rem;
  height: 1.2rem;
  background: url(/static/images/common/ic_arrow_back.svg) no-repeat center/cover;
}
#wrap .container.login#login .visual .login_sns {
  position: relative;
  margin-top: 8.8rem;
}
#wrap .container.login#login .visual .login_sns::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.1);
}
#wrap .container.login#login .visual .login_sns .txt {
  position: relative;
  z-index: 1;
  width: max-content;
  margin: 0 auto;
  padding: 0 1.2rem;
  background-color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
#wrap .container.login#login .visual .login_sns .sns_list {
  display: flex;
  gap: 2.5rem;
  justify-content: center;
  align-items: center;
  margin-top: 2.6rem;
}
#wrap .container.login#login .visual .login_sns .sns_list li button {
  overflow: hidden;
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}
#wrap .container.login#login .visual .login_sns .sns_list li button.btn_login_kakao {
  background: url(/static/images/common/logo_kakao.svg) no-repeat center/cover;
}
#wrap .container.login#login .visual .login_sns .sns_list li button.btn_login_naver {
  background: url(/static/images/common/logo_naver.svg) no-repeat center/cover;
}
#wrap .container.login#login .visual .login_sns .sns_list li button.btn_login_apple {
  background: url(/static/images/common/logo_apple.svg) no-repeat center/cover;
}
#wrap .container.login#joinMember .visual {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.login#joinMember .visual .join_warp{
  padding: 2rem 1.6rem 10rem;
}
#wrap .container.login#joinMember .visual h3 {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 3.7rem;
}
#wrap .container.login#joinMember .visual .input_group {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  margin-top: 3rem;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.login#joinMember .visual .input_group ~ .input_group {
  margin-top: 4rem;
}
#wrap .container.login#joinMember .visual .input_group label {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.login#joinMember .visual .input_group input {
  width: calc(100% - 8.2rem);
  height: 3.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.login#joinMember .visual .input_group input::placeholder {
  color: #5c5c5c;
}
#wrap .container.login#joinMember .visual .input_group .btn_verify {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.2rem;
  height: 3.4rem;
  background-color: #2e2e2e;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #5c5c5c;
}
#wrap .container.login#joinMember .visual .input_group .btn_verify.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.login#joinMember .visual .input_group .btn_duplication {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.2rem;
  height: 3.4rem;
  background-color: #2e2e2e;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #5c5c5c;
}
#wrap .container.login#joinMember .visual .input_group .btn_duplication.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.login#joinMember .visual .input_group .nickname_txt {
  display: none;
  gap: 0.4rem;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: -2.4rem;
  font-size: 1.2rem;
}
#wrap .container.login#joinMember .visual .input_group .nickname_txt.active {
  display: flex;
}
#wrap .container.login#joinMember .visual .input_group .nickname_txt::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
}
#wrap .container.login#joinMember .visual .input_group .nickname_txt.correct {
  color: #2f90ff;
}
#wrap .container.login#joinMember .visual .input_group .nickname_txt.correct::before {
  background: url(/static/images/common/ic_correct.svg) no-repeat center/cover;
}
#wrap .container.login#joinMember .visual .input_group .nickname_txt.error {
  color: #ff322f;
}
#wrap .container.login#joinMember .visual .input_group .nickname_txt.error::before {
  background: url(/static/images/common/ic_correct_error.svg) no-repeat center/cover;
}
#wrap .container.login#joinMember .visual .input_group.verify_box {
  display: none;
  margin-top: 1.8rem;
  padding-bottom: 0;
  border-bottom: none;
  justify-content: space-between;
}
#wrap .container.login#joinMember .visual .input_group.verify_box.active {
  display: flex;
}
#wrap .container.login#joinMember .visual .input_group.verify_box input {
  width: calc(100% - 13.2rem);
  margin-bottom: 1.2rem;
}
#wrap .container.login#joinMember .visual .input_group.verify_box .time {
  flex-shrink: 0;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  color: #ff582f;
}
#wrap .container.login#joinMember .visual .input_group.verify_box .btn_resend {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.6rem;
  height: 3.4rem;
  margin-bottom: 1.2rem;
  background-color: #363636;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.login#joinMember .visual .input_group.verify_box .btn_full_verify {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 4.8rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.login#joinMember .visual .error_txt {
  display: none;
  gap: 0.4rem;
  align-items: center;
  margin-top: 1rem;
  font-size: 1.2rem;
  color: #ff322f;
}
#wrap .container.login#joinMember .visual .error_txt.active {
  display: flex;
}
#wrap .container.login#joinMember .visual .error_txt::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_error.svg) no-repeat center/cover;
}
#wrap .container.login#joinMember .visual .error_txt.complete {
  color: #2f90ff;
}
#wrap .container.login#joinMember .visual .error_txt.complete::before {
  background-image: url(/static/images/sub/mypage/ic_error_complete.svg);
}
#wrap .container.login#joinMember .visual .desc_list {
  margin-top: 1rem;
  padding: 1.6rem 1.4rem;
  background-color: #1b1b1b;
  border-radius: 0.8rem;
}
#wrap .container.login#joinMember .visual .desc_list li {
  position: relative;
  padding-left: 1.8rem;
  font-size: 1.2rem;
  line-height: 1.9rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.login#joinMember .visual .desc_list li.error {
  color: #ff322f;
}
#wrap .container.login#joinMember .visual .desc_list li::before {
  opacity: 0.7;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0.8rem;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.2rem;
  background-color: #fff;
  border-radius: 50%;
}
#wrap .container.login#joinMember .visual .checkbox_wrap {
  margin-top: 4rem;
}
#wrap .container.login#joinMember .visual .checkbox_wrap .checkbox_group {
  display: flex;
  justify-content: space-between;
}
#wrap .container.login#joinMember .visual .checkbox_wrap .checkbox_group ~ .checkbox_group {
  margin-top: 2.4rem;
}
#wrap .container.login#joinMember .visual .checkbox_wrap .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .container.login#joinMember .visual .checkbox_wrap .checkbox_group input[type=checkbox]:checked ~ label::before {
  background: #ff582f url(/static/images/common/ic_checkbox_active.svg) no-repeat center;
  border: none;
}
#wrap .container.login#joinMember .visual .checkbox_wrap .checkbox_group label {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 1.4rem;
  color: #fff;
}
#wrap .container.login#joinMember .visual .checkbox_wrap .checkbox_group label::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #606060;
  border-radius: 0.4rem;
}
#wrap .container.login#joinMember .visual .checkbox_wrap .checkbox_group .btn_arrow {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/static/images/sub/mypage/ic_arrow_profile.svg) no-repeat center/cover;
}
#wrap .container.login#joinMember .visual .checkbox_wrap .checkbox_group label .sm_txt {
  margin-right: -0.7rem;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.login#joinMember .visual .checkbox_wrap .checkbox_group.checkbox_all {
  display: flex;
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.login#joinMember .visual .checkbox_wrap .checkbox_group.checkbox_all label {
  font-size: 1.6rem;
  font-weight: 500;
}
#wrap .container.login#joinMember .visual .checkbox_wrap .checkbox_group .btn_terms {
  cursor: pointer;
  display: flex;
  width: 4rem;
  height: 2.3rem;
  align-items: center;
  justify-content: center;
}
#wrap .container.login#joinMember .visual .btn_wrap {
position: fixed;
/*position: absolute;*/
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
  padding: 0.8rem 1.6rem 2.4rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.3rem);
}
#wrap .container.login#joinMember .visual .btn_wrap .btn_join {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.login#joinMember .visual .btn_wrap .btn_join.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.login#findPwd {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.login#findPwd .visual .find_wrap {
  padding: 1rem 1.6rem 10rem;
}
#wrap .container.login#findPwd .visual .find_wrap h3 {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 3.7rem;
}
#wrap .container.login#findPwd .visual .find_wrap .input_group {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  margin-top: 3rem;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.login#findPwd .visual .find_wrap .input_group ~ .input_group {
  margin-top: 4rem;
}
#wrap .container.login#findPwd .visual .find_wrap .input_group label {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.login#findPwd .visual .find_wrap .input_group input {
  width: calc(100% - 8.2rem);
  height: 3.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.login#findPwd .visual .find_wrap .input_group input::placeholder {
  color: #5c5c5c;
}
#wrap .container.login#findPwd .visual .find_wrap .input_group .btn_verify {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.2rem;
  height: 3.4rem;
  background-color: #2e2e2e;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #5c5c5c;
}
#wrap .container.login#findPwd .visual .find_wrap .input_group .btn_verify.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.login#findPwd .visual .find_wrap .input_group.verify_box {
  display: none;
  margin-top: 1.8rem;
  padding-bottom: 0;
  border-bottom: none;
  justify-content: space-between;
}
#wrap .container.login#findPwd .visual .find_wrap .input_group.verify_box.active {
  display: flex;
}
#wrap .container.login#findPwd .visual .find_wrap .input_group.verify_box input {
  width: calc(100% - 13.2rem);
  margin-bottom: 1.2rem;
}
#wrap .container.login#findPwd .visual .find_wrap .input_group.verify_box .time {
  flex-shrink: 0;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  color: #ff582f;
}
#wrap .container.login#findPwd .visual .find_wrap .input_group.verify_box .btn_resend {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.6rem;
  height: 3.4rem;
  margin-bottom: 1.2rem;
  background-color: #363636;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.login#findPwd .visual .find_wrap .input_group.verify_box .btn_full_verify {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 4.8rem;
  background-color: #FF2B00;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.login#findPwd .visual .find_wrap .password_wrap {
  display: none;
}
#wrap .container.login#findPwd .visual .find_wrap .password_wrap.active {
  display: block;
}
#wrap .container.login#findPwd .visual .find_wrap .error_txt {
  display: none;
  gap: 0.4rem;
  align-items: center;
  margin-top: 1rem;
  font-size: 1.2rem;
  color: #ff322f;
}
#wrap .container.login#findPwd .visual .find_wrap .error_txt.active {
  display: flex;
}
#wrap .container.login#findPwd .visual .find_wrap .error_txt::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_error.svg) no-repeat center/cover;
}
#wrap .container.login#findPwd .visual .find_wrap .error_txt.complete {
  color: #2f90ff;
}
#wrap .container.login#findPwd .visual .find_wrap .error_txt.complete::before {
  background-image: url(/static/images/sub/mypage/ic_error_complete.svg);
}
#wrap .container.login#findPwd .visual .find_wrap .desc_list {
  margin-top: 1rem;
  padding: 1.6rem 1.4rem;
  background-color: #1b1b1b;
  border-radius: 0.8rem;
}
#wrap .container.login#findPwd .visual .find_wrap .desc_list li {
  position: relative;
  padding-left: 1.8rem;
  font-size: 1.2rem;
  line-height: 1.9rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container.login#findPwd .visual .find_wrap .desc_list li.error {
  color: #ff322f;
}
#wrap .container.login#findPwd .visual .find_wrap .desc_list li::before {
  opacity: 0.7;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0.8rem;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.2rem;
  background-color: #fff;
  border-radius: 50%;
}
#wrap .container.login#findPwd .visual .btn_wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.8rem 1.6rem 2.4rem;
}
#wrap .container.login#findPwd .visual .btn_wrap .btn_change {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.login#findPwd .visual .btn_wrap .btn_change.active {
  background-color: #FF2B00;
  color: #fff;
}
/* mypage delivery */
#wrap .container.mypage#mypageDelivery .visual {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#mypageDelivery .visual .delivery_wrap {
  padding: 2rem 1.6rem 10rem;
}
#wrap .container.mypage#mypageDelivery .visual .delivery_wrap .radio_group {
  display: block;
  position: relative;
  width: 100%;
  min-height: 19.4rem;
  padding: 2rem 2rem 6.6rem;
  background-color: #1a1a1a;
  border-radius: 1rem;
}
#wrap .container.mypage#mypageDelivery .visual .delivery_wrap .radio_group ~ .radio_group {
  margin-top: 2rem;
}
#wrap .container.mypage#mypageDelivery .visual .delivery_wrap .radio_group .location {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  margin-bottom: 1.2rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.mypage#mypageDelivery .visual .delivery_wrap .radio_group .location .basic_delivery {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.6rem;
  padding: 0 0.4rem;
  border: 0.1rem solid #ff582f;
  border-radius: 0.4rem;
  font-size: 1rem;
  font-weight: 500;
  color: #ff582f;
}
#wrap .container.mypage#mypageDelivery .visual .delivery_wrap .radio_group .user_info {
  display: flex;
  gap: 1.8rem;
  align-items: center;
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageDelivery .visual .delivery_wrap .radio_group .user_info .user_name {
  position: relative;
}
#wrap .container.mypage#mypageDelivery .visual .delivery_wrap .radio_group .address {
  opacity: 0.7;
  display: block;
  padding-right: 1rem;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #fff;
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
}
#wrap .container.mypage#mypageDelivery .visual .delivery_wrap .radio_group .delivery_btn_wrap {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  position: absolute;
  left: 2rem;
  bottom: 2rem;
}
#wrap .container.mypage#mypageDelivery .visual .delivery_wrap .radio_group .delivery_btn_wrap button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 2.6rem;
  background-color: #383838;
  border-radius: 5.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageDelivery .visual .delivery_wrap .radio_group .delivery_btn_wrap button.btn_delete {
  color: #f63b3b;
}
#wrap .container.mypage#mypageDelivery .visual .btn_wrap {
  position: fixed;
  /*position: absolute;*/
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
  padding: 0.8rem 1.6rem 2.4rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.3rem);
}
#wrap .container.mypage#mypageDelivery .visual .btn_wrap .btn_add_delivery {
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#mypageDelivery .visual .btn_wrap .btn_add_delivery.active {
  background-color: #FF2B00;
}
#wrap .container.mypage#mypageDelivery .visual .btn_wrap .btn_add_delivery.active:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
/* mypage delivery Detail */
#wrap .container.mypage#mypageDeliveryDetail {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
  padding-bottom: 10rem;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap {
  padding: 2rem 1.6rem;
  display: none;
  opacity: 0;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap.mainView {
  display: block;
  opacity: 1;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap.enter {
  display: block;
  animation: slideIn 0.4s ease forwards;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap.exit {
  display: block;
  animation: slideOut 0.4s ease forwards;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap.enterR {
  display: block;
  animation: slideInR 0.4s ease forwards;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .input_group {
  display: flex;
  gap: 0.9rem;
  flex-wrap: wrap;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .input_group ~ .input_group {
  margin-top: 2.6rem;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .input_group label {
  display: block;
  width: 100%;
  margin-bottom: 0.3rem;
  padding-left: 0.4rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .input_group input {
  width: 100%;
  height: 4.8rem;
  padding: 0 1.4rem;
  border: 0.1rem solid #2a2a2a;
  border-radius: 1rem;
  font-size: 1.4rem;
  color: #fff;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .input_group input::placeholder {
  color: #fff;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .input_group input.readonly {
  background-color: #1f1f1f;
  border: none;
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .input_group input.readonly::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .input_group input#post_code {
  width: calc(100% - 12.8rem);
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .input_group .btn_find_code {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.9rem;
  height: 4.8rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .input_group .btn_find_code.active {
  background-color: #FF2B00;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .checkbox_group {
  margin-top: 2.2rem;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .checkbox_group input[type=checkbox] {
  display: none;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .checkbox_group input[type=checkbox]:checked ~ label::before {
  background: #ff582f url(/static/images/common/ic_checkbox_active.svg) no-repeat center;
  border: none;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .checkbox_group label {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .delivery_add_wrap .checkbox_group label::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #7a7a7a;
  border-radius: 0.4rem;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .btn_wrap {
  position: fixed;
  /*position: absolute;*/
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.8rem 1.6rem 2.4rem;
  background-color: #000;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .btn_wrap .btn_save {
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .btn_wrap .btn_save.active {
  background-color: #FF2B00;
}
#wrap .container.mypage#mypageDeliveryDetail .visual .btn_wrap .btn_save.active:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
.shake {
  animation: shake 0.4s ease-in-out;
}
#wrap .container.live#liveCreate .visual {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.live#liveCreate .visual .create_info {
  padding: 2rem 1.6rem;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_btn_wrap {
  display: flex;
  position: relative;
  width: 100%;
  height: 4.8rem;
  padding: 0.4rem;
  background-color: rgba(41, 41, 41, 0.6);
  box-shadow: 0 0.4rem 2rem 0 rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3rem);
  border-radius: 1rem;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_btn_wrap .btn_all_tab {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 1.5rem;
  z-index: 1;
  height: 100%;
  border-radius: 1rem;
  font-size: 1.7rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_btn_wrap .btn_all_tab.broadcast::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/sub/live/ic_live_broad2.svg) no-repeat center/cover;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_btn_wrap .btn_all_tab.practice::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/sub/live/ic_live_broad.svg) no-repeat center/cover;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_btn_wrap .tab_indicator {
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  z-index: 0;
  width: calc(50% - 0.4rem);
  background-color: #e63310;
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 1rem;
  transition: transform 0.3s ease;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content {
  display: none;
  margin-top: 1.6rem;
  padding-bottom: 8rem;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content.active {
  display: block;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .accordion_wrap {
  display: none;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .accordion_wrap.active {
  display: block;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .accordion_wrap .accordion_box {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .accordion_wrap .accordion_box .btn_accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4.9rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  /*color: #fff;*/
  color: #2f90ff;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .accordion_wrap .accordion_box .btn_accordion::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_arrow_accordion.svg) no-repeat center/cover;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .accordion_wrap .accordion_box .btn_accordion.active::after {
  transform: rotate(180deg);
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .accordion_wrap .accordion_box .accordion_item {
  display: none;
  padding: 0 2rem 2rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .accordion_wrap .accordion_box .accordion_item.active {
  display: block;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .file_group {
  position: relative;
  width: calc(60% - 0.6rem);
  height: 30rem;
  padding-bottom: 23.24%;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .file_group input[type=file] {
  display: none;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .file_group label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e url(/static/images/sub/mypage/ic_photo.svg) no-repeat center;
  /*background-size: contain;  !* 비율 유지, 잘리지 않음 *!*/
  /*background-size: cover;    !* 비율 유지, 요소에 꽉 채움 *!*/
  border-radius: 1rem;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list {
  padding: 0 1.6rem;
  position: relative;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group {
  margin-top: 4rem;
  display: flex;
  gap: 1.2rem;
  flex-wrap: wrap;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group ~ .input_group {
  margin-top: 3rem;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group label {
  display: flex;
  gap: 1.3rem;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group label.live_title::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/sub/live/ic_live_list_top.svg) no-repeat center/cover;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group label.live_intro::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/sub/live/ic_live_list_btm.svg) no-repeat center/cover;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group label.live_notice::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/sub/live/ic_live_notice.svg) no-repeat center/cover;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group input {
  flex: 1;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group input::placeholder {
  color: #5c5c5c;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .textarea_box {
  display: block;
  width: 100%;
  overflow: hidden;
  height: 19.2rem;
  background-color: #1b1b1b;
  border-radius: 1rem;
  margin-top: 1rem;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .textarea_box textarea {
  display: block;
  width: 100%;
  height: 16rem;
  padding: 2rem;
  background-color: #1b1b1b;
  border: none;
  font-family: "Pretendard", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .textarea_box textarea::placeholder {
  color: #5c5c5c;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .textarea_box .txt_num {
  display: flex;
  gap: 0.4rem;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
  font-size: 1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .textarea_box .txt_num p {
  transform: translateY(-0.1rem);
}

#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group a {
  display: flex;
  /*justify-content: space-between;*/
  align-items: center;
  width: 100%;
  gap: 1.3rem;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group a::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/common/ic_clock.svg) no-repeat center/cover;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group a.live_shopping::before {
  background: url(/static/images/common/ic_shopping.svg) no-repeat center/cover;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group a::after{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_arrow_profile.svg) no-repeat center / cover;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group a span{
  position: relative;
  font-size: 1.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group a span.txt.info{
  font-size: 1.3rem;
  font-weight: 400;
  color: #2f90ff;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .tab_all_content .info_list .input_group a span.txt.accent{
  font-size: 1.5rem;
  font-weight: 500;
  color: #FF2B00;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .btn_wrap{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.8rem 1.6rem 1.4rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.3rem);
  border-top: 0.1rem solid #191919;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .btn_wrap .btn_save {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .btn_wrap .btn_save.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.live#liveCreate .visual .create_info .tab_contents .btn_wrap .btn_save.active:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
/*-------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------*/
#wrap .container.live#liveReservation .visual {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.live#liveReservation .visual .reservation_wrap {
  padding: 2rem 1.6rem 9rem;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .file_group {
  position: relative;
  width: calc(60% - 0.6rem);
  height: 30rem;
  padding-bottom: 23.24%;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .file_group input[type=file] {
  display: none;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .file_group label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e url(/static/images/sub/mypage/ic_photo.svg) no-repeat center;
  /*background-size: contain;  !* 비율 유지, 잘리지 않음 *!*/
  /*background-size: cover;    !* 비율 유지, 요소에 꽉 채움 *!*/
  border-radius: 1rem;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list {
  padding: 0 1.6rem;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group {
  position:relative;
  margin-top: 4rem;
  display: flex;
  gap: 1.2rem;
  flex-wrap: wrap;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group ~ .input_group {
  margin-top: 3rem;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group a {
  display: flex;
  /*justify-content: space-between;*/
  align-items: center;
  width: 100%;
  gap: 1.3rem;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group a::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/common/submenu_pairing.svg) no-repeat center/cover;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group a.live_shopping::before {
  background: url(/static/images/common/ic_shopping.svg) no-repeat center/cover;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group a::after{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/mypage/ic_arrow_profile.svg) no-repeat center / cover;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group a span{
  position: relative;
  font-size: 1.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group a span.txt.info{
  font-size: 1.3rem;
  font-weight: 400;
  color: #2f90ff;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group a span.txt.accent{
  font-size: 1.5rem;
  font-weight: 500;
  color: #FF2B00;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group label {
  display: flex;
  gap: 1.3rem;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group label.live_title::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/sub/live/ic_live_list_top.svg) no-repeat center/cover;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group label.live_intro::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/static/images/sub/live/ic_live_list_btm.svg) no-repeat center/cover;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group input {
  flex: 1;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .info_list .input_group input::placeholder {
  color: #5c5c5c;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .btn_wrap{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.8rem 1.6rem 1.4rem;
  background-color: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.3rem);
  border-top: 0.1rem solid #191919;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .btn_wrap .btn_save {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #676767;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .btn_wrap .btn_save.active {
  background-color: #FF2B00;
  color: #fff;
}
#wrap .container.live#liveReservation .visual .reservation_wrap .btn_wrap .btn_save.active:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
/*-------------------------------------------------------------------------------------------------------*/


#wrap .container.mypage#mypageSeller {
  overflow-y: auto;
  height: calc(var(--vh) * 100);
}
#wrap .container.mypage#mypageSeller .visual .tab_content {
  padding: 1rem 1.6rem 9rem;
  display: none;
  opacity: 0;
}
#wrap .container.mypage#mypageSeller .visual .tab_content.active {
  display: block;
  opacity: 1;
}
#wrap .container.mypage#mypageSeller .visual .tab_content.enter {
  display: block;
  animation: slideIn 0.4s ease forwards;
}
#wrap .container.mypage#mypageSeller .visual .tab_content.exit {
  display: block;
  animation: slideOut 0.4s ease forwards;
}
#wrap .container.mypage#mypageSeller .visual .tab_content.enterR {
  display: block;
  animation: slideInR 0.4s ease forwards;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group {
  display: flex;
  gap: 0.9rem;
  flex-wrap: wrap;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group ~ .input_group {
  margin-top: 3.6rem;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group label {
  display: block;
  width: 100%;
  margin-bottom: 0.3rem;
  padding-left: 0.4rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group input {
  width: 100%;
  height: 4.8rem;
  padding: 0 1.4rem;
  border: 0.1rem solid #2a2a2a;
  border-radius: 1rem;
  font-size: 1.4rem;
  color: #fff;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group input::placeholder {
  color: #fff;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group input.readonly {
  background-color: #1f1f1f;
  border: none;
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group input.readonly::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group input#address {
  width: calc(100% - 12.8rem);
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group input#post_code {
  display: none;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group .btn_find_code {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.9rem;
  height: 4.8rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group .btn_find_code.active {
  background-color: #FF2B00;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .info_item {
  margin-top: 2rem;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .info_item ~ .info_item {
  margin-top: 3rem;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .info_item .sort {
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: rgba(153, 153, 153, 0.6);
}
#wrap .container.mypage#mypageSeller .visual .tab_content .info_item .info {
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageSeller .visual .tab_content .info_item .info.flex_wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .info_item .info .info_txt {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .info_item .info .info_txt ~ .info_txt {
  margin-top: 1.6rem;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .info_item .info .btn_down {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 2.8rem;
  background-color: #FF2B00;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .info_item .info .btn_down:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
#wrap .container.mypage#mypageSeller .visual .btn_wrap {
  position: fixed;
  /*position: absolute;*/
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.8rem 1.6rem 2.4rem;
  background-color: #000;
}
#wrap .container.mypage#mypageSeller .visual .btn_wrap .btn_save {
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
#wrap .container.mypage#mypageSeller .visual .btn_wrap .btn_save.active {
  background-color: #FF2B00;
}
#wrap .container.mypage#mypageSeller .visual .btn_wrap .btn_save.active:active {
  background: linear-gradient(180deg, #FF2B00 0%, #B81F00 100%);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
}
#wrap .container.mypage#mypageSeller .visual .tab_content .accordion_wrap {
  margin-bottom: 2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
#wrap .container.mypage#mypageSeller .visual .tab_content .accordion_wrap .accordion_box {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
}
#wrap .container.mypage#mypageSeller .visual .tab_content .accordion_wrap .accordion_box .btn_accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4.9rem;
  padding: 0 0.4rem;
  font-size: 1.6rem;
  font-weight: 700;
  /*color: #fff;*/
  color: #2f90ff;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .accordion_wrap .accordion_box .btn_accordion.rejected {
  color: #ff322f;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .accordion_wrap .accordion_box .btn_accordion::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/sub/broadcast/ic_arrow_accordion.svg) no-repeat center/cover;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .accordion_wrap .accordion_box .btn_accordion.active::after {
  transform: rotate(180deg);
}
#wrap .container.mypage#mypageSeller .visual .tab_content .accordion_wrap .accordion_box .accordion_item {
  display: none;
  padding: 0 2rem 2rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: rgba(255, 255, 255, 0.8);
}
#wrap .container.mypage#mypageSeller .visual .tab_content .accordion_wrap .accordion_box .accordion_item .highlight {
  font-size: 1.4rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .accordion_wrap .accordion_box .accordion_item.active {
  display: block;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group .file_group {
  display: flex;
  gap: 0.9rem;
  width: 100%;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group .file_group input {
  /*width: calc(100% - 6.8rem);*/
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group .file_group .btn_file {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.9rem;
  height: 4.8rem;
  background-color: #2e2e2e;
  border-radius: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  padding: 0;
}
#wrap .container.mypage#mypageSeller .visual .tab_content .input_group .file_group .btn_file.active {
  background-color: #FF2B00;
}
/*-------------------------------------------------------------------------------------------------------*/
/* 하단 모달 */
#wrap .modal_btn_info {
  opacity: 0;
  display: none;
  gap: 1.2rem;
  align-items: center;
  position: absolute;
  left: 1.6rem;
  bottom: 13.2rem;
  z-index: 15;
  transform: translateY(3rem);
  transition: opacity 0.3s ease, transform 0.3s ease;
  width: calc(100% - 3.2rem);
  height: 6.2rem;
  padding: 0 2rem 0 1rem;
  background-color: rgba(48, 48, 48, 0.8);
  box-shadow: 0 0 5rem 0 rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2rem);
  border-radius: 1.1rem;
}
#wrap .modal_btn_info .img_wrap {
  overflow: hidden;
  display: block;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 0.7rem;
  background: url(/static/images/common/icon.svg) no-repeat center/cover;
}
#wrap .modal_btn_info .txt {
  font-size: 1.4rem;
  color: #fff;
}
#wrap .modal_btn_info .btn_area {
  cursor: pointer;
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-left: auto;
  font-size: 1.2rem;
  font-weight: 600;
  color: #ff582f;
}
#wrap .modal_btn_info .btn_area::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/static/images/sub/broadcast/ic_arrow_orange.svg) no-repeat center/cover;
}
#wrap .modal_btn_info.active {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}
#wrap .container .empty_list {
  display: none;
  padding-top: calc(var(--vh) * 32);
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
#wrap .container .empty_list.active {
  display: block;
}
.text_break {
  overflow: hidden;
  text-overflow: ellipsis;
  line-break: strict;
  word-break: var(--word-break, keep-all);
  overflow-wrap: var(--overflow-wrap, normal);
  display: -webkit-box;
  /* 말줄임 한줄 처리 */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.calendar_area {
  display: none;
}
.calendar_area.active {
  display: block;
}
.calendar {
  margin: 1rem 0 0;
  width: 100%;
  /*max-width: 520px;*/
  border-radius: 15px;
  padding: 15px 0;
  border: 1px solid #ffe6e6;
  margin-bottom: 15px;
}
.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  margin-bottom: 15px;
  color: #fff;
  font-size: 2.5em;
}
.calendar-header .nav-btn.nav-before::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/common/ic_arrow_back.svg) no-repeat center / cover;
}
.calendar-header .nav-btn.nav-after::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(/static/images/common/ic_arrow_next.svg) no-repeat center / cover;
}
.calendar-body {
  padding: 0 20px;
}
.calendar-body .days {
  margin-bottom: 10px;
  color: #fff;
}
.calendar-body .days,
.calendar-body .dates {
  display: flex;
  flex-wrap: wrap;
  font-size: 2.5em;
}
.calendar-body .days .day,
.calendar-body .dates .date {
  width: 14.28%;
  text-align: center;
  user-select: none;
}
.calendar-body .dates .date {
  padding: 5px;
  text-align: center;
  color: #2e2e2e;
  user-select: none;
}
.calendar-body .dates .date.active {
  cursor: pointer;
  color: #fff;
}
.calendar-body .dates .date span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 28px;
  height: 28px;
}
.calendar-body .dates .date.selected span {
  background: #ff3030;
  color: #fff;
}
.calendar-time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 1.8rem;
  padding: 0 3rem;
}
.calendar-time span {
  display: flex;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  /*color: rgba(255, 255, 255, 0.6);*/
}
.calendar-time .selected-time{
  position: relative;
  display: inline-block;
  border: 1px solid #ffe6e6;
  border-radius: 0.5rem;
  align-items: center;
  /*font-size: 1.8rem;*/
  padding: 0 4rem 0 2rem;
  height: 3rem;
  min-width: 18rem;
}

.calendar-time .selected-time::-webkit-calendar-picker-indicator {
  opacity: 0;      /* 기본 시계 아이콘 안 보이게 */
  position: absolute;
  right: 0;
  width: 100%;     /* input 전체가 클릭 가능 */
  cursor: pointer;
}

.calendar-time .selected-time::after {
  content: "";   /* 원하는 아이콘 */
  position: absolute;
  right: 1rem;
  top: 40%;
  background: url(/static/images/common/ic_clock.svg) no-repeat center/cover;
  transform: translateY(-36%);
  pointer-events: none; /* 아이콘은 클릭 안 되게 */
  display: block;
  width: 2.3rem;
  height: 2.3rem;
}


/* 하트 공통 스타일 1번 스타일 */
.heart {
  position: absolute;
  font-size: 24px;
  color: #ff6b81;
  animation: floatUp 1.8s ease-out forwards;
  pointer-events: none;
  text-shadow: 0 0 8px rgba(255,100,130,0.6);
  opacity: 0;
}

/* 위로 떠오르는 애니메이션 */
@keyframes floatUp {
  0% {
    transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -220px) scale(0.5);
    opacity: 0;
  }
}

/* 하트 공통 스타일 2번 스타일 -ivs demo */
.heart-outer {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
}
.heart-inner {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-block;
  transform: rotate(-45deg);
  background-color: var(--color, #ff416c);
}
.heart-inner::before,
.heart-inner::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: inherit;
}
.heart-inner::before {
  top: -15px;
  left: 0;
}
.heart-inner::after {
  top: 0;
  left: 15px;
}


/*모바일용 화면 별도 CSS*/
#wrap .container#broadcastgoods .bottom_sheet{
  border-radius: 0;
  border: 0;
}
#wrap .container#broadcastgoods .bottom_sheet .checkbox_group{
  padding-top: 3rem;
}
#wrap .container#broadcastgoods .bottom_sheet#productDetailBottomSheet {
  max-height: 100%;
}
#wrap .container#broadcastgoods .modal_product_choice.active .modal_content {
  height: 100%;
}
#wrap .container#broadcastgoods .notice_content {
  padding-top: 2rem;
  overflow: hidden;
  flex: 1;
  display: none;
  flex-direction: column;
  padding-bottom: 1rem;
  height: calc(var(--vh) * 100);
}
#wrap .container#broadcastgoods .notice_content.active {
  display: flex;
}
#wrap .container#broadcastgoods .notice_content .title {
  padding: 1rem 0 2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
#wrap .container#broadcastgoods .notice_content .notice_list_box {
  overflow-y: auto;
  padding: 0 0.9rem;
}
#wrap .container#broadcastgoods .notice_content .notice_list_box .notice_tit {
  padding: 2rem 0.7rem 1rem;
  font-size: 1.8rem;
  font-weight: 700;
}
#wrap .container#broadcastgoods .notice_content .notice_list_box .notice_list {
  margin-bottom: 2rem;
  padding-left: 2rem;
}
#wrap .container#broadcastgoods .notice_content .notice_list_box .notice_list li {
  position: relative;
  font-size: 1.8rem;
  line-height: 2.1rem;
  color: rgba(255, 255, 255, 0.7);
}
#wrap .container#broadcastgoods .notice_content .notice_list_box .notice_list li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -1rem;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.2rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
}
/*모바일용 화면 별도 CSS*/

/* web 용 속성 설정 CSS - 항상 맨 아래 있어야 함 */
.web-cont .absolute {
  position: absolute !important;
}
/* web 용 속성 설정 CSS*/