.time_deal_box {
    font-size: 18px;
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin: 20px 24px 0px;
    padding: 13px 0px;
}


.time_deal_box.m0{
	margin: 20px 0px 0px;
 	width: 100%;
}

.time_deal_box .desc {
    position: relative;
    padding-left: 12px;
    margin-left: 12px;
}

.time_deal_box::before{
    content: '';
    margin-right: 5px;
    display: block;
    min-width: 20px;
    height: 20px;
    background: url('/lg5-common/images/TDP/badge_timedeal_2.svg') no-repeat 0 50% / auto 100%;
}
.time_deal_box .desc::before {
    content: '';
    position: absolute;
    left: -0.5px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 14px;
    background-color: #d9d9d9;
}

.time_deal_box .tit{
	    margin-right: 5px;
    font-size: 18px;
    font-weight: 700;                          
}
                          
/*  메인 레이아웃  */
.pc_item{display: block;}
.mo_item{display: none;}
/* sticky tab */
.event-benefit-template .tab_wrap {
    position: sticky;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
}
.event-benefit-template .tab_wrap .tab_inner {
    text-align: center;
    background-color: #FFF;
}
.event-benefit-template .tab_wrap .tab_inner::after {
    content: " ";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.1);
}
.event-benefit-template .tab_wrap .tab_inner ul {
    display: flex;
    justify-content: flex-start;
    height: 98px;
    align-items: center;
    justify-content: flex-start;
}
.event-benefit-template .tab_wrap .tab_inner ul li{
    width: calc( 100% / 4  );
    height: 98px;
    border-bottom: 8px solid transparent;
}
.event-benefit-template .tab_wrap .tab_inner ul li.active{
    border-bottom: 8px solid #2e2e33;
}
.event-benefit-template .tab_wrap .tab_inner ul li .pc_item{display: block;}
.event-benefit-template .tab_wrap .tab_inner ul li .mo_item{display: none;}

.event-benefit-template .tab_wrap .tab_inner li a {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: max-content;
    padding: 0 32px;
    text-align: center;
    color: #696969;
    text-align: center;
    font-family: 'Pretendard';
    font-size: 26px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.04em;
    margin: 0 auto;
}
.event-benefit-template .tab_wrap .tab_inner li.active a {
    font-weight: 600;
    color: #2e2e33;
}
.relative_wrap {
    position: relative;
}
.event_02_slide .swiper-container {
    padding-bottom: 58px;
    max-width: 1040px;
    margin: 0 auto 80px;
}
.event_02_slide .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 5px;
}
.event_02_slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #d2d2d2;
    opacity: 1;
}
.event_02_slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 30px;
    background: rgba(0, 0, 0, 1);
    border-radius: 50px;
}
.event_02_slide .wrap-autoplay-control {
    position: absolute;
    z-index: 10;
    bottom: 1px;
    left: calc(50% + 80px);
    transform: translateX(-50%);
}
.event_02_slide .wrap-autoplay-control button {
    display: block;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    cursor: pointer;
    border: 2px solid black;
    border-radius: 100%;
}
.event_02_slide .wrap-autoplay-control button:before {
    display: block;
    content: '';
    position: absolute;
}
.event_02_slide .wrap-autoplay-control button[aria-pressed="false"]:before {
    top: 7px;
    left: 7px;
    width: 10px;
    height: 10px;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    box-sizing: border-box;
}
.event_02_slide .wrap-autoplay-control button[aria-pressed="true"]:before {
    top: 7px;
    left: 9px;
    border-top: 5px solid transparent;
    border-left: 8px solid #000;
    border-bottom: 5px solid transparent;
}
.event_03_slide .swiper-container {
    padding-bottom: 58px;
    max-width: 1040px;
    margin: 0 auto 80px;
}
.event_03_slide .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 5px;
}
.event_03_slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #d2d2d2;
    opacity: 1;
}
.event_03_slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 30px;
    background: rgba(0, 0, 0, 1);
    border-radius: 50px;
}
.event_03_slide .wrap-autoplay-control {
    position: absolute;
    z-index: 10;
    bottom: 1px;
    left: calc(50% + 78px);
    transform: translateX(-50%);
}
.event_03_slide .wrap-autoplay-control button {
    display: block;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    cursor: pointer;
    border: 2px solid black;
    border-radius: 100%;
}
.event_03_slide .wrap-autoplay-control button:before {
    display: block;
    content: '';
    position: absolute;
}
.event_03_slide .wrap-autoplay-control button[aria-pressed="false"]:before {
    top: 7px;
    left: 7px;
    width: 10px;
    height: 10px;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    box-sizing: border-box;
}
.event_03_slide .wrap-autoplay-control button[aria-pressed="true"]:before {
    top: 7px;
    left: 9px;
    border-top: 5px solid transparent;
    border-left: 8px solid #000;
    border-bottom: 5px solid transparent;
}
.event_04_slide .swiper-container {
    padding-bottom: 58px;
    max-width: 1040px;
    margin: 0 auto 80px;
}
.event_04_slide .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 5px;
}
.event_04_slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #d2d2d2;
    opacity: 1;
}
.event_04_slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 30px;
    background: rgba(0, 0, 0, 1);
    border-radius: 50px;
}
.event_04_slide .wrap-autoplay-control {
    position: absolute;
    z-index: 10;
    bottom: 1px;
    left: calc(50% + 78px);
    transform: translateX(-50%);
}
.event_04_slide .wrap-autoplay-control button {
    display: block;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    cursor: pointer;
    border: 2px solid black;
    border-radius: 100%;
}
.event_04_slide .wrap-autoplay-control button:before {
    display: block;
    content: '';
    position: absolute;
}
.event_04_slide .wrap-autoplay-control button[aria-pressed="false"]:before {
    top: 7px;
    left: 7px;
    width: 10px;
    height: 10px;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    box-sizing: border-box;
}
.event_04_slide .wrap-autoplay-control button[aria-pressed="true"]:before {
    top: 7px;
    left: 9px;
    border-top: 5px solid transparent;
    border-left: 8px solid #000;
    border-bottom: 5px solid transparent;
}
.article_1,
.article_3{
    background: #f8f8f8;
}
.article_2{
    background: #fff;
}
.article_3,
.article_4,
.article_5,
.article_6,
.article_7{border-bottom: 8px solid #e5e5e5;}
.article_prd{
    border-bottom: 8px solid #e5e5e5;
    padding-bottom: 80px;
    background-color: #f5f1ee;
}
.article_1,
.article_3{
    background: #f8f8f8;
    overflow: hidden;
}
                          
.article_4 > div {
	display: block;
	position: relative;                          
}
                          
.article_4 > div a{
	position: absolute;
}
                          
                          
.article_4 > div a.article_4_btn1{
    width: 19.7%;
    height: 5.5%;
    bottom: 10.5%;
    left: 14.6%;
}
.article_4 > div a.article_4_btn2{
    width: 19.7%;
    height: 5.5%;
    bottom: 10.5%;
    left: 40.2%;
}
.article_4 > div a.article_4_btn3{
    width: 19.7%;
    height: 5.5%;
    bottom: 12%;
    left: 65.8%;
}
                          
.article_5{
    background: #f3f3f3;
    overflow: hidden;
}
.article_2,
.article_4{
    background: #fff;
    overflow: hidden;
}
.article_6{
    padding-bottom: 80px;
    background-color: #f5f1ee;
}
.swiper-slide{
    background: transparent!important;
}
.video_box,
.video_box video{
    max-width: 100%;
    width: 100%;
}
.video_box{
    margin: 0 auto;
    max-width: 1040px;
    width: calc( 1040 / 1380 * 100% );
    position: relative;
    overflow: hidden;
    border-radius: 40px;
}
.video_box::after {
    content: " ";
    float: left;
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
}

.video_box .video-wrapper{
	position:absolute!important;
    left: 0!important;
    top: 0!important;
    width: 100%!important;
    height: 100%!important;
}
.video_box .video-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video_box .video-wrapper img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    object-fit: cover;
    z-index: 2;
}

.toggle_cont .toggle_close{
    display: none;
}
.toggle_cont .toggle_open{
    display: block;
}
.toggle_cont .toggle_cont_item{
    height: 0;
    overflow: hidden;
}
.toggle_cont.on .toggle_close{
    display: block;
}
.toggle_cont.on .toggle_open{
    display: none;
}
.toggle_cont.on .toggle_cont_item{
    height: auto;
    overflow: hidden;
}
@media screen and (max-width: 1040px){
    .article__inner{
        width: 100%;
        margin: 0 auto;
        padding: 100px 10px;
    }
}
@media screen and (max-width: 767px) {
    .pc_item{display: none;}
    .mo_item{display: block;}
  
  	.time_deal_box {
      font-size: calc( 22 / 720 * 100vw );
      margin: calc( 16 / 720 * 100vw ) calc( 24 / 720 * 100vw ) 0px;
      padding: calc( 15 / 720 * 100vw ) 0px;
  }

  .time_deal_box .desc {
      position: relative;
      padding-left: calc( 13 / 720 * 100vw );
      margin-left: calc( 13 / 720 * 100vw );
  }

  .time_deal_box::before{
      content: '';
      margin-right: calc( 6 / 720 * 100vw );
      display: block;
      min-width: calc( 20 / 720 * 100vw );
      height: calc( 20 / 720 * 100vw );
      background: url('/lg5-common/images/TDP/badge_timedeal_2.svg') no-repeat 0 50% / auto 100%;
  }
  .time_deal_box .desc::before {
      content: '';
      position: absolute;
      left: -0.5px;
      top: 50%;
      transform: translateY(-50%);
      display: block;
      width: 1px;
      height: calc( 14 / 720 * 100vw );
      background-color: #d9d9d9;
  }

  .time_deal_box .tit{
          margin-right: 5px;
      font-size: calc( 20 / 720 * 100vw );
      font-weight: 700;                          
  }
  
  
  
  
  
  
  
  
  
    .article__inner{
        padding: 0;
    }
    .event-benefit-template .tab_wrap .tab_inner ul li .pc_item{display: none;}
    .event-benefit-template .tab_wrap .tab_inner ul li .mo_item{display: block;}
    .tab_container {
        top: 45px;
        height: calc(100 / 720*100vw);
        overflow-x: scroll;
    }
    .event-benefit-template .tab_wrap {
        top: 45px;
    }
    .hellobar-wrap .tab_wrap {
        top: 88px;
    }
    .event-benefit-template .tab_wrap .tab_inner ul {
        display: flex;
        justify-content: flex-start;
        overflow-x: auto;
        height: calc( 98 / 720 * 100vw );
        align-items: center;
        justify-content: center;
    }
    .event-benefit-template .tab_wrap .tab_inner ul li{
        height: calc( 98 / 720 * 100vw );
        border-bottom: calc( 8 / 720 * 100vw ) solid transparent;
    }
    .event-benefit-template .tab_wrap .tab_inner ul li.active{
        border-bottom: calc( 8 / 720 * 100vw ) solid #2e2e33;
    }
    .event-benefit-template .tab_wrap .tab_inner li a {
        font-size: calc( 26 / 720 * 100vw );
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -0.06em;
        padding: 0;
    }
    .event-benefit-template .tab_wrap .tab_inner li.active a {
        font-weight: 600;
        color: #2e2e33;
    }
    .event_02_slide .swiper-container{
        display: none;
    }
    .video_box{
        width: calc(624 / 720 * 100vw);
        border-radius: calc(40 / 720 * 100vw);
    }
    .event_04_slide .swiper-container{
        margin: 0 calc(48 / 720 * 100vw) calc(80 / 720 * 100vw);
        padding-bottom: calc(84 / 720 * 100vw);
        width: calc(100% - calc(96 / 720 * 100vw));
    }
    .article_1,
    .article_2,
    .article_3{
        border-bottom: calc(16/720*100vw) solid #e5e5e5;
        background-color: #fff;
    }
    .article_3, .article_4, .article_5, .article_6, .article_7, .article_8 {
        border-bottom: calc(16/720*100vw) solid #e5e5e5;
    }
    .article_5{
        background-color: #fff;
    }

    .article_prd,
    .article_6{
        padding-bottom: calc( 100 / 720 * 100vw );
    }
  
  	.article_6{
    	padding-left: calc(48/720*100vw);
    	padding-right: calc(48/720*100vw);
    }

    .article_7{
        border-bottom: none;
    }

}
/* // 메인 레이아웃  */




/* API 제품목록 */
.prdList {max-width:1000px; margin:0 auto;}
.prdList * {font-family: "Pretendard";}
.prdList ul {display:grid; grid-template-columns:repeat(4, 1fr); gap:25px;}
.prdList ul li {position:relative; max-width:231px; overflow:hidden;}
.prdList ul li .pd .img {display:flex; justify-content:center; align-items:center; margin-bottom:19px; width:100%; height:auto; max-height:231px; aspect-ratio:1 / 1; border-radius:16px; overflow: hidden; background:#fff;}
.prdList ul li .pd .img img {width:auto; height:100%; max-height:180px;}
.prdList ul li .badge {display:flex; flex-wrap:wrap; gap:3px 6px; width:100%; margin-top:24px;}
  .prdList ul li .badge em {display:inline-block; padding:3px 6px; font-size: 16px; font-weight:600; color:#FFFFFF; text-align:left; white-space: nowrap; border-radius:6px; background: #B7A095;}
.prdList ul li .badge em.p {color:#fff; background:#EA1917;}
.prdList ul li .badge em.sale {color:#fff; background:#EA1917;}
.prdList ul li .badge em.line {line-height:1.2;}
.prdList ul li .badge + .txt {padding-top:13px;}
.prdList ul li .badge .sale + .sale {display:none;}
.prdList ul li .pd .txt {text-align:left;}
.prdList ul li .pd strong {display:block; padding-bottom:16px; font-size:21px; line-height:1.1; color:#1A1A1A; font-weight:500; border-bottom:1px solid #CEC7B4;}
.prdList ul li .pd strong em {display:block; padding-top:6px; color:#7E7C77; font-weight:400; font-size: 20px;}
.isIOS .prdList ul li.workBreak .pd strong {word-break: break-all;}
.prdList ul li .pd dl {display:flex; flex-wrap: wrap; align-items: center; gap:8px 8px; padding-top:20px; white-space:nowrap;}
.prdList ul li .pd dl dt {display:none; flex:0 1 10%; font-size:20px; font-weight:600; color:#000; letter-spacing: -0.05em;}
.prdList ul li .pd dl dt.last {display:inline-flex;}
.prdList ul li .pd dl dd {flex:1 0 100%; font-size:18px; color:#1A1A1A; letter-spacing: -0.05em; word-spacing:-0.06em;}
.prdList ul li .pd dl dd del {color:#7E7C77;}
.prdList ul li .pd dl dd del::after {content:' 원';}
.prdList ul li .pd dl dd em::after {content:' 원';}
.prdList ul li .pd dl dd.lastPrice {flex:1 0 50%;}
.prdList ul li .pd dl dd.lastPrice em {font-weight:500; font-size:24px;}
.prdList ul li .pd dl dd:nth-child(4){display: none;}
.prdList ul .typeBtn {display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:8px;}
.prdList ul .typeBtn a {position:relative; flex:1; display:flex; justify-content: center; align-items:center; height:42px; gap:11px; padding:3px; font-size:17px; font-weight:500; color:#000; border:1px solid #000; border-radius:9px; cursor:pointer; overflow:hidden;}
.prdList ul .typeBtn a::after {content:''; display:inline-block; width:8px; height:14px; background: url(/kr/event/2025/05/13_luckyGSale/images/img-pd-arrow-right.png) no-repeat center; background-size:cover;}
.prdList ul.careCase li .pd dl dd em::before {content:'월 ';}
.prdList ul.careCase li .pd dl dd em::after {content:' 원';}
.prdList ul.careCase li .pd dl dd.lastPrice em::after {content:' 원 ~';}
.prdList ul.careCase li .careItem {margin-top:8px; border:1px solid #000; border-radius:10px;}
.prdList ul.careCase li .careItem dt {display:flex; justify-content: center; align-items:center; height:42px; gap:14px; font-size:17px; font-weight:500; color:#000; cursor:pointer;}
.prdList ul.careCase li .careItem dt::after {content:''; display:inline-block; width:14px; height:8px; background: url(/kr/event/2025/05/13_luckyGSale/images/img-pd-arrow-down.png) no-repeat center; background-size:cover; transition:all 0.3s ease;}
.prdList ul.careCase li .careItem dd {display:none}
.prdList ul.careCase li .careItem.active dt::after {transform:rotate(180deg);}
.prdList ul.careCase li .careItem.active dd {display:block; padding:0 20px;}
.prdList ul.careCase li .careItem.active dd span {display:block; padding-top:10px; min-height:68px; text-align:right; font-weight:500; font-size:15px; color:#000; line-height:1.5; border-top:1px solid #000;}
.prdList ul.careCase li .careItem.active dd label {float:left; margin-right:5px; color:#7E7C77;}
.prdList.review ul {display:flex;}
.prdList.review ul li {width:316px; padding-bottom:24px; border-radius:24px; max-width:none; overflow:hidden; background:#fff;}
.prdList.review ul li .pcImg {display:inline-flex; justify-content:center; align-items:center; margin-bottom:24px; width:100%; height:auto; max-height:624px; aspect-ratio:1 / 1; overflow: hidden; background:#fff;}
.prdList.review ul li .pcImg img {display:block; width:100%;}
.prdList.review ul li .pd .img {display:none;}
.prdList.review ul li .pd .txt {display:block; padding:0 24px;}
.prdList.review ul li .pd dl dd:nth-child(2) {flex: 0 1 100%;}
.prdList.review ul li .pd dl dd:nth-child(4) {flex: 0 1 60%;}
.prdList.review ul li .badge {padding:0 24px;}
.prdList.review ul .typeBtn {padding:16px 24px 0;}
.prdList.review ul.careCase li .pd dl dd:nth-child(2) {flex: 0 1 100%;}
.prdList.review ul.careCase li .pd dl dd:nth-child(4) {flex: 1 0 50%;}
.prdList.review ul.careCase li .pd dl dd.lastPrice {flex:1 0 50%;}
.prdList.review ul.careCase li .careItem {margin:8px 24px 0; width: calc(100% - 48px);}


.event-benefit-template .big7-sale .prdList.review ul li {
    width: 100%;
}

/* PC 가로형 큰 카드(이미지 왼쪽, 콘텐츠 우측) */
.prdList.review.prdList__pc-tv-horizon{margin-bottom:32px;}
.prdList.review.prdList__pc-tv-horizon ul li .pcImg{aspect-ratio:1 / 1;}
.prdList.review.prdList__pc-tv-horizon ul li{display:flex;border-radius:20px;padding-bottom:0; width: 100%; max-height: 400px;}
.prdList.review.prdList__pc-tv-horizon .pcImg.hidden-mo{width:100%;margin-bottom:0;}
.prdList.review.prdList__pc-tv-horizon .pcImg.hidden-mo img{object-fit:cover;width:100%;height:100%;}
.prdList.review.prdList__pc-tv-horizon .pcImg.hidden-pc {display: none;}
.prdList.review.prdList__pc-tv-horizon .pcImg.hidden-mo {display: inline-flex;}
.prdList.review.prdList__pc-tv-horizon .prdList__text-wrap{width:calc(600 / 1000 * 100%);padding:64px 0;}
.prdList.review.prdList__pc-tv-horizon .pd{display:block;}
.prdList.review.prdList__pc-tv-horizon .pd strong {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.48px;
}
.prdList.review.prdList__pc-tv-horizon .txt{padding:0 32px;}
.prdList.review.prdList__pc-tv-horizon .prdList ul li .pd dl dt.last {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.4px;
}
.prdList.review.prdList__pc-tv-horizon .prdList ul li .pd dl .lastPrice {
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.48px;
}
.prdList.review.prdList__pc-tv-horizon ul li .pd dl dd:nth-child(4){flex: 0 1 100%; display: none;}
/* // PC 가로형 큰 카드(이미지 왼쪽, 콘텐츠 우측) */

/* soldOut */
.prdList ul li.soldout::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background:url(/kr/event/2025/06/23_dishwasher/images/sold_out.png) no-repeat center; background-size: cover;}
.prdList ul li.soldoutAll::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background: url(/kr/event/2025/06/23_dishwasher/images/sold_out.png) no-repeat center; background-size: cover;}
.prdList ul li .typeBtn a.soldout::before {content:'특가 종료'; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; display:flex; justify-content:center; align-items:center; color:#fff; font-size:20px; background:rgba(0,0,0,.8);}
.prdList ul li.soldoutAll .typeBtn .soldout::before {display:none;}
.prdList.sub ul li.soldout::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background:url(/kr/event/2025/06/23_dishwasher/images/sold_out_small.png) no-repeat center; background-size: cover;}
.prdList.sub ul li.soldoutAll::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background: url(/kr/event/2025/06/23_dishwasher/images/sold_out_small.png) no-repeat center; background-size: cover;}
/* // soldOut */
.skeleton {position: relative; overflow: hidden; z-index: 2; width:100%;}
.skeleton .pd::after { content : ""; width: 100%; height: 100%; position:absolute; top:0; left: 0; z-index: 2; 
    background-image: linear-gradient(270deg, 
        rgba(255,255,255,0.2), 
        rgba(255,255,255,0.1), 
        rgba(255,255,255,0.2));
    transform: translateX(-100%);
    animation: skeleton-loader 2s infinite;
}
.skeleton .pd i { display:block;  height:18px;  border-radius:10px;  font-size:0 !important;  overflow:hidden;  background: #e3e3e3;}
.skeleton .pd strong { padding-bottom: 33px !important;}
.skeleton .pd strong em i {width: 50%;}
.skeleton .pd dl {gap: 16px 8px !important;}
@keyframes skeleton-loader{
    0%{
        transform: translateX(-100%);
    }
    100%{
        transform: translateX(100%);
    }
}

@container article-inner-area (max-width: 1000px) {
    /* TODO gt.yang : 768 ~ 1024 사이즈 일 경우 고려 필요할 경우 아래 개선 필요. 
    .prdList.landscape ul li .typeBtn {
        margin-left: 0;
        padding-top: 40px;
    } */
}


@media screen and (max-width: 767px) {
.prdList.review.prdList__pc-tv-horizon .pcImg.hidden-pc {display: inline-flex;}
.prdList.review.prdList__pc-tv-horizon .pcImg.hidden-mo {display: none;}
    .prdList {padding:0; padding: 0 calc(48 / 720 * 100vw) 0;}
    .prdList ul {grid-template-columns:repeat(2, 1fr); gap:calc(32 / 760* 100vw);}
    .prdList ul li {max-width:none; width:auto;}
    .prdList ul li .pd .img {margin-bottom:calc(24 / 760* 100vw); max-height:calc(296 / 760* 100vw); border-radius:calc(16 / 760* 100vw);}
    .prdList ul li .pd .img img {max-height:calc(220 / 760* 100vw);}
    .prdList ul li .badge {gap:calc(8 / 760* 100vw) calc(12 / 760* 100vw); margin-top:calc(16 / 760* 100vw);}
    .prdList ul li .badge em {padding:calc(4 / 760* 100vw) calc(8 / 760* 100vw); font-size:calc(20 / 760* 100vw); border-radius:calc(8 / 760* 100vw);}
    .prdList ul li .badge + .txt {padding-top:calc(14 / 760* 100vw);}
    .prdList ul li .pd strong {padding-bottom:calc(16 / 760* 100vw); font-size:calc(26 / 760* 100vw);}
    .prdList ul li .pd strong em {padding-top:calc(6 / 760* 100vw); font-size:calc(22 / 760* 100vw);}
    .prdList ul li .pd dl {gap:calc(8 / 760* 100vw) calc(8 / 760* 100vw); padding-top:calc(16 / 760* 100vw);}
    .prdList ul li .pd dl dt {font-size:calc(20 / 760* 100vw);}
    .prdList ul li .pd dl dd {font-size:calc(28 / 760* 100vw);}
    .prdList ul li .pd dl dd.lastPrice em {font-size:calc(28 / 760* 100vw);}
    .prdList ul .typeBtn {gap:calc(16 / 760* 100vw); padding-top:calc(16 / 760* 100vw);}
    .prdList ul .typeBtn a {height:calc(54 / 760* 100vw); gap:calc(14 / 760* 100vw); font-size:calc(22 / 760* 100vw); border-radius:calc(12 / 760* 100vw);}
    .prdList ul .typeBtn a::after {width:calc(9 / 760* 100vw); height:calc(18 / 760* 100vw);}
    .prdList ul.careCase li .careItem {margin-top:calc(8 / 760* 100vw); border-radius:calc(12 / 760* 100vw);}
    .prdList ul.careCase li .careItem dt { height:calc(54 / 760* 100vw); gap:calc(14 / 760* 100vw); font-size:calc(22 / 760* 100vw);}
    .prdList ul.careCase li .careItem dt::after {width:calc(18 / 760* 100vw); height:calc(10 / 760* 100vw);}
    .prdList ul.careCase li .careItem.active dd {padding:0 calc(24 / 760* 100vw);}
    .prdList ul.careCase li .careItem.active dd span {padding-top:calc(10 / 760* 100vw); min-height:calc(80 / 760* 100vw); font-size:calc(19 / 760* 100vw);}    
    /*  Case1 : 글씨 영역만 클릭 (이미지 영역 클릭 X)
    .prdList.landscape ul li {padding:0 0 0 calc(244 / 760* 100vw); min-height:calc(220 / 760* 100vw);}
    .prdList.landscape ul li .pd .img {width:calc(220 / 760* 100vw);}
    .prdList.landscape ul li .pd .img img {max-height:calc(160 / 760* 100vw);} */
    /* Case2 : 글씨 높이 만큼만 클릭 (이미지 영역 글자에 따라 다름) */
    .prdList.landscape ul {max-width:none; }
    .prdList.landscape ul li {min-height:calc(220 / 760* 100vw); overflow:hidden;}
    .prdList.landscape ul li ~ li {margin-top:calc(32 / 760* 100vw);}
    .prdList.landscape ul li .pd {padding:0 0 0 calc(244 / 760* 100vw);}
    .prdList.landscape ul li .pd .img {width:calc(220 / 760* 100vw);}
    .prdList.landscape ul li .pd .img img {max-height:calc(160 / 760* 100vw);}
    .prdList.landscape ul li .typeBtn {margin-left:calc(244 / 760* 100vw);}
    .prdList.landscape ul li .careItem {margin-left:calc(244 / 760* 100vw);} 
    .prdList.landscape ul li .badge {margin-left: calc(244 / 760* 100vw); width: calc(100% - 244px);}

    .prdList.review ul li {width:calc(460 / 720 * 100vw);}
    .prdList.review ul li .badge {padding:0 calc(24 / 760* 100vw);}
    .prdList.review ul li .pcImg {margin-bottom:calc(24 / 760* 100vw);}
    .prdList.review ul li .pd .txt {display:block; padding:0 calc(24 / 760* 100vw);}
    .prdList.review ul li .pd strong {font-size:calc(28 / 760* 100vw);}
    .prdList.review ul li .pd dl dd {font-size:calc(28 / 760* 100vw);}
    .prdList.review ul li .pd dl dd.lastPrice em {font-size:calc(28 / 760* 100vw);}
    .prdList.review ul li .pd dl dd:nth-child(2) {flex: 0 1 100%;}
    .prdList.review ul li .pd dl dd:nth-child(4) {flex: 0 1 64%;}
    .prdList.review ul .typeBtn {padding:calc(16 / 760* 100vw) calc(24 / 760* 100vw) 0;}
    .prdList.review ul.careCase li .pd dl dd:nth-child(2) {flex: 1 0 100%;}
    .prdList.review ul.careCase li .pd dl dd:nth-child(4) {flex: 1 0 50%;}
    .prdList.review ul.careCase li .pd dl dd.lastPrice {flex:1 0 50%;}
    .prdList.review ul.careCase li .careItem {margin:calc(8 / 760* 100vw) calc(24 / 760* 100vw) 0; width: calc(100% - calc(48 / 760* 100vw));}

    .prdList.review.prdList__pc-tv-horizon {
        margin-bottom: calc( 32 / 720 * 100vw );
    }

    .prdList.review.prdList__pc-tv-horizon ul li .pcImg.hidden-pc {
        aspect-ratio: 624 / 426;
    }
    
    .prdList.review.prdList__pc-tv-horizon ul li {
        display: flex;
        border-radius: 20px;
        padding-bottom: 0;
        max-height: unset;
    }
    
    .prdList.review.prdList__pc-tv-horizon .pcImg.hidden-mo {
        width: calc(400 / 1000 * 100%);
        margin-bottom: 0;
    }
    
    .prdList.review.prdList__pc-tv-horizon .pcImg.hidden-mo img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    
    .prdList.review.prdList__pc-tv-horizon .prdList__text-wrap {
        width: 100%;
        padding: 0 0 calc(24 / 720 * 100vw);
    }

    .prdList.review.prdList__pc-tv-horizon ul li .pd strong {
        font-size: calc(28 / 720 * 100vw);
        font-weight: 600;
        letter-spacing: calc(-0.56em/28);
    }

    .prdList.review.prdList__pc-tv-horizon ul li .pd dl dt.last {
        font-weight: 600;
    }

    .prdList.review.prdList__pc-tv-horizon ul li .pd dl dd:nth-child(4) {
        flex: 0 1 64%;
    };

    .skeleton .pd strong { padding-bottom: calc(33 / 760* 100vw) !important;}
    .skeleton .pd strong em i {width: 50%;}
    .skeleton .pd dl {gap: calc(16 / 760* 100vw) calc(8 / 760* 100vw) !important;}

    .prdList ul li.soldout::before {background: url(/kr/event/2025/06/23_dishwasher/images/sold_out_mo.png) no-repeat center; background-size: cover;}
    .prdList ul li.soldoutAll::before {background: url(/kr/event/2025/06/23_dishwasher/images/sold_out_mo.png) no-repeat center; background-size: cover;}
    .prdList.sub ul li.soldout::before {background: url(/kr/event/2025/06/23_dishwasher/images/sold_out_small_mo.png) no-repeat center; background-size: cover;}
    .prdList.sub ul li.soldoutAll::before {background: url(/kr/event/2025/06/23_dishwasher/images/sold_out_small_mo.png) no-repeat center; background-size: cover;}
    .prdList.landscape ul li.soldout::before {background-size:calc(156 / 760* 100vw);}
    .prdList.landscape ul li.soldoutAll::before {background-size:calc(156 / 760* 100vw);}
    .prdList ul li .typeBtn a.soldout::before {font-size:calc(22 / 760* 100vw);}
  
  
                           

    .article_4 > div a.article_4_btn1{
      width: 26.7%;
      height: 3.9%;
      bottom: unset;
      left: 13.9%;
      top: 32.6%;
    }
    .article_4 > div a.article_4_btn2{
      width: 26.7%;
      height: 3.9%;
      bottom: unset;
      left: 13.9%;
      top: 61.2%;
    }
    .article_4 > div a.article_4_btn3{
      width: 26.7%;
      height: 3.9%;
      bottom: unset;
      left: 13.9%;
      top: 89.8%;
    }
}
/* // API 제품목록 */





/* 팝업 슬라이드  */

.event_04_slide{
    position: relative;
}

.popup{
    display: none;
    position: absolute;
    top: 0;
    padding: 0 calc(48/720*100vw);
    z-index: 2;
    width: 100%;
}
.popup.active{
    display: block;
}
.popup img{
    width: 100%;
}

.popup button{
    position: absolute;
    width: calc(40 / 720 * 100vw);
    height: calc(40 / 720 * 100vw);
    top: calc(42 / 720 * 100vw);
    right: calc(103 / 720 * 100vw);
    text-indent: -9999px;
    overflow: hidden;
}


/* // 팝업 슬라이드  */

.prdList.sub ul li .badge{
	margin-top:12px;
}
.prdList.sub .time_deal_box.m0{
	margin-top:12px;
}
                              
.prdList.sub ul li .pd strong {
    padding-bottom: 12px;
    font-size: 20px;
}
.prdList.sub ul li .pd strong em{
 font-size:18px; 
}
.prdList.sub ul li .pd dl dd{
	font-size: 20px;
}
                              
.prdList.sub ul li .pd dl dt{
	font-size: 22px;
}
              
                              
                  
@media screen and (max-width: 767px) {
  
.prdList.sub ul li .badge{
	margin-top:calc(16/720*100vw);
}
.prdList.sub .time_deal_box.m0{
	margin-top:calc(16/720*100vw);
}
                              
.prdList.sub ul li .pd strong {
    padding-bottom: calc(16/720*100vw);
    font-size: calc(26/720*100vw);
    font-weight: 600;
}
.prdList.sub ul li .pd strong em{
 font-size:calc(22/720*100vw); 
  font-weight: 700;
}
  .prdList.sub ul li .pd dl dd {
        font-size: calc(26 / 760 * 100vw);
    font-weight: 600;
    }
.prdList.sub ul li .pd dl dt {
        font-size: calc(22 / 760 * 100vw);
    }   
 
  prdList ul li .badge {
        gap: calc(8 / 760 * 100vw) calc(12 / 760 * 100vw);
        margin-top: calc(12 / 760 * 100vw);
    }
  
  .product-items.new-type .item .benefit-price{
  	font-size: 12px!important;
    letter-spacing: -0.02em!important;
  }
}