@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 300;
  src: url('/resources/fonts/Gotham_font/Gotham-Light.eot');
  src: local('Gotham Light'), local('Gotham-Light'),
      url('/resources/fonts/Gotham_font/Gotham-Light.eot?#iefix') format('embedded-opentype'),
      url('/resources/fonts/Gotham_font/Gotham-Light.woff2') format('woff2'),
      url('/resources/fonts/Gotham_font/Gotham-Light.woff') format('woff'),
      url('/resources/fonts/Gotham_font/Gotham-Light.ttf') format('truetype');
  
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/resources/fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
      url(/resources/fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
      url(/resources/fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(/resources/fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
      url(/resources/fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
      url(/resources/fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(/resources/fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
      url(/resources/fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
      url(/resources/fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
}


/* common */
.main-hotdeal img, .category-hotdeal img, .prod-hotdeal img{ display: block; }
.badge-hotdeal{ font-family: "Roboto"; font-weight: 400; font-size: 10px; line-height: 20px; letter-spacing: -0.6px; padding: 0px 6px; margin-right: 4px; background-color: #000; color: #fff; width: max-content; display: flex; justify-content: center; align-items: center; }
.end-text{ font-family: 'Noto Sans KR'; font-weight: 700; }
.time-text{ font-family: "Roboto"; font-weight: 700; }

.swiper-slide .product-info-wrap .quantity-badge{ border-radius: 50px; color: #fff; font-family: 'Noto Sans KR'; font-weight: 600; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; }
.swiper-slide .product-info-wrap .quantity-badge:not(.soldout){ background: linear-gradient(180deg, #666666 0%, #000000 100%); }
.swiper-slide .product-info-wrap .quantity-badge.soldout{ background: linear-gradient(180deg, #E72972 0%, #ED174D 49.5%, #F53C2E 100%); animation: twinkling 2s infinite; }

.swiper-slide .product-info-wrap .badge-area{ height: 20px; }
.swiper-slide .product-info-wrap .badge-area span:last-child{ margin-right: 0; }
.swiper-slide .product-info-wrap .brand{ font-family: 'Noto Sans KR'; font-weight: 700; }
.swiper-slide .product-info-wrap .product-name{ font-family: 'Noto Sans KR'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; }

.swiper-slide .product-info-wrap .cost{ display: flex; align-items: center; }
.swiper-slide .product-info-wrap .cost strong{ font-family: "Roboto"; font-weight: 700; display: flex; align-items: center; }
.swiper-slide .product-info-wrap .cost strong span{ font-family: 'Noto Sans KR'; }
.swiper-slide .product-info-wrap .cost p{ font-family: 'Noto Sans KR'; color: #A9A9A9; display: flex; align-items: center; }
.swiper-slide .product-info-wrap .cost p span{ text-decoration: line-through; font-family: "Roboto"; }


/* 메인화면 */
/* --- PC&MO 공통 */
.main-hotdeal .inner-left .hotdeal-title{ font-family: 'Gotham'; font-weight: 300; letter-spacing: -0.6px; }
.main-hotdeal .inner-left .end-text{ font-size: 14px; line-height: 24px; letter-spacing: -0.6px; }
.main-hotdeal .swiper-slide .img-wrap img{ width: 100%; height: 100%; object-fit: cover; }
.main-hotdeal .swiper-slide .product-info-wrap{ text-align: left; position: relative; }
.main-hotdeal .swiper-slide .product-info-wrap .quantity-badge{ width: 80px; height: 100px; font-size: 16px; line-height: 24px; letter-spacing: -0.6px; }
.main-hotdeal .swiper-slide .product-info-wrap .badge-area{ margin-bottom: -4px; }
.main-hotdeal .swiper-slide .product-info-wrap .brand{ margin: 19px 0 0; font-size: 14px; line-height: 24px; letter-spacing: -0.6px; }
.main-hotdeal .swiper-slide .product-info-wrap .product-name{ height: 48px; font-size: 14px;  line-height: 24px; font-weight: 300; letter-spacing: -0.6px; }
.main-hotdeal .swiper-slide .product-info-wrap .cost{ margin-top: auto; letter-spacing: -0.6px; }
.main-hotdeal .swiper-slide .product-info-wrap .cost strong{ height: 35px; font-size: 30px; line-height: 34px; border-bottom: 2px solid #000; }
.main-hotdeal .swiper-slide .product-info-wrap .cost strong span{ font-weight: 300; font-size: 14px; line-height: 24px; }
.main-hotdeal .swiper-slide .product-info-wrap .cost p{ margin: -2px 0 0 10px; font-weight: 300; font-size: 14px; line-height: 24px; }
.main-hotdeal .inner-right .scrolling-bx{ display: flex; align-items: center; white-space: nowrap; overflow: hidden; }
.main-hotdeal .inner-right .scrolling-wrap{ width: max-content; display: flex; align-items: center; flex: 0 0 auto; white-space: nowrap; overflow: hidden; animation: scrollingText 14s linear infinite; }
.main-hotdeal .inner-right .scrolling-wrap p{ font-family: 'Noto Sans KR'; white-space: nowrap; }


@media screen and (min-width: 1160px) {
  .main-hotdeal + .timeDeal-wrap{ display: none;}
  .main-hotdeal{ padding: 56px 0; position: relative; }
  .main-hotdeal .bg-wrap{ width: calc(50% - 580px + 566px); height: 497px; background-color: #000; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); }
  .main-hotdeal .inner-wrap{ width: 1160px; margin: 0 auto; position: relative; }
  .main-hotdeal .inner-wrap .cont{ width: 1540px; display: flex; margin: 0 auto; }
  .main-hotdeal .inner-left{ width: 396px; min-width: 396px; height: 497px; background-color: #000; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; text-align: left; }
  .main-hotdeal .inner-left *{ color: #fff; }
  .main-hotdeal .inner-left .hotdeal-title{ font-size: 55px; line-height: 65px; }
  .main-hotdeal .inner-left .sub-text{ margin: 7px 0 0; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 20px; line-height: 30px; letter-spacing: -0.6px; }
  .main-hotdeal .inner-left .end-text{ min-width: 82px; height: 32px; margin: 140px 0 0 8px; padding: 4px 16px; background-color: #ED174D; }
  .main-hotdeal .inner-left .time-text{ height: 75px; margin: 8px 0 0; font-size: 64px; line-height: 75px; }
  .main-hotdeal .inner-right{ width: 1144px; max-width: 1144px; padding: 78px 0 0 0; }
  .main-hotdeal .swiper{ height: 335px; }
  .main-hotdeal .swiper-slide{ min-width: 764px; width: 764px; background-color: #F0F0F0; }
  .main-hotdeal .swiper-slide .img-wrap{ width: 394px; height: 335px; }
  .main-hotdeal .swiper-slide .product-info-wrap{ width: 370px; height: 100%; padding: 57px 100px 57px 31px; display: flex; flex-direction: column; align-items: flex-start; }
  .main-hotdeal .swiper-slide .product-info-wrap .quantity-badge{ top: 22px; right: 20px; }
  .main-hotdeal .swiper-slide .product-info-wrap .cost{ margin-top: 75px; }
  .main-hotdeal .swiper-slide .product-info-wrap .cost p span{ margin: 0 0 -3px 2px; }
  .main-hotdeal .swiper-button-next{background: url("/resources/images/renewal_main/pc/arrow-next.png") no-repeat 50% 50%; position: absolute; right: 64px; top: 50%; background-size: 100% 100%; width: 56px; height: 56px; z-index: 100;}
  .main-hotdeal .swiper-button-prev{background: url("/resources/images/renewal_main/pc/arrow-prev.png") no-repeat 50% 50%; position: absolute; left: 42px; top: 50%; background-size: 100% 100%; width: 56px; height: 56px; z-index: 100;}

  .main-hotdeal .inner-right .scrolling-bx{ margin-top: 24px; padding-left: 170px; position: relative; z-index: -1; }
  .main-hotdeal .inner-right .scrolling-wrap{ padding: 13px 12px 13px 24px; }
  .main-hotdeal .inner-right .scrolling-wrap p{ font-weight: 700; font-size: 16px; line-height: 34px; letter-spacing: 5px; }
  .main-hotdeal .inner-right .scrolling-wrap p:nth-child(1){ margin: 0 30px 0 0; }
  .main-hotdeal .inner-right .scrolling-wrap img + p{ margin: 0 30px; }
  .main-hotdeal .inner-right .scrolling-wrap img:nth-of-type(2){ height: 24px; }
  .main-hotdeal .inner-right .scrolling-wrap img:nth-of-type(3){ width: 24px; }

  /* 핫딜 종료시 */
  /* .main-hotdeal.end .swiper-slide{ pointer-events: none; }
  .main-hotdeal.end .swiper-slide::before{ content: '\c885\b8cc'; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); color: #fff; font-size: 54px; font-weight: 700; letter-spacing: 0.2em; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 1; } */
}

@media screen and (max-width: 1159px) {
  .main-hotdeal{ padding: 48px 0 60px; background-color: #000; }
  .main-hotdeal .bg-wrap{ display: none; }
  .main-hotdeal .inner-left{ min-height: 168px; }
  .main-hotdeal .inner-left .hotdeal-title{ font-size: 45px; line-height: 55px; color: #fff; text-align: center; }
  .main-hotdeal .inner-left .sub-text{ display: none; }
  .main-hotdeal .inner-left .end-text{ margin: 30px 0 0; color: #ED174D; text-align: center; }
  .main-hotdeal .inner-left .time-text{ margin: 6px 0 0; color: #fff; font-size: 45px; line-height: 53px; text-align: center; }
  .main-hotdeal .inner-right{ padding: 30px 0 0; }
  .main-hotdeal .swiper-slide{ flex-direction: column; justify-content: flex-start; background-color: #F0F0F0; }
  .main-hotdeal .swiper-slide .img-wrap{
    /* width: 285px; */
    width: 100%;
    height: 241px; }
  .main-hotdeal .swiper-slide .product-info-wrap{ width: 100%; height: 238px; padding: 35px 25px 40px 23px; display: flex; flex-direction: column; }
  .main-hotdeal .swiper-slide .product-info-wrap .quantity-badge{ top: -45px; right: 12px; }
  .main-hotdeal .swiper-slide .product-info-wrap .cost{ margin-top: 17px; }
  .main-hotdeal .swiper-slide .product-info-wrap .cost p span{ margin: 0 0 -3px 2px; }
  .main-hotdeal .swiper-slide:not(.swiper-slide-active){ transform: scaleY(0.8); }
  .main-hotdeal .swiper-slide.swiper-slide-prev, .main-hotdeal .swiper-slide.swiper-slide-next{ opacity: 0.4; }
  .main-hotdeal .swiper-button-next, .main-hotdeal .swiper-button-prev{ display: none; }

  .main-hotdeal .inner-right .scrolling.mo-only{ width: 100%; }
  .main-hotdeal .inner-right .scrolling-bx{ margin-top: 30px; }
  .main-hotdeal .inner-right .scrolling-wrap p{ font-weight: 500; font-size: 14px; line-height: 24px; color: #fff; }
  .main-hotdeal .inner-right .scrolling-wrap p + p{ margin-left: 10px; } 
  .main-hotdeal .inner-right .scrolling-wrap img{ margin: 0 10px; }
  .main-hotdeal .inner-right .scrolling-wrap img:nth-of-type(1){ height: 10px ; }
  .main-hotdeal .inner-right .scrolling-wrap img:nth-of-type(2){ height: 15px; }
  .main-hotdeal .inner-right .scrolling-wrap img:nth-of-type(3){ width: 13px; }
}

@keyframes scrollingText {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes twinkling {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* 카테고리 리스트 */
/* --- PC&MO 공통 */
.category-hotdeal {
  letter-spacing: -0.6px;
}
.category-hotdeal .inner-left .hotdeal-title{ font-family: 'Gotham'; font-weight: 300; line-height: 65px; }
.category-hotdeal .inner-left .timer{ display: flex; }
.category-hotdeal .inner-left .end-text{ line-height: 24px; }
.category-hotdeal .inner-left .time-text{ color: #fff; letter-spacing: 0em; }
.category-hotdeal .swiper-slide a{ width: 100%; display: flex; }
.category-hotdeal .swiper-slide img{ width: 100%; }
.category-hotdeal .swiper-slide .product-info-wrap{ text-align: left; }
.category-hotdeal .swiper-slide .product-info-wrap .cost p span{ margin: 0 0 -1px 2px; }
.category-hotdeal .swiper-slide .product-info-wrap .badge-area{ display: flex; }

@media screen and (min-width: 1160px){
  .category-hotdeal{ width: 1160px; margin: 0 auto 80px; }
  .category-hotdeal .inner-wrap{ display: flex; }
  .category-hotdeal .inner-left{ width: 533px; height: 200px; padding: 32px 70px 30px; background: linear-gradient(-45deg, transparent 26px, #000 0); }
  .category-hotdeal .inner-left .txt{ display: flex; align-items: center; }
  .category-hotdeal .inner-left .hotdeal-title{ font-size: 35px; color: #fff; }
  .category-hotdeal .inner-left .sub-text{ margin: 0 0 -8px 10px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; line-height: 34px; color: #fff; }
  .category-hotdeal .inner-left .timer{ margin: 26px 0 0; align-items: center; }
  .category-hotdeal .inner-left .end-text{ min-width: 74px; height: 28px; padding: 2px 12px; background-color: #ED174D; color: #fff; font-size: 14px; }
  .category-hotdeal .inner-left .time-text{ height: 47px; margin: 0 0 0 32px; font-size: 40px; line-height: 47px; }
  .category-hotdeal .inner-right{ width: 530px; height: 200px; margin: 0 0 0 61px; position: relative; }
  .category-hotdeal .swiper{ width: 530px; height: 100%; position: relative; }
  .category-hotdeal .swiper-slide a{ padding: 13px 98px 17px 0; }

  .category-hotdeal .swiper-slide .img-wrap{ width: 200px; height: 170px; border-radius: 8px; overflow: hidden; }
  .category-hotdeal .swiper-slide .product-info-wrap{ flex: 1; margin: 0 0 0 32px; padding: 18px 0 10px; }
  .category-hotdeal .swiper-slide .product-info-wrap .quantity-badge{ width: 70px; height: 87px; font-size: 14px; line-height: 22px; top: 13px; right: 14px; }
  .category-hotdeal .swiper-slide .product-info-wrap .brand{ font-size: 14px; line-height: 24px; }
  .category-hotdeal .swiper-slide .product-info-wrap .product-name{ height: 50px; padding: 0 0 2px; font-weight: 300; font-size: 14px; line-height: 24px; }
  .category-hotdeal .swiper-slide .product-info-wrap .cost{ margin: 6px 0 0; }
  .category-hotdeal .swiper-slide .product-info-wrap .cost strong{ font-size: 20px; line-height: 30px; }
  .category-hotdeal .swiper-slide .product-info-wrap .cost strong span{ font-weight: 300; font-size: 14px; line-height: 24px; }
  .category-hotdeal .swiper-slide .product-info-wrap .cost p{ margin: 0 0 0 4px; font-weight: 300; font-size: 14px; line-height: 24px; }
  .category-hotdeal .swiper-slide .product-info-wrap .badge-area{ margin: 12px 0 -4px 0; }

  .category-hotdeal .inner-right .swiper-button-prev,
  .category-hotdeal .inner-right .swiper-button-next{ width: 40px; height: 64px; }
  .category-hotdeal .inner-right .swiper-button-prev{ background: url(/resources/images/hotdeal/arrow-prev.svg) no-repeat center center / 24px; left: 0; transform: translateX(-100%); }
  .category-hotdeal .inner-right .swiper-button-next{ background: url(/resources/images/hotdeal/arrow-next.svg) no-repeat center center / 24px; right: -4px; transform: translateX(100%); }
  .category-hotdeal .inner-right .swiper-button-prev:hover{ box-shadow: none; background-image: url(/resources/images/hotdeal/arrow-prev-hover.svg); }
  .category-hotdeal .inner-right .swiper-button-next:hover{ box-shadow: none; background-image: url(/resources/images/hotdeal/arrow-next-hover.svg); }
}

@media screen and (max-width: 1159px){
  .category-hotdeal{ margin: 0 0 35px; background-color: #000; }
  .category-hotdeal .inner-wrap{ padding: 11px 0 27px; }
  .category-hotdeal .inner-left .hotdeal-title{ font-size: 30px; color: #fff; text-align: center; }
  .category-hotdeal .inner-left .sub-text{ display: none; }
  .category-hotdeal .inner-left .timer{ min-height: 30px; margin: -3px 0 0; padding: 0 15px 0 0; align-items: flex-end; justify-content: flex-end; }
  .category-hotdeal .inner-left .end-text{ color: #ED174D; font-size: 12px; }
  .category-hotdeal .inner-left .time-text{ margin: 0 0 0 9px; font-size: 26px; line-height: 30px; }
  .category-hotdeal .inner-right{ margin: -9px 0 0; }
  .category-hotdeal .swiper{ padding: 21px 0 16px; }
  .category-hotdeal .swiper-slide{ padding: 0 5.334%; overflow: visible; }
  .category-hotdeal .swiper-slide a{ height: 134px; position: relative; background-color: #fff; }
  .category-hotdeal .swiper-slide .img-wrap{ width: 158px; min-width: 158px; height: 134px; }
  .category-hotdeal .swiper-slide .img-wrap img{ width: 158px; }
  .category-hotdeal .swiper-slide .product-info-wrap{ width: calc(100% - 158px); padding: 15px 10px 10px 21px; display: flex; flex-direction: column; }
  .category-hotdeal .swiper-slide .product-info-wrap .quantity-badge{ width: 56px; height: 70px; font-size: 12px; line-height: 17px; top: -21px; left: 7px; }
  .category-hotdeal .swiper-slide .product-info-wrap .brand{ font-size: 12px; line-height: 18px; }
  .category-hotdeal .swiper-slide .product-info-wrap .product-name{ height: 36px; font-weight: 400; font-size: 12px; line-height: 18px; }

  .category-hotdeal .swiper-slide .product-info-wrap .cost{ margin: 8px 0 0; }
  .category-hotdeal .swiper-slide .product-info-wrap .cost strong{ font-size: 16px; line-height: 24px; }
  .category-hotdeal .swiper-slide .product-info-wrap .cost strong span{ font-weight: 400; font-size: 12px; line-height: 18px; }
  .category-hotdeal .swiper-slide .product-info-wrap .cost p{ margin: 0 0 0 8px; font-weight: 400; font-size: 12px; line-height: 18px; }
  .category-hotdeal .swiper-slide .product-info-wrap .cost p span{ font-weight: 400; font-size: 12px; line-height: 18px; }
  .category-hotdeal .swiper-slide .product-info-wrap .badge-area{ margin: 3px 0 -4px 0; }

  .category-hotdeal .swiper-pagination{ height: 6px; padding: 0; bottom: 0; left: 50%; transform: translateX(-50%); }
  .category-hotdeal .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 0 4px !important; }
  .category-hotdeal .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){ border: 1px solid #FFFFFF80; opacity: 1 !important; }
  .category-hotdeal .swiper-pagination-bullet-active{ background-color: #fff; }
}


/* 상품 상세 */ 
/* --- PC&MO 공통 */
.prod-hotdeal{ height: 40px; border-radius: 8px; overflow: hidden; display: flex; }
.prod-hotdeal .inner-left{ background-color: #000; display: flex; align-items: center; justify-content: center; }
.prod-hotdeal .end-text{ color: #ED174D; letter-spacing: 0em; }
.prod-hotdeal .time-text{ font-size: 20px; line-height: 23px; color: #fff; letter-spacing: 0.1em; }
.prod-hotdeal .inner-right{ display: flex; align-items: center; justify-content: center; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0em; background-color: #464646; color: #fff; }
.prod-hotdeal .inner-right.soldout{ background: linear-gradient(90deg, #E72972 0%, #ED174D 49.5%, #F53C2E 100%); }
.discount-hotdeal-text{ margin: -8px 0 8px; padding-left: 17px; font-family: 'Noto Sans KR'; font-size: 14px; color: #ED174D; position: relative; } 
.discount-hotdeal-text::before{ content: 'ㄴ'; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

@media screen and (min-width: 1160px){
  .prod-hotdeal{ width: 483px; margin: 9px 0 0; }
  .prod-hotdeal .inner-left{ width: 305px; } 
  .prod-hotdeal .inner-right{ width: 178px; }
  .prod-hotdeal .end-text{ font-size: 14px; line-height: 20px; margin-top: -1px; }
  .prod-hotdeal .time-text{ margin-left: 10px; }
  .discount-hotdeal-text{ line-height: 24px; }
}

@media screen and (max-width: 1159px){
  .prod-hotdeal{ margin: 10px 0 20px; }
  .prod-hotdeal .inner-left{ flex: 1; }
  .prod-hotdeal .inner-right{ width: 35.820%; }
  .prod-hotdeal .end-text{ font-size: 16px; line-height: 23px; }
  .prod-hotdeal .time-text{ margin: 0 0 -1px 8px; }
  .discount-hotdeal-text{ line-height: 20px; }
}