#mall_main {
  width: 100%;
}

#container{
  max-width: 100%;
}

.slide-tab-content {
  display: none;
}

.slide-tab-content.active {
  display: block;
}
/* 이재광 수정 2025-06-20 */
#mall_main .title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
  padding-left: 95px;
  margin-bottom: 27px;
  position: relative;
}

#mall_main .title b {
  color: #000;
  font-weight: 600;
  display: inline-block;
  line-height: 1;
}

#mall_main .title em {
  color: #38AFF5;
  font-weight: 600;
  display: inline-block;
  line-height: 1;
}
#mall_main.factory_main .title em {
  color:#F4511E;
}

#mall_main .title b + em {
  padding-left: 10px;
}

.main_banner_new_wrap {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%
}
/* 이재광 수정 2025-06-20 */



.main_banner_new_wrap .swiper-wrapper {
  height: auto;
}

.main_banner_new_wrap .swiper-container {
  width: 100% !important;
  position: relative;
}

.main_banner_new_wrap .swiper-slide a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.00) 26.89%,
      rgba(0, 0, 0, 0.16) 47.08%);
  z-index: 1;
}



/* 이재광 수정 2025-06-20 */
.main_banner_new_wrap .con {
  position: absolute;
  display: flex;
  flex-direction: column;
  bottom: 37px;
  left: 46px;
  z-index: 2;
}

.main_banner_new_wrap .con strong {
  color: #FFF;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.3px;
}

.main_banner_new_wrap .con span {
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.3px;
  margin-top: 24px;
}
/* 이재광 수정 2025-06-20 */

.main_banner_new_slider .swiper-button-prev {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  z-index: 1;
  width: 50px;
  height: 50px;
  background: url(../../images/common/main_slide_prev.svg) center no-repeat;
  background-size: 50px;
}

.main_banner_new_slider .swiper-button-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  z-index: 1;
  width: 50px;
  height: 50px;
  background: url(../../images/common/main_slide_next.svg) center no-repeat;
  background-size: 50px;
}

.main_banner_new_slider .swiper-button-next:after,
.main_banner_new_slider .swiper-rtl .swiper-button-prev:after,
.main_banner_new_slider .swiper-button-prev:after,
.main_banner_new_slider .swiper-rtl .swiper-button-next:after {
  display: none;
}

.main_product_roll_section .swiper-button-prev,
.main_product_roll_section .swiper-button-next {
  opacity: 0 !important;
  transition: all .6s ease;
}

.main_product_roll_section .roll_section-inner:hover .swiper-button-prev,
.main_product_roll_section .roll_section-inner:hover .swiper-button-next {
  opacity: 1 !important;
  transition: all .6s ease;
}

/* 토스트 팝업 2025 */
.toast_popup {
  position: fixed;
  bottom: 120px;
  right: 30px;
  z-index: 11;
  transition: 0.5s;
  width: 180px;
  height: 278px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.45);
}

.toast_popup .toast_list {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.toast_popup .toast_list ul li .toast {
  background: none;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
}

.toast_popup .toast_list ul li .toast .cons {
  width: 180px;
  height: 278px;
  aspect-ratio: 1;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  border-radius: 4px;
  overflow: hidden;
}


/* 이재광 수정 2025-06-20 */
.toast_popup .toast_list ul li .toast .toast_close {
  position: absolute;
  left: 11px;
  width: 25px;
  height: 25px;
  margin-left: 0;
  top: 9px;
  opacity: 0.6;
  right: auto;
  background: url(../../images/main/tost_close.svg) center no-repeat;
  background-size:25px;
}

.toast_popup .toast_list ul li .toast .toast_blank {
  position: absolute;
  top: 12px;
  right: 15px;
  text-indent: -99999em;
  width: 20px;
  height: 20px;
  opacity: 0.6;
  margin-bottom: auto;
  background: url(../../images/main/tost_blank.svg) center no-repeat;
}

/* 메인 퀵배너 2025 */
.main-quick_menu_wrap {
  width: 1200px;
  margin: 30px auto 0;
}

.main-quick_menu_wrap .quick_menu_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 4px;
  row-gap: 10px;
}
/* 이재광 수정 2025-06-20 */




.main-quick_menu_wrap .quick_menu_list li a {
  border-radius: 100px;
  border: 1px solid #ddd;
  padding: 4px 18px 4px 4px;
  display: flex;
  background-color: transparent;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  transition: all .6s;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  font-weight: 600;
}

/* .main-quick_menu_wrap .quick_menu_list li a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #111;
  z-index: -1;
  transition: all .6s ease;
}

.main-quick_menu_wrap .quick_menu_list li a:hover::after {
  width: 100%;
  transition: all .6s ease;
}

.main-quick_menu_wrap .quick_menu_list li a:hover {
  color: #fff;
  transition: all .6s ease;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
  background-color: transparent;
}

.main-quick_menu_wrap .quick_menu_list li a:hover::after {
  transform: scale(2) skew(-45deg) translateX(0);
} */

.main-quick_menu_wrap .quick_menu_list li a em {
  margin-right: 8px;
  width: 34px;
  height: 34px;
  background-color: #f7f7f7;
  border-radius: 100%;
}

/* 타임세일 2025 */
.main_product_roll_section {
  padding-top: 140px;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}


/* 이재광 수정 2025-06-20 */
.main_product_roll_section .swiper {
  margin-left: 95px;

}

.main_product_roll_section .swiper-slide {
  width: 344px;
  height: 532px;
}

.main_product_roll_section .event-time-wrap {
  font-size: 32px;
  font-weight: 600;
  color: #000;
}

.main_product_roll_section .event-time-wrap strong {
  display: block;
  line-height: 1;
}

/* 메인 상품 리스트폼 2025 */
.main_product_roll_section .img-box {
  position: relative;
  background-color: #f5f5f5;
}

.main_product_roll_section .btn_cart {
  position: absolute;
  right: 16px;
  top: 356px;
  width: 24px;
  height: 24px;
  background: url(../../images/common/cart_icon.png) center no-repeat;
  background-size: 24px;
  text-indent: -99999em;
  z-index: 10;
}
/* 이재광 수정 2025-06-20 */



.main_product_roll_section .txt-box {
  padding: 0 8px;
}

.main_product_roll_section .txt-box .icon-box {
  display: flex;
  padding-top: 10px;
}


/* 이재광 수정 2025-06-20 */
.main_product_roll_section .icon-box .sale {
  font-size: 14px;
  color: #fff;
  background-color: #000;
  padding: 1px 5px;
  font-weight:700;
  border-radius: 3px;
  border: 1px solid #000;
  margin-right: 11px;
  height: 20px;
  line-height: 20px;
}
/* 이재광 수정 2025-06-20 */

.main_product_roll_section .icon-box .first-price {
  font-size: 10px;
  color: #38AFF5;
  background-color: #fff;
  padding: 1px 5px;
  border-radius: 3px;
  border: 1px solid #38AFF5;
  margin-right: 2px;
  height: 20px;
  line-height: 20px;
}

.main_product_roll_section .icon-box .free-delivery {
  font-size: 10px;
  color: #AAA;
  background-color: #fff;
  padding: 1px 5px;
  border-radius: 3px;
  border: 1px solid #AAA;
  margin-right: 2px;
  height: 20px;
  line-height: 20px;
}

.main_product_roll_section .txt-box .brand-name {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  line-height: 1;
  padding-top: 10px;
  display: block;
}


/* 이재광 수정 2025-06-20 */
.main_product_roll_section .title a.more-product-btn {
  color: #747474;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid #747474;
  line-height: 1.2;
  position: absolute;
  right: 99px;
  bottom: 5px;
}

.main_product_roll_section .txt-box .goods-name {
  font-size: 14px;
  color: #000;
  font-weight: 300;
  line-height: 1;
  padding-top: 10px;
  display: block;
}

/* 이재광 수정 2025-06-20 */




.main_product_roll_section .txt-box .price {
  display: block;
  padding-top: 10px;
  font-size: 16px;
  color: #000;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 28px;
}

.main_product_roll_section .more-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* .main_product_roll_section .more-wrap::before {
  content: '';
  position: absolute;
  width:100%;
  height:1px;
  background-color: #aaa;
  top:50%;
} */

.main_product_roll_section .more-wrap .more-large-btn {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #000;
  display: block;
  font-weight: 600;
  border: 1px solid #ddd;
  border-radius: 100px;
  padding: 0 90px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

.main_product_roll_section .slide-tab-buttons {
  display: flex;
  gap: 16px;
}


/* 이재광 수정 2025-06-20 */
.main_product_roll_section .slide-tab-button {
  font-size: 17px;
  color: #666;
  line-height: 2;
  font-weight: 400;
  padding: 0;
  margin: 0;
  display: inline-block;
  line-height: 40px;
}

/* 이재광 수정 2025-06-20 */

.main_product_roll_section .slide-tab-button.active {
  border-bottom: 1px solid #000;
  color: 000;
  font-weight: 600;
}

.main_product_roll_section .swiper-button-prev {
  cursor: pointer;
  position: absolute;
  top: 677px;
  transform: translateY(-50%);
  left: 20px;
  z-index: 1;
  width: 50px;
  height: 50px;
  background: url(../../images/common/marin_pr_slide_prev.svg) center no-repeat;
  background-size: 50px;
  z-index: 99;
  transition: all .6s ease;
  opacity: 1;
}

.main_product_roll_section .swiper-button-next::after,
.main_product_roll_section .swiper-button-prev::after {
  display: none;
}

/* 이재광 수정 2025-06-20 */
.main_product_roll_section .swiper-button-next {
  cursor: pointer;
  position: absolute;
  top: 677px;
  transform: translateY(-50%);
  right: 20px;
  z-index: 1;
  width: 50px;
  height: 50px;
  background: url(../../images/common/marin_pr_slide_next.svg) center no-repeat;
  background-size: 50px;
  z-index: 99;
  transition: all .6s ease;
  opacity: 1;
}
/* 이재광 수정 2025-06-20 */





.main_product_roll_section .roll_section-inner:hover .swiper-button-disabled {
  opacity: 0.4 !important;
  transition: all .6s ease;
}

.main_product_roll_section .limited-swiper-button-next .more-product-bloon {
  position: absolute;
  right: 67px;
  width: 135px;
  opacity: 1;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  background-color: #000;
  border-radius: 100px;
  transition: all .6s ease;
  line-height: 1.5;
  text-align: center;
  padding: 14px 0;
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.20);
}

.main_product_roll_section .limited-swiper-button-next .more-product-bloon::after {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background-image: url(../../images/common/more-ar-icn.svg);
  right: -8px;
  top: 20px;
}

.main_product_roll_section .swiper-button-disabled .more-product-bloon {
  opacity: 0;
  transition: all .6s ease;
}



/* 이재광 수정 2025-06-20 */
.main_product_roll_section .rank-slide-wrap .swiper-slide {
  width: auto;
  max-width: 1730px;
  height: auto;
}

.rank-slide-wrap .swiper-slide.swiper-slide-active .img-box img {
  opacity: 1;
  transition: all .2s ease;
}

.rank-slide-wrap .swiper-slide.swiper-slide-next .rank-number,
.rank-slide-wrap .swiper-slide.swiper-slide-next .img-box img {
  opacity: 0;
  transition: all .2s ease;
}

.main_product_roll_section .rank-slide-wrap .rank-slide-box {
  position: relative;
}

.main_product_roll_section .rank-slide-wrap .rank-slide-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}

.main_product_roll_section .limited-swiper-button-prev,
.main_product_roll_section .limited-swiper-button-next {
  top: 791px;
}


.main_product_roll_section .squre-swiper-button-prev,
.main_product_roll_section .squre-swiper-button-next,
.main_product_roll_section .summer-swiper-button-prev,
.main_product_roll_section .summer-swiper-button-next,
.main_product_roll_section .mom-swiper-button-prev,
.main_product_roll_section .mom-swiper-button-next,
.main_product_roll_section .factory-swiper-button-prev,
.main_product_roll_section .factory-swiper-button-next,
.main_product_roll_section .rank-swiper-button-prev,
.main_product_roll_section .rank-swiper-button-next {
  top: 751px;
}

.main_product_roll_section .brand-swiper-button-prev,
.main_product_roll_section .brand-swiper-button-next,
.main_product_roll_section .category-swiper-button-prev,
.main_product_roll_section .category-swiper-button-next {
  top: 474px;
}

.main_product_roll_section .keyword-swiper-button-prev,
.main_product_roll_section .keyword-swiper-button-next {
  top: 794px;
}

/* 실시간 랭킹 넘버링 */
.rank-slide-wrap .swiper-slide .rank-number {
  position: absolute;
  top: 5px;
  left: 0;
  width: 37px;
  height: 35px;
  border-bottom: 2px solid #000;
  line-height: 35px;
  text-align: center;
  color: #000;
  font-size: 17px;
  font-weight: 700;
  z-index: 10;
}

/* 라이브 방송 2025 */
.live-broadcast-wrap {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.live-broadcast-wrap .live-broadcast-inner {
  display: flex;
  background-color: #F8F8F8;
  padding: 80px 100px;
  justify-content: space-between;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
/* 이재광 수정 2025-06-20 */





.live-broadcast-wrap .live-tab-wrap .live-tab-list ul {
  display: flex;
  row-gap: 10px;
  flex-direction: column;
  flex-wrap: nowrap;
}

.live-broadcast-wrap .live-tab-wrap .live-tab-list ul li a {
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
}

.live-broadcast-wrap .live-tab-wrap .live-tab-list ul li a em {
  display: none;
}

.live-broadcast-wrap .live-tab-wrap .live-tab-list ul li.active a {
  color: #fff;
  background-color: #000;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  padding: 7px 25px 7px 7px;
}

.live-broadcast-wrap .live-tab-wrap .live-tab-list ul li a span {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.live-broadcast-wrap .live-tab-wrap .live-tab-list ul li.active a em {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #38AFF5;
  border-radius: 100%;
  margin-right: 10px;
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
}

.live-broadcast-wrap .live-content-wrap {
  width: calc(100% - 342px);
  display: flex;
  height: 396px;
}

.live-broadcast-wrap .live-content-wrap .live-content-left,
.live-broadcast-wrap .live-content-wrap .live-content-right {
  display: flex;
  width: 50%;
}

.live-broadcast-wrap .live-content-wrap .live-content-inner {
  display: flex;
}

.live-broadcast-wrap .live-content-wrap .live-content-left-inner-img {
  width: 346px;
  height: 396px;
}

.live-broadcast-wrap .live-content-wrap .more-live-btn {
  position: absolute;
  right: 90px;
  bottom: -27px;
  background-color: #000;
  font-size: 16px;
  color: #fff;
  border-radius: 100px;
  padding: 17px 100px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.live-broadcast-wrap .live-content-wrap .more-live-btn em {
  display: inline-block;
  padding-left: 10px;
}

.live-broadcast-wrap .live-content-inner-img {
  width: 346px;
  height: 396px;
  position: relative;
}

.live-broadcast-wrap .live-content-inner-img .live-content-inner-title {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.live-broadcast-wrap .live-content-left .live-content-inner-title {
  display: flex;
}

/* 이재광 수정 2025-06-20 */
.live-broadcast-wrap .live-content-left .live-content-inner-title p {
  display: flex;
  flex-direction: column;
}

.live-broadcast-wrap .live-content-left .live-content-inner-title strong,
.live-broadcast-wrap .live-content-left .live-content-inner-title span {
  display: inline-block;
}

.live-broadcast-wrap .live-content-left .live-content-inner-title strong {
  color: #fff;
  height: 30px;
  line-height: 30px;
  background-color: #38AFF5;
  padding: 0 10px;
  text-align: center;
}

.live-broadcast-wrap .live-content-left .live-content-inner-title span {
  color: #fff;
  height: 36px;
  line-height: 36px;
  background-color: rgba(0, 0, 0, 0.30);
  padding: 0 10px;
}
/* 이재광 수정 2025-06-20 */



.live-broadcast-wrap .live-content-right .live-content-inner-title {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 6px 10px;
  color: #fff;
  text-align: center;
}

.live-broadcast-wrap .live-content-right .live-content-inner-title p {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.live-broadcast-wrap .live-content-right .live-content-inner-title strong {
  font-size: 20px;
  font-weight: 700;
}

.live-broadcast-wrap .live-content-right .live-content-inner-title span {
  font-size: 14px;
  font-weight: 400;
}

.live-broadcast-wrap .live-content-inner-txt {
  padding-left: 20px;
  width: 280px;
  position: relative;
  box-sizing: border-box;
}

.live-broadcast-wrap .live-content-inner-txt .live-brand {
  font-size: 14px;
  display: block;
  line-height: 1.4;
  letter-spacing: -0.4px;
  padding-bottom: 10px;
}

.live-broadcast-wrap .live-content-inner-txt h4.live-pr-title {
  font-size: 20px;
  display: block;
  line-height: 1.4;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.4px;
  padding: 0 40px 10px 0;
  word-break: keep-all;
}


/* 이재광 수정 2025-06-20 */
.live-broadcast-wrap .live-content-inner-txt .live-go-btn a {
  width:160px;
  margin-top: 15px;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  letter-spacing: -0.4px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #000;
  background-color: #fff;
  display: flex;
  padding: 0;
  border-radius: 100px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.live-broadcast-wrap .live-content-inner-txt .live-go-btn a img {
  margin-left: 6px;
}
/* 이재광 수정 2025-06-20 */






.live-broadcast-wrap .live-content-inner-txt .notice-btn em {
  display: inline-block;
  padding-right: 5px;
}

.live-broadcast-wrap .live-content-inner-txt .notice-btn {
  color: #38AFF5;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}

.live-broadcast-wrap .live-content-inner-txt .related-pr-inner ul {
  display: flex;
  gap: 20px;
}

.live-broadcast-wrap .live-content-inner-txt .related-pr-inner ul li {
  width: 81px;
}

.live-broadcast-wrap .live-content-inner-txt .related-pr-inner ul li dt {
  padding-bottom: 10px;
}

.live-broadcast-wrap .live-content-inner-txt .related-pr-inner ul li dd {
  font-size: 14px;
  color: #000;
  font-weight: 700;
}

.live-broadcast-wrap .live-content-inner-txt .related-pr-inner ul li dd strong,
.live-broadcast-wrap .live-content-inner-txt .related-pr-inner ul li dd span {
  display: block;
  line-height: 1.3;
}

.live-broadcast-wrap .live-content-inner-txt .related-pr {
  position: absolute;
  bottom: 0;
}
/* 이재광 수정 2025-06-20 */

@media screen and (max-width: 1720px) {
  .live-broadcast-wrap .live-broadcast-inner {
    padding: 60px 20px;
    justify-content: space-around;
  }

  .live-broadcast-wrap .live-content-wrap {
    width: calc(100% - 240px);
  }
}

/* 이재광 수정 2025-06-20 */