@charset "UTF-8";
/* 20260923 로봇청소기 리뉴얼 (publ209) - PC 1160px / MO 750px 시안 기준
   - PC 는 px, MO 는 750px 시안 px 값에 var(--px) 를 곱해 사용 : calc(시안px * var(--px))
   - 시안의 Gmarket Sans 500 은 웹폰트 GMarketSans 700(Bold) 으로, 400 은 500(Medium) 으로 매칭 */

/* 특별전 전용 GMarketSans Bold : 줄 높이 메트릭 고정
   - 폰트 파일의 세로 메트릭이 hhea(800/200) 와 OS/2 win(800/350) 으로 달라서
     Windows 는 win, Android·iOS·Mac 은 hhea 를 써 글자 기준선이 0.075em 차이 난다. (실 MO 에서 특별전이 바 아래로 처짐)
   - hhea 값으로 고정해 모든 OS 에서 같은 위치에 그린다. (Safari 는 override 미지원이지만 원래 hhea 를 써서 결과 동일)
   - 공용 font.css 의 GMarketSans 를 바꾸면 사이트 전체 글자 위치가 바뀌므로 이 페이지 전용 이름으로 정의 */
@font-face {
  font-family: 'GMarketSansFixed';
  src: url(/resources/fonts/GmarketSansOTF/GmarketSansBold.otf) format('opentype');
  font-weight: 700;
  font-display: swap;
  ascent-override: 80%;
  descent-override: 20%;
  line-gap-override: 0%;
}

.event-roborock .section-top *,
.event-roborock .section-line-up *{
  letter-spacing: -0.02em;
}
.event-roborock a{
  display: block;
}
.event-roborock img{
  display: block;
  object-fit: cover;
}
.event-roborock picture img{
  width: 100%;
}
.event-roborock > .content-wrap{
  margin: 0 auto;
}
.event-roborock button{
  border: none;
  border-radius: 0;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

/* ===== 상단 ===== */
.event-roborock .section-top{
  position: relative;
}
.event-roborock .section-top .top-txt,
.event-roborock .section-top .main-txt,
.event-roborock .section-top .sub-txt,
.event-roborock .section-top .cta-btn{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'GMarketSans';
  text-align: center;
  white-space: nowrap;
}
.event-roborock .section-top .top-txt{
  font-weight: 300;
  letter-spacing: -0.03em;
  color: #000;
}
.event-roborock .section-top .main-txt{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.event-roborock .section-top .main-txt [class^="main-txt_"]{
  font-family: 'GMarketSans';
  font-weight: 700;
  letter-spacing: -0.07em;
}
/* 로봇청소기 : #87491A 글자 + 우측 하단 radial 하이라이트(Mask group) */
.event-roborock .section-top .main-txt .main-txt_1{
  display: inline-block;
  color: #87491A;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* 특별전 : #87491A 바 + 상단 radial 하이라이트(Mask group) */
/* 글자를 바 높이 안에서 세로 가운데 정렬 (PC/MO 의 padding-top 은 GMarketSans 하단 여백 보정) */
/* 메트릭 고정 폰트(GMarketSansFixed) 사용 - 상단 @font-face 참고 */
.event-roborock .section-top .main-txt .main-txt_2{
  font-family: 'GMarketSansFixed', 'GMarketSans';
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: #fff;
}
.event-roborock .section-top .sub-txt{
  font-weight: 300;
  color: #000;
}
.event-roborock .section-top .sub-txt strong{
  font-family: 'GMarketSans';
  font-weight: 400;
  letter-spacing: inherit;
  color: #EF2249;
}
.event-roborock .section-top .cta-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: #000;
  box-shadow: inset 0 5px 15px 6px rgba(255, 255, 255, 0.35);
  border-radius: 50px;
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.08em;
}
.event-roborock .section-top .cta-btn::after{
  content: '';
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 18'%3E%3Cpath d='M1.8 1.8L9 9L1.8 16.2M12.8 1.8L20 9L12.8 16.2' fill='none' stroke='%23fff' stroke-width='4.6'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ===== 상단 혜택 ===== */
.event-roborock .section-benefit .benefit-txt{
  display: flex;
  position: absolute;
}
.event-roborock .section-benefit .benefit-txt li{
  font-family: 'Pretendard';
  font-weight: 300;
  letter-spacing: -0.08em;
  color: #000;
  text-align: center;
  white-space: nowrap;
}
.event-roborock .section-benefit .benefit-txt li strong{
  font-family: 'Pretendard';
  font-weight: 700;
  letter-spacing: -0.08em;
}

/* ===== 상품 공통 (가격 / 버튼) ===== */
.event-roborock .section-line-up .prod-name{
  display: block;
  font-family: 'GMarketSans';
  color: #000;
}
.event-roborock .section-line-up .price-info [class^="price-"]{
  display: flex;
  align-items: center;
}
.event-roborock .section-line-up .price-info p{
  font-family: 'Pretendard';
  letter-spacing: -0.04em;
  color: #000;
  white-space: nowrap;
}
.event-roborock .section-line-up .price-before p{
  font-weight: 500;
}
.event-roborock .section-line-up .price-before .price{
  position: relative;
}
.event-roborock .section-line-up .price-before .price::after{
  content: '';
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.event-roborock .section-line-up .price-after p{
  font-weight: 700;
}
.event-roborock .section-line-up .price-after .price{
  color: #F43E54;
}
.event-roborock .section-line-up .price-after .price strong{
  font-family: 'GMarketSans';
  font-weight: 700;
  letter-spacing: -0.04em;
}
.event-roborock .section-line-up .btn-wrap{
  display: flex;
}
.event-roborock .section-line-up .btn-wrap [class^="btn-"]{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: 'GMarketSans';
  font-weight: 700;
  letter-spacing: -0.02em;
}
.event-roborock .section-line-up .btn-wrap .btn-black{
  background-color: #161616;
}
.event-roborock .section-line-up .btn-wrap .btn-red{
  background-color: #FF3A52;
}

/* ===== 영상 상품 리스트 ===== */
.event-roborock .section-prod-video .prod-item{
  position: relative;
  background-color: #F2F2F2;
}
.event-roborock .section-prod-video .prod-item video{
  display: block;
  object-fit: cover;
  background-color: #D9D9D9;
}
.event-roborock .section-prod-video .recommend-bubble{
  display: flex;
}
.event-roborock .section-prod-video [class^="recommend-bubble_"]{
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.event-roborock .section-prod-video .recommend-bubble_ttl{
  flex-shrink: 0;
  justify-content: center;
  position: relative;
  background-color: #000;
  color: #fff;
  font-family: 'Pretendard';
  font-weight: 800;
  letter-spacing: 0;
  text-align: center;
}
.event-roborock .section-prod-video .recommend-bubble_ttl::after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  border-style: solid;
  border-color: transparent transparent transparent #000;
}
.event-roborock .section-prod-video .recommend-bubble_desc{
  background-color: #fff;
  border: 1px solid #000;
  border-left: none;
}
.event-roborock .section-prod-video .recommend-bubble_desc p{
  font-family: 'Pretendard';
  font-weight: 500;
  color: #000;
  white-space: nowrap;
}
.event-roborock .section-prod-video .recommend-bubble_desc span{
  font-weight: 800;
  font-family: 'Pretendard';
}
.event-roborock .section-prod-video .recommend-bubble_desc .recommend-bubble-spec{
  font-weight: 500;
  color: #FF3A52;
}
.event-roborock .section-prod-video .prod-name-wrap{
  display: flex;
  align-items: center;
}
.event-roborock .section-prod-video .prod-name{
  font-weight: 700;
}
.event-roborock .section-prod-video .prod-badge{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: 800px;
  background-color: #161616;
  color: #FF3A52;
  font-family: 'Pretendard';
  font-weight: 700;
  letter-spacing: 0;
}

/* ===== BEST 4 ===== */
.event-roborock .section-prod-img{
  position: relative;
  background-color: #D4C9C4;
}
/* 타이틀 ~ 첫 번째 카드 상단까지 이어지는 브라운 띠
   - 1번째 레이어 : best4_banner 원본
   - 2번째 레이어 : 같은 이미지를 세로로 크게 늘려 하단에 붙임 → 배너 아래(카드 뒤)로 마지막 줄 색이 끊김 없이 이어짐 */
.event-roborock .section-prod-img::before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  background: url(/resources/images/event/event-roborock/261013/best4_banner.png) no-repeat, url(/resources/images/event/event-roborock/261013/best4_banner.png) no-repeat;
}
.event-roborock .section-prod-img .ttl-wrap{
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
.event-roborock .section-prod-img .ttl-wrap .ttl{
  font-family: 'GMarketSans';
  font-weight: 300;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
.event-roborock .section-prod-img .ttl-wrap .ttl strong{
  font-family: 'GMarketSans';
  font-weight: 700;
}
.event-roborock .section-prod-img .ttl-wrap .ttl strong:first-child{
  position: relative;
  color: #FFEEC5;
}
/* 왕관 */
.event-roborock .section-prod-img .ttl-wrap .ttl strong:first-child::before{
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: url("/resources/images/event/event-roborock/261013/best.png") no-repeat center / contain;
}
.event-roborock .section-prod-img .prod-img-list{
  position: relative;
  z-index: 1;
}
.event-roborock .section-prod-img .card{
  position: relative;
  display: flex;
  box-sizing: border-box;
  background-color: #fff;
  border-top: solid #7C4217;
}
.event-roborock .section-prod-img .img-wrap .prod-img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.event-roborock .section-prod-img .sticker-bx{
  position: absolute;
  z-index: 1;
}
.event-roborock .section-prod-img p[class^="sticker"]{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 50%;
  color: #fff;
  font-family: 'GMarketSans';
  font-weight: 700;
}
.event-roborock .section-prod-img p[class^="sticker"].new{
  background: linear-gradient(143.39deg, #FF3A52 23.69%, #C7192E 86.02%);
}
.event-roborock .section-prod-img p[class^="sticker"].hotdeal{
  background: linear-gradient(143.39deg, #E344FF 46.76%, #C808AE 86.02%);
}
.event-roborock .section-prod-img p[class^="sticker"].exclusive{
  background-color: #161616;
}
.event-roborock .section-prod-img p[class^="sticker"].limited{
  background: linear-gradient(143.39deg, #7A4AD3 23.69%, #643DFF 86.02%);
}
.event-roborock .section-prod-img p[class^="sticker"].best{
  background: url(/resources/images/event/event-roborock/renewal/prod-img-best-badge.png) no-repeat center / 100% 100%;
  color: #33260A;
}
/* prod02 BEST 뱃지 : 원형 */
.event-roborock .section-prod-img .prod-item.prod02 p[class^="sticker"].best{
  background: linear-gradient(123.13deg, #FFEB6F 36.66%, #FFB110 86.19%);
  color: #000;
  font-family: 'Pretendard';
  font-weight: 700;
  letter-spacing: -0.04em;
  -webkit-text-stroke: 0.2px rgba(0, 0, 0, 0.7);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}
.event-roborock .section-prod-img .sticker01{
  z-index: 1;
}
.event-roborock .section-prod-img .refurb-txt{
  font-family: 'GMarketSans';
  font-weight: 500;
  letter-spacing: -0.04em;
  color: #000;
}
.event-roborock .section-prod-img .prod-name{
  font-weight: 700;
  letter-spacing: -0.04em;
}
.event-roborock .section-prod-img .price-after .price{
  color: #B3520A;
}
.event-roborock .section-prod-img .btn-wrap .btn-red{
  background-color: #B3520A;
}
.event-roborock .section-prod-img .btn-wrap{
  position: relative;
  z-index: 3;
}
.event-roborock .section-prod-img .link-area{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}


/* ================= PC ================= */
@media (min-width: 1160px) {
  main{
    padding-top: 0;
  }
  .event-roborock{
    padding-top: 90px;
  }
  .event-roborock > .content-wrap{
    max-width: 1160px;
  }
  .event-roborock .mo-only{
    display: none;
  }

  /* 상단 */
  .event-roborock .section-top .top-txt{
    top: 96px;
    font-size: 35px;
    line-height: 35px;
  }
  .event-roborock .section-top .main-txt{
    top: 166px;
  }
  .event-roborock .section-top .main-txt .main-txt_1{
    font-size: 136px;
    line-height: 136px;
    background-image: radial-gradient(circle 163.5px at 393.5px 129.5px, #B77A4B 21.15%, #884A1B 100%);
  }
  .event-roborock .section-top .main-txt .main-txt_2{
    width: 600px;
    height: 134px;
    margin: -6px 0 0;
    /* 메트릭 고정(기준선 0.075em 하강)만큼 보정 : 가운데 정렬이라 padding 변화의 1/2 만 이동 → 27.5 - 0.15em(20.25) */
    padding: 7.25px 0 0;
    font-size: 135px;
    line-height: 135px;
    background: radial-gradient(circle 163.5px at 387.5px -0.5px, #B77A4B 18.27%, #884A1B 100%) #87491A;
  }
  .event-roborock .section-top .sub-txt{
    top: 457px;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: -0.08em;
  }
  .event-roborock .section-top .cta-btn{
    top: 541px;
    width: 536px;
    height: 94px;
    padding: 4px 0 0;
    column-gap: 12px;
    font-size: 36px;
    line-height: 36px;
  }
  .event-roborock .section-top .cta-btn::after{
    width: 25px;
    height: 18px;
    margin: 0 0 4px;
  }

  /* 상단 혜택 */
  .event-roborock .section-benefit .benefit-txt{
    top: 191px;
    left: 84px;
  }
  .event-roborock .section-benefit .benefit-txt li{
    width: 249px;
    font-size: 32px;
    line-height: 38px;
  }

  /* 상품 공통 */
  .event-roborock .section-line-up .price-info{
    display: flex;
    flex-direction: column;
    row-gap: 8px;
  }
  .event-roborock .section-line-up .price-before .name{
    width: 157px;
    margin: 0 40px 0 0;
  }
  .event-roborock .section-line-up .price-after .name{
    width: 157px;
    margin: 0 37px 0 0;
  }
  .event-roborock .section-line-up .price-before p{
    font-size: 26px;
    line-height: 36px;
  }
  .event-roborock .section-line-up .price-before .price::after{
    top: 16px;
    width: 165px;
    height: 19px;
    background-image: url(/resources/images/event/event-roborock/renewal/pc/line-through-arrow.png);
  }
  .event-roborock .section-line-up .price-after p{
    font-size: 36px;
    line-height: 50px;
  }
  .event-roborock .section-line-up .price-after .price strong{
    font-size: 42px;
    line-height: 59px;
  }
  .event-roborock .section-line-up .btn-wrap [class^="btn-"]{
    width: 202px;
    height: 57px;
    padding: 3px 0 0;
    font-size: 28px;
    line-height: 39px;
  }

  /* 영상 상품 리스트 */
  .event-roborock .section-prod-video .prod-item{
    height: 458px;
  }
  .event-roborock .section-prod-video .link-area{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .event-roborock .section-prod-video .prod-item video{
    position: absolute;
    top: 62px;
    width: 600px;
    height: 334px;
  }
  .event-roborock .section-prod-video .prod-item:nth-child(odd) video{
    right: 0;
    border-radius: 1000px 0 0 1000px;
  }
  .event-roborock .section-prod-video .prod-item:nth-child(even) video{
    left: 0;
  }
  .event-roborock .section-prod-video .prod02 video{
    border-radius: 0 0 200px 0;
  }
  .event-roborock .section-prod-video .prod04 video{
    border-radius: 0 200px 0 0;
  }
  .event-roborock .section-prod-video .prod-info,
  .event-roborock .section-prod-video .btn-wrap{
    position: absolute;
  }
  .event-roborock .section-prod-video .prod-info{
    top: 58px;
  }
  .event-roborock .section-prod-video .btn-wrap{
    top: 343px;
    z-index: 2;
  }
  .event-roborock .section-prod-video .prod-item:nth-child(odd) .prod-info,
  .event-roborock .section-prod-video .prod-item:nth-child(odd) .btn-wrap{
    left: 93px;
  }
  .event-roborock .section-prod-video .prod-item:nth-child(even) .prod-info,
  .event-roborock .section-prod-video .prod-item:nth-child(even) .btn-wrap{
    left: 637px;
  }
  .event-roborock .section-prod-video .recommend-bubble{
    height: 69px;
    margin: 0 0 17px;
  }
  .event-roborock .section-prod-video .recommend-bubble_ttl{
    width: 81px;
    font-size: 18px;
    line-height: 22px;
  }
  .event-roborock .section-prod-video .recommend-bubble_ttl::after{
    border-width: 6px 0 6px 8px;
  }
  .event-roborock .section-prod-video .recommend-bubble_desc{
    padding: 0 21px 0 14px;
  }
  .event-roborock .section-prod-video .recommend-bubble_desc p{
    font-size: 18px;
    line-height: 23px;
  }
  .event-roborock .section-prod-video .prod-name-wrap{
    column-gap: 12px;
    margin: 0 0 23px;
  }
  .event-roborock .section-prod-video .prod-name{
    font-size: 36px;
    line-height: 50px;
  }
  .event-roborock .section-prod-video .prod-badge{
    height: 37.8px;
    padding: 0 16px;
    font-size: 19px;
    line-height: 25px;
  }

  /* BEST 4 */
  .event-roborock .section-prod-img::before{
    top: 70px;
    height: 290px;
    background-size: 1160px 187px, 1160px 18700px;
    background-position: 0 0, 0 bottom;
  }
  .event-roborock .section-prod-img .ttl-wrap{
    height: 257px;
    padding: 158px 0 0;
    background: linear-gradient(180deg, #F2F2F2 70px, transparent 70px);
  }
  .event-roborock .section-prod-img .ttl-wrap .ttl{
    font-size: 52px;
    line-height: 73px;
  }
  .event-roborock .section-prod-img .ttl-wrap .ttl strong:first-child::before{
    bottom: 100%;
    width: 40px;
    height: 27px;
  }
  .event-roborock .section-prod-img .prod-item{
    padding: 23px 50px;
  }
  .event-roborock .section-prod-img .prod-item:first-child{
    padding: 18px 50px 24px;
  }
  .event-roborock .section-prod-img .card{
    align-items: center;
    height: 394px;
    border-top-width: 8px;
    border-radius: 10px;
  }
  .event-roborock .section-prod-img .img-wrap{
    position: absolute;
    top: 0;
    left: 64px;
    width: 468px;
    height: 386px;
  }
  .event-roborock .section-prod-img .sticker-bx{
    top: 29px;
  }
  .event-roborock .section-prod-img p[class^="sticker"]{
    width: 100px;
    height: 100px;
  }
  .event-roborock .section-prod-img p[class^="sticker"].new,
  .event-roborock .section-prod-img p[class^="sticker"].hotdeal,
  .event-roborock .section-prod-img p[class^="sticker"].best{
    font-size: 26px;
    line-height: 36px;
  }
  .event-roborock .section-prod-img p[class^="sticker"].exclusive,
  .event-roborock .section-prod-img p[class^="sticker"].limited{
    font-size: 20px;
    line-height: 28px;
  }
  .event-roborock .section-prod-img p[class^="sticker"].best{
    width: 107px;
    height: 106px;
    margin: -3px 0 0 -3px;
  }
  .event-roborock .section-prod-img .prod-item.prod02 p[class^="sticker"].best{
    width: 100px;
    height: 100px;
    margin: 0;
    font-size: 30px;
    line-height: 42px;
  }
  .event-roborock .section-prod-img .sticker02{
    margin: -18px 0 0;
  }
  .event-roborock .section-prod-img .prod-info{
    width: 412px;
    margin: -6px 0 0 584px;
  }
  .event-roborock .section-prod-img .prod-name-wrap{
    margin: 0 0 23px;
  }
  .event-roborock .section-prod-img .refurb-txt{
    font-size: 28px;
    line-height: 34px;
  }
  .event-roborock .section-prod-img .prod-name{
    font-size: 36px;
    line-height: 43px;
  }
  .event-roborock .section-prod-img .price-info{
    margin: 0 0 23px;
  }
  .event-roborock .section-prod-img .link-area{
    top: -8px;
  }

  /* 상품 리스트 */
  .event-roborock .section-prod-list .prod-list-container{
    padding: 50px 0;
  }
}


/* ================= MO ================= */
@media (max-width: 1159px) {
  /* 시안(750px) 1px = 화면 폭/750, 750px 이상은 1px 고정, 280px 화면 이하로는 축소하지 않음 */
  .event-roborock{
    --px: clamp(calc(280px / 750), calc(100vw / 750), 1px);
  }
  .event-roborock > .content-wrap{
    max-width: 750px;
    min-width: 280px;
  }
  .event-roborock .pc-only{
    display: none;
  }

  /* 상단 */
  .event-roborock .section-top .top-txt{
    top: calc(68 * var(--px));
    font-size: calc(31 * var(--px));
    line-height: calc(31 * var(--px));
  }
  .event-roborock .section-top .main-txt{
    top: calc(130 * var(--px));
  }
  .event-roborock .section-top .main-txt .main-txt_1{
    font-size: calc(118 * var(--px));
    line-height: calc(118 * var(--px));
    background-image: radial-gradient(circle calc(163.5 * var(--px)) at calc(349.5 * var(--px)) calc(147.5 * var(--px)), #B77A4B 21.15%, #884A1B 100%);
  }
  .event-roborock .section-top .main-txt .main-txt_2{
    width: calc(534 * var(--px));
    height: calc(116 * var(--px));
    margin: calc(-1 * var(--px)) 0 0;
    /* 시안 기준 글자 위치 : 바 안에서 상 6 : 하 3 */
    /* 메트릭 고정(기준선 0.075em 하강)만큼 보정 : 가운데 정렬이라 padding 변화의 1/2 만 이동 → 27.5 - 0.15em(18.75) */
    padding: calc(8.75 * var(--px)) 0 0;
    font-size: calc(125 * var(--px));
    line-height: calc(125 * var(--px));
    background: radial-gradient(circle calc(163.5 * var(--px)) at calc(351.5 * var(--px)) calc(-7.5 * var(--px)), #B77A4B 18.27%, #884A1B 100%) #87491A;
  }
  .event-roborock .section-top .sub-txt{
    top: calc(395 * var(--px));
    font-size: calc(34 * var(--px));
    line-height: calc(34 * var(--px));
    letter-spacing: -0.07em;
  }
  .event-roborock .section-top .cta-btn{
    top: calc(470 * var(--px));
    width: calc(506 * var(--px));
    height: calc(89 * var(--px));
    padding: calc(4 * var(--px)) 0 0;
    column-gap: calc(16 * var(--px));
    font-size: calc(32 * var(--px));
    line-height: calc(32 * var(--px));
  }
  .event-roborock .section-top .cta-btn::after{
    width: calc(21 * var(--px));
    height: calc(15 * var(--px));
    margin: 0 0 calc(4 * var(--px));
  }

  /* 상단 혜택 */
  .event-roborock .section-benefit .benefit-txt{
    top: calc(117 * var(--px));
    left: calc(25 * var(--px));
  }
  .event-roborock .section-benefit .benefit-txt li{
    width: calc(175 * var(--px));
    font-size: calc(26 * var(--px));
    line-height: calc(28 * var(--px));
  }

  /* 상품 공통 */
  .event-roborock .section-line-up .price-info{
    display: flex;
    flex-direction: column;
    row-gap: calc(8 * var(--px));
  }
  .event-roborock .section-line-up .price-before .name{
    width: calc(183 * var(--px));
    margin: 0 calc(40 * var(--px)) 0 0;
  }
  .event-roborock .section-line-up .price-after .name{
    width: calc(183 * var(--px));
    margin: 0 calc(37 * var(--px)) 0 0;
  }
  .event-roborock .section-line-up .price-before p{
    font-size: calc(30 * var(--px));
    line-height: calc(42 * var(--px));
  }
  .event-roborock .section-line-up .price-before .price::after{
    top: calc(18 * var(--px));
    width: calc(191 * var(--px));
    height: calc(22 * var(--px));
    background-image: url(/resources/images/event/event-roborock/renewal/mo/line-through-arrow.png);
  }
  .event-roborock .section-line-up .price-after p{
    font-size: calc(42 * var(--px));
    line-height: calc(59 * var(--px));
  }
  .event-roborock .section-line-up .price-after .price strong{
    font-size: calc(48 * var(--px));
    line-height: calc(67 * var(--px));
  }
  .event-roborock .section-line-up .btn-wrap{
    justify-content: center;
  }
  .event-roborock .section-line-up .btn-wrap [class^="btn-"]{
    width: calc(287 * var(--px));
    height: calc(81 * var(--px));
    padding: calc(4 * var(--px)) 0 0;
    font-size: calc(39.79 * var(--px));
    line-height: calc(56 * var(--px));
  }

  /* 영상 상품 리스트 */
  .event-roborock .section-prod-video .prod-item{
    padding: calc(56 * var(--px)) 0 calc(54 * var(--px));
  }
  .event-roborock .section-prod-video .prod-item video{
    width: calc(690 * var(--px));
    height: calc(430 * var(--px));
    margin: 0 0 calc(60 * var(--px));
  }
  .event-roborock .section-prod-video .prod-item:nth-child(odd) video{
    overflow : hidden;
    margin-left: auto;
  }
  .event-roborock .section-prod-video .prod01 video,
  .event-roborock .section-prod-video .prod03 video{
    border-radius: calc(215 * var(--px)) 0 0 calc(215 * var(--px));
  }
  .event-roborock .section-prod-video .prod02 video{
    border-radius: 0 calc(200 * var(--px)) 0 0;
  }
  .event-roborock .section-prod-video .prod05 video{
    border-radius: calc(200 * var(--px)) 0 0 0;
  }
  .event-roborock .section-prod-video .prod04 video{
    border-radius: 0 calc(215 * var(--px)) calc(215 * var(--px)) 0;
  }
  .event-roborock .section-prod-video .prod-info{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .event-roborock .section-prod-video .recommend-bubble{
    height: calc(85 * var(--px));
    margin: 0 0 calc(40 * var(--px));
  }
  .event-roborock .section-prod-video .recommend-bubble_ttl{
    width: calc(104.74 * var(--px));
    font-size: calc(26 * var(--px));
    line-height: calc(29 * var(--px));
  }
  .event-roborock .section-prod-video .recommend-bubble_ttl::after{
    border-width: calc(7 * var(--px)) 0 calc(7 * var(--px)) calc(9 * var(--px));
  }
  .event-roborock .section-prod-video .recommend-bubble_desc{
    padding: 0 calc(26 * var(--px)) 0 calc(12 * var(--px));
  }
  .event-roborock .section-prod-video .recommend-bubble_desc p{
    font-size: calc(24 * var(--px));
    line-height: calc(31 * var(--px));
  }
  .event-roborock .section-prod-video .prod-name-wrap{
    justify-content: center;
    position: relative;
    margin: 0 0 calc(23 * var(--px));
  }
  .event-roborock .section-prod-video .prod-name{
    font-size: calc(42 * var(--px));
    line-height: calc(59 * var(--px));
    text-align: center;
  }
  .event-roborock .section-prod-video .prod-badge{
    position: absolute;
    top: 50%;
    right: calc(-12 * var(--px));
    transform: translate(100%, -50%);
    height: calc(37.8 * var(--px));
    padding: 0 calc(16 * var(--px));
    font-size: calc(19 * var(--px));
    line-height: calc(25 * var(--px));
  }
  .event-roborock .section-prod-video .btn-wrap{
    margin: calc(23 * var(--px)) 0 0;
  }

  /* BEST 4 */
  .event-roborock .section-prod-img::before{
    top: 0;
    height: calc(280 * var(--px));
    /* MO 전용 배너(750x207) - 레이어 구성은 PC 와 동일 */
    background-image: url(/resources/images/event/event-roborock/261013/best4_banner_mo.png), url(/resources/images/event/event-roborock/261013/best4_banner_mo.png);
    background-size: 100% auto, 100% 10000%;
    background-position: 0 0, 0 100%;
  }
  .event-roborock .section-prod-img .ttl-wrap{
    height: calc(207 * var(--px));
    padding: calc(88 * var(--px)) 0 0;
  }
  .event-roborock .section-prod-img .ttl-wrap .ttl{
    font-size: calc(52 * var(--px));
    line-height: calc(73 * var(--px));
  }
  .event-roborock .section-prod-img .ttl-wrap .ttl strong:first-child::before{
    bottom: 100%;
    width: calc(40 * var(--px));
    height: calc(27 * var(--px));
  }
  .event-roborock .section-prod-img .prod-item{
    padding: calc(25 * var(--px)) 0;
  }
  .event-roborock .section-prod-img .prod-item:first-child{
    padding-top: 0;
  }
  .event-roborock .section-prod-img .card{
    flex-direction: column;
    align-items: center;
    width: calc(650 * var(--px));
    margin: 0 auto;
    padding: 0 0 calc(41 * var(--px));
    border-top-width: calc(8 * var(--px));
    border-radius: calc(10 * var(--px));
  }
  .event-roborock .section-prod-img .img-wrap{
    width: calc(468 * var(--px));
    height: calc(397 * var(--px));
    margin: 0 0 calc(3 * var(--px));
  }
  .event-roborock .section-prod-img .sticker-bx{
    top: calc(29 * var(--px));
    left: calc(40 * var(--px));
  }
  .event-roborock .section-prod-img p[class^="sticker"]{
    width: calc(100 * var(--px));
    height: calc(100 * var(--px));
  }
  .event-roborock .section-prod-img p[class^="sticker"].new,
  .event-roborock .section-prod-img p[class^="sticker"].hotdeal,
  .event-roborock .section-prod-img p[class^="sticker"].best{
    font-size: calc(26 * var(--px));
    line-height: calc(36 * var(--px));
  }
  .event-roborock .section-prod-img p[class^="sticker"].exclusive,
  .event-roborock .section-prod-img p[class^="sticker"].limited{
    font-size: calc(20 * var(--px));
    line-height: calc(28 * var(--px));
  }
  .event-roborock .section-prod-img p[class^="sticker"].best{
    width: calc(107 * var(--px));
    height: calc(106 * var(--px));
    margin: calc(-3 * var(--px)) 0 0 calc(-3 * var(--px));
  }
  .event-roborock .section-prod-img .prod-item.prod02 p[class^="sticker"].best{
    width: calc(100 * var(--px));
    height: calc(100 * var(--px));
    margin: 0;
    font-size: calc(30 * var(--px));
    line-height: calc(42 * var(--px));
  }
  .event-roborock .section-prod-img .sticker02{
    margin: calc(-18 * var(--px)) 0 0;
  }
  .event-roborock .section-prod-img .prod-info{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .event-roborock .section-prod-img .prod-name-wrap{
    display: flex;
    align-items: baseline;
    justify-content: center;
    column-gap: calc(10 * var(--px));
    margin: 0 0 calc(23 * var(--px));
  }
  .event-roborock .section-prod-img .refurb-txt{
    font-size: calc(35 * var(--px));
    line-height: calc(42 * var(--px));
  }
  .event-roborock .section-prod-img .prod-name{
    font-size: calc(42 * var(--px));
    line-height: calc(50 * var(--px));
    text-align: center;
  }
  .event-roborock .section-prod-img .price-info{
    margin: 0 0 calc(23 * var(--px));
  }
  .event-roborock .section-prod-img .btn-wrap [class^="btn-"]{
    width: calc(275.57 * var(--px));
    height: calc(77.76 * var(--px));
    font-size: calc(38.2 * var(--px));
    line-height: calc(53 * var(--px));
  }
  .event-roborock .section-prod-img .link-area{
    top: calc(-8 * var(--px));
  }

  /* 상품 리스트 */
  .event-roborock .section-prod-list .prod-list-container{
    padding: calc(70 * var(--px)) calc(40 * var(--px)) calc(120 * var(--px));
  }

  .event-share{
    margin: 80px 0;
  }
}