img {
  -webkit-user-drag: none;  /* Safari/Chrome */
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  /* 추가로 텍스트 선택도 막고 싶다면 */
}

.mb-160 {
  margin-bottom: calc(160 * var(--vw));
}

a {
  display: inline-block;
}


.section--benefit {
  display: flex;
  gap: calc(20 * var(--vw));
  justify-content: center;
}

.benefit_title {
  width:  calc(470 * var(--vw));
}
.benefit_btn {
    width: calc(65 * var(--vw));
    margin-top: calc(30 * var(--vw));
    cursor: pointer;
}

/*!* 활성화 상태 (on) 일 때 이미지 교체 *!*/
/*.benefit_btn.on {*/
/*  background-image: url('https://ndev.image.nbkorea.com/NBRB_PC/event/imc/2026_payment_promotion/benefit-btn-on.png');*/
/*}*/

.benefit-txt-01 {
  margin-top: calc(20 * var(--vw));
  width: calc(470 * var(--vw));
  height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
}
.benefit-txt-02 {
  margin-top: calc(20 * var(--vw));
  width: calc(265 * var(--vw));
  height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
}

.benefit-txt-01.on {
  /* 최종 높이값만 설정 */
  height: calc(423 * var(--vw));
}
.benefit-txt-02.on {
  /* 최종 높이값만 설정 */
  height: calc(49 * var(--vw));
}



.section--02 {
  position: relative;
}

.img-02 {
  margin: auto;
  width: calc(1260 * var(--vw)) !important;
}

.product-url {
  position: absolute;
  width: calc(130 * var(--vw));
  height: calc(45 * var(--vw));
}
.section--02 .product-url {
  top: 92%;
}

.section--02 .product-02-01 {
  left: 17%;
}
.section--02 .product-02-02 {
  left: 33.7%;
}
.section--02 .product-02-03 {
  left: 50.5%;
}
.section--02 .product-02-04 {
  left: 67.5%;
}


.section--03 {
  position: relative;
}

.img-03 {
  margin: auto;
  width: calc(1260 * var(--vw)) !important;
}
.section--03 .product-03-01 {
  left: 25.5%;
  top: 43.5%;
}
.section--03 .product-03-02 {
  top: 43.5%;
  left: 42%;
}
.section--03 .product-03-03 {
  left: 59%;
  top: 43.5%;
}
.section--03 .product-03-04 {
  top: 87.5%;
  left: 25.5%;
}
.section--03 .product-03-05 {
  top: 87.5%;
  left: 42%;
}
.section--03 .product-03-06 {
  top: 87.5%;
  left: 59%;
}
.section--03 .launchBtn {
  position: absolute;
  width: calc(330 * var(--vw));
  height: calc(48 * var(--vw));
  top: 96.5%;
  left: 41.5%;
}


.section--04 {
  position: relative;
}

.section--04 .product-04-01 {
  left: 17%;
  top: 92.5%;
}
.section--04 .product-04-02 {
  left: 33.5%;
  top: 92.5%;
}
.section--04 .product-04-03 {
  left: 50.5%;
  top: 92.5%;
}
.section--04 .product-04-04 {
  left: 67.5%;
  top: 92.5%;

}

.img-04 {
  margin: auto;
  width: calc(1260 * var(--vw)) !important;
}

.section--04-title {
  font-size: calc(28 * var(--vw));
  letter-spacing: -0.05em;
  font-weight: bold;
  font-family: 'Noto Sans KR';
  text-align: center;
}

#saleProductList {
  display : grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(20 * var(--vw));
  margin: calc(46 * var(--vw)) auto 0;
  width: calc(1260 * var(--vw)) !important;
}

#saleProductList > li {
  width: 100%;
}
#saleProductList > li > a {
  display: flex;
  flex-direction: column;
  height: calc(494 * var(--vw));
}

#saleProductList  .img {
  width: calc(300 * var(--vw)) !important;
  height: calc(300 * var(--vw)) !important;
  display: flex;
  aspect-ratio: 1 / 1;
  margin-bottom: calc(20 * var(--vw));

}
#saleProductList  .img img{
  object-fit: cover;
}
#saleProductList .name{
  font-size: calc(20 * var(--vw));
  margin-bottom: calc(12 * var(--vw));
  display: block;
  font-weight: 400;

  display: -webkit-box;        /* 유연한 박스 모델 사용 */
  -webkit-line-clamp: 2;       /* 보여줄 줄 수 (2줄) */
  -webkit-box-orient: vertical; /* 박스 안의 정렬 방향 설정 */
  overflow: hidden;            /* 넘치는 텍스트 숨김 */
  text-overflow: ellipsis;     /* 넘치는 부분에 ... 표시 */
}

#saleProductList .norPrice{
  font-size: calc(18 * var(--vw));
  color: #ABB0B4;
  font-weight: 400;
  display: block;
  line-height: 1;
}
#saleProductList .discount{
  font-size: calc(20 * var(--vw));
  color: #CF0A2C;
  font-weight: bold;
  margin-right: calc(10 * var(--vw));

}
#saleProductList .price{
  font-weight: bold;
  font-size: calc(20 * var(--vw));
}
#saleProductList .info{
  font-weight: bold;
  margin-bottom: calc(30 * var(--vw));
}
#saleProductList .buyBtn{
  font-weight: 400;
  font-family: 'Noto Sans KR';
  min-width: calc(130 * var(--vw));
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #151415;
  font-size: calc(15 * var(--vw));
  letter-spacing: -0.05em;
  margin-top: auto;
  align-self: flex-start;
  padding : calc(12 * var(--vw)) calc(38.5 * var(--vw));
  border-radius: 5px;
}

.w750 .pop_inner {
  width: calc(950 * var(--vw)) !important;
}