.event-hotdeal2 > .content-wrap{ margin: 0 auto; }

.event-hotdeal2 img{
  width: 100%;
  height: 100%;
}
.event-hotdeal2 section{
  position: relative;
}
.section-hero h2{
  color: #fff;
  font-family: 'HGGGothicssi';
  font-weight: 400;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.section-hero h2 span{
  color: #FA3DAD;
  font-family: 'HGGGothicssi';
  font-weight: 800;
}
.section-hero .link-btn{
  position: absolute;
  left: 50%;
}

.section-prod-list .dim{
  width: 100%;
  height: 100%;
  background-color: #000000AD;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.section-prod-list .dim p{
  font-family: 'Pretendard', sans-serif;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
.section-prod-list .section-title{
  font-weight: bold;
  text-transform: uppercase;  
  text-align: center;
}
.section-prod-list .prod-list{
  margin: 0 auto;
  display: grid;
}
.section-prod-list .prod-item{
  position: relative;
}
.section-prod-list .prod-item .prod-img-wrap .prod-img{
  border-radius: inherit;
  object-fit: cover;
}
.section-prod-list .prod-item .prod-info-wrap .cost-after span{
  font-family: "Noto Sans KR";
}
.section-prod-list .prod-item .prod-info-wrap .badge-area .badge-hotdeal{
  margin: 0;
}
.section-prod-list .prod-item .prod-btn-wrap .request-btn{
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-prod-list .prod-item .prod-btn-wrap .request-btn::before{
  content: '';
  background: url('/resources/images/icons/comment-white.png') no-repeat center center / cover;
  display: block;
}
.section-card{
  position: relative;
  text-align: center;
}
.section-card > div[class$="-text"]{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.section-card .title-text{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-card .title-text p{
  color: #fff;
}
.section-card .title-text h3{
  font-family: 'GMarketSans';
  font-weight: 700;
  color: transparent;
  background: linear-gradient(130.56deg, #F74FAE 25.05%, #E63198 62.55%, #BD44FF 100%);;
  background-clip: text;
  -webkit-background-clip: text;
  white-space: nowrap;
}
.section-card .box-title-text .box-main-text{
  color: #fff;
  font-weight: 700;
}
.section-card .box-title-text .box-sub-text{
  color: #B3B3B3;
  font-weight: 400;
}
.section-card .discount-text [class^="discount-"]{
  border-radius: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-card .discount-text [class^="discount-"] h3{
  color: #fff;
  font-weight: 500;
}
.section-card .discount-text [class^="discount-"] h3 span{
  color: #FFEF16;
  font-weight: 700;
}
.section-card .discount-text .discount-hotdeal{
  background: linear-gradient(116.5deg, #E63198 20.91%, #8108C3 72.07%);
}
.section-card .discount-text .discount-card{
  background-color: #000;
}


/* PC */ 
@media (min-width: 1160px) {
  main{
    padding: 0;
  }
  .event-hotdeal2{
    padding: 90px 0 0;
  }
  .event-hotdeal2 > .content-wrap{
    max-width: 1920px;
  }

  .section-hero h2{
    font-size: min(2.08334vw, 40px);
    top: min(5.10417vw, 98px);
  }
  .section-hero .link-btn{
    width: min(52.86459vw, 1015px);
    height: min(16.04167vw, 308px);
    border-radius: min(1.04167vw, 20px);
    top: min(44.0625vw, 846px);
    transform: translateX(calc(-50% - min(0.72917vw, 14px)));
  }

  .section-prod-list{
    padding: 40px 0 112px;
  }
  .section-prod-list .dim p{
    font-size: 52px;
    letter-spacing: -1px;
  }
  .section-prod-list .section-title{
    padding: 0 0 48px;
    font-size: 62px;
    letter-spacing: 10px;
  }
  .section-prod-list .prod-list{
    max-width: 1160px;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 28px;
  }
  .section-prod-list .prod-item .prod-img-wrap{
    border-radius: 12px;
  }
  .section-prod-list .prod-item .prod-info-wrap{
    margin: 8px 0 0;
  }
  .section-prod-list .prod-item .prod-info-wrap .quantity-badge{
    width: 80px;
    height: 100px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .section-prod-list .prod-item .prod-info-wrap .quantity-badge.soldout{
    background-color: #F53AA6;
  }
  .section-prod-list .prod-item .prod-info-wrap .quantity-badge.stock{
    background: linear-gradient(180deg, #666666 0%, #000000 100%);
  }
  .section-prod-list .prod-item .prod-info-wrap .cost-after span{
    font-size: 14px;
    line-height: 24px;
  }
  .section-prod-list .prod-item .prod-info-wrap .cost-before{
    padding: 0 0 2px;
  }
  .section-prod-list .prod-item .prod-info-wrap .badge-area{
    margin: 12px 0 0;
  }
  .section-prod-list .prod-item .prod-info-wrap .badge-area .badge-gray{
    background-color: #F0F0F0;
    color: #000;
  }
  .section-prod-list .prod-item .prod-btn-wrap{
    margin: 8px 0 0;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }
  .section-prod-list .prod-item .prod-btn-wrap [class$="-btn"]{
    height: 50px;
    border-radius: 12px;
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .section-prod-list .prod-item .prod-btn-wrap .prod-link-btn{
    border: 1px solid #333333;
    background-color: #fff;
    color: #333;
  }
  .section-prod-list .prod-item .prod-btn-wrap .request-btn{
    background-color: #333;
    column-gap: 6px;
  }
  .section-prod-list .prod-item .prod-btn-wrap .request-btn::before{
    width: 19px;
    height: 19px;
  }

  .section-card .title-text{
    row-gap: min(0.83334vw, 16px);
    top: min(3.54167vw, 68px);
  }
  .section-card .title-text p{
    font-size: min(1.5625vw, 30px);
    letter-spacing: max(-0.05209vw, -1px);
  }
  .section-card .title-text h3{
    font-size: min(3.22917vw, 62px);
    letter-spacing: max(-0.10417vw, -2px);
  }
  .section-card .box-title-text{
    top: min(15vw, 288px);
  }
  .section-card .box-title-text .box-main-text{
    font-size: min(2.1875vw, 42px);
    line-height: min(3.125vw, 60px);
    letter-spacing: max(-0.10417vw, -2px);
  }
  .section-card .box-title-text .box-sub-text{
    margin: min(0.72917vw, 14px) 0 0;
    font-size: min(1.45834vw, 28px);
    line-height: min(2.1579vw, 41px);
    letter-spacing: max(-0.10417vw, -2px);
  }
  .section-card .discount-text{
    bottom: min(10.67709vw, 205px);
    display: flex;
    align-items: center;
    column-gap: min(7.55209vw, 145px);
  }
  .section-card .discount-text [class^="discount-"]{
    width: min(22.03125vw, 423px);
    height: min(3.64584vw, 70px);
  }
  .section-card .discount-text [class^="discount-"] h3{
    font-size: min(1.35417vw, 26px);
  }
}


/* MO */
@media (max-width: 1159px) {
  .event-hotdeal2 > .content-wrap{ max-width: 750px; }

  .section-hero h2{
    font-size: min(4.26667vw, 32px);
    top: min(7.46667vw, 56px);
  }
  .section-hero .link-btn{
    width: min(84.66667vw, 635px);
    height: min(38.8vw, 291px);
    border-radius: min(3.46667vw, 26px);
    top: min(82.66667vw, 620px);
    transform: translateX(-50%);
  }
  .section-prod-list .section-title{
    padding: min(8.26667vw, 60px) 0;
    font-size: min(5.6vw, 42px);
    line-height: min(6.53334vw, 49px);
    letter-spacing: min(1.33334vw, 10px);
  }
  .section-prod-list .prod-list{
    grid-template-columns: 1fr;
  }
  .section-prod-list .prod-item{
    padding: min(4vw, 30px) min(12vw, 90px);
  }
  .section-prod-list .prod-item .dim-text{
    width: 100%;
    height: 100%;
    padding: min(68.53334vw, 514px) 0 0;
    position: absolute;
    inset: 0;
    z-index: 1;
  }
  .section-prod-list .prod-item .dim-text p{
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: min(6.4vw, 48px);
    letter-spacing: -1px;
    line-height: min(7.6vw, 57px);
  }
  .section-prod-list .prod-item .prod-img-wrap{
    width: 100%;
    height: min(64.26667vw, 482px);
    background-color: #F0F0F0;
    position: relative;
  }
  .section-prod-list .prod-item .prod-img-wrap::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .section-prod-list .prod-item .prod-img-wrap::after{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.64) 100%);
  }
  .section-prod-list .prod-item .prod-img-wrap .prod-img{
    width: 100%;
    
    position: relative;
  }
  .section-prod-list .prod-item .prod-info-wrap{
    background-color: #F0F0F0;
    padding: min(9.06667vw, 68px) min(6.13334vw, 46px) min(6.93334vw, 52px);
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
  /* .quantity-badge{ width: 80px; height: 100px; border-radius: 50px; color: #fff; font-family: 'Noto Sans KR';font-size: 16px; font-weight: 700; line-height: 24px; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; top: -45px; right: 12px; }
  .quantity-badge:not(.soldout){ background: linear-gradient(180deg, #666666 0%, #000000 100%); }
  .quantity-badge.soldout{ background: linear-gradient(180deg, #E72972 0%, #ED174D 49.5%, #F53C2E 100%); animation: twinkling 2s infinite; } */
  .section-prod-list .prod-item .prod-info-wrap .badge-area{
    width: calc(100% - min(10.66667vw, 80px));
    margin: 0;
    max-height: min(11.73334vw, 88px);
    gap: min(1.06667vw, 8px);
  }
  .section-prod-list .prod-item .prod-info-wrap .badge-area [class^="badge-"]{
    height: min(5.33334vw, 40px);
    padding: 0 min(1.6vw, 12px);
    font-size: min(2.66667vw, 20px);
    line-height: min(4.26667vw, 32px);
  }
  .section-prod-list .prod-item .prod-info-wrap .badge-area .badge-gray{
    background-color: #CDCDCD;
    color: #000;
  }
  .section-prod-list .prod-item .prod-info-wrap .text-area{
    margin: min(5.06667vw, 38px) 0 0;
  }
  .section-prod-list .prod-item .prod-info-wrap .brand-name{
    font-size: min(3.73334vw, 28px);
    line-height: min(6.4vw, 48px);
  }
  .section-prod-list .prod-item .prod-info-wrap .product-name{
    height: min(12.8vw, 96px);
    margin: 0 0 min(5.06667vw, 38px);
    font-weight: 300;
    font-size: min(3.73334vw, 28px);
    line-height: min(6.4vw, 48px);
  }
  .section-prod-list .prod-item .prod-info-wrap .cost{
    margin: 0;
    column-gap: min(2.66667vw, 20px);
    align-items: center;
  }
  .section-prod-list .prod-item .prod-info-wrap .cost-after{
    font-size: min(8vw, 60px);
    line-height: min(9.06667vw, 68px);
    border-bottom: min(0.53334vw, 4px) solid #000;
  }
  .section-prod-list .prod-item .prod-info-wrap .cost-after span{
    font-weight: 300;
    font-size: min(3.73334vw, 28px);
    line-height: min(6.4vw, 48px);
  }
  .section-prod-list .prod-item .prod-info-wrap .cost-before{
    padding: 1px 0 0;
    font-weight: 300;
    font-size: min(3.73334vw, 28px);
    line-height: min(6.4vw, 48px);
    letter-spacing: max(-1.2px, -0.16vw);
  }
  .section-prod-list .prod-item .prod-info-wrap .cost-before span{
    margin: 0 0 0 min(0.53334vw, 4px);
  }
  .section-prod-list .prod-item .prod-btn-wrap .prod-link-btn{
    color: #fff;
    position: absolute;
    top: min(59.73334vw, 448px);
    left: min(18.13334vw, 136px);
    display: flex;
    align-items: center;
    column-gap: min(1.06667vw, 8px);
    font-weight: 500;
    font-size: min(3.46667vw, 26px);
    line-height: min(6.4vw, 48px);
    letter-spacing: max(-0.16vw, -1.2px);
  }
  .section-prod-list .prod-item .prod-btn-wrap .prod-link-btn::after{
    content: '';
    width: min(3.2vw, 24px);
    height: min(3.2vw, 24px);
    background: url('/resources/images/event/event-hotdeal2/mo/arrow-right-white.png') no-repeat center center / contain;
    display: block;
  }
  .section-prod-list .prod-item .prod-btn-wrap .request-btn{
    width: 100%;
    height: min(12vw, 90px);
    column-gap: min(1.06667vw, 8px);
    background: linear-gradient(93.43deg, #FF3FAC 0%, #4E45FD 100.71%);
    font-size: min(4vw, 30px);
    box-shadow: inset 0 0 0 min(0.26667vw, 2px) #FFFFFF52;
  }
  .section-prod-list .prod-item .prod-btn-wrap .request-btn::before{
    width: min(4vw, 30px);
    height: min(4vw, 30px);
  }
  
  .section-card .title-text{
    row-gap: min(2.13334vw, 16px);
    top: min(10.66667vw, 80px);
  }
  .section-card .title-text p{
    font-size: min(4vw, 30px);
    line-height: min(4.8vw, 36px);
    letter-spacing: max(-0.13334vw, -1px);
  }
  .section-card .title-text h3{
    font-size: min(8.26667vw, 62px);
    line-height: min(8.26667vw, 62px);
    letter-spacing: max(-0.26667vw, -2px);
  }
  .section-card .box-title-text{
    top: min(42.13334vw, 316px);
  }
  .section-card .box-title-text .box-main-text{
    font-size: min(5.6vw, 42px);
    line-height: min(8vw, 60px);
    white-space: nowrap;
  }
  .section-card .box-title-text .box-sub-text{
    margin: min(2.13334vw, 16px) 0 0;
    font-size: min(4vw, 30px);
    line-height: min(6.4vw, 48px);
    letter-spacing: -1px;
    white-space: nowrap;
  }
  .section-card .discount-text{
    top: min(57.74545%, 794px);
  }
  .section-card .discount-text [class^="discount-"]{
    width: min(58.93334vw, 442px);
    height: min(9.33334vw, 70px);
  }
  .section-card .discount-text [class^="discount-"] h3{
    font-size: min(4vw, 30px);
    white-space: nowrap;
  }
  .section-card .discount-text .discount-card{
    margin: min(34.66667vw, 260px) 0 0;
  }
}