/* API 제품목록 */
.prdList {max-width:1000px; margin:0 auto;}
.prdList * {font-family: "Pretendard";}
.prdList ul {display:grid; grid-template-columns:repeat(4, 1fr); gap:48px 24px;}
.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; border: 1px solid #B8B8B8;}
.prdList ul li .pd .img img {width:auto; height:100%; max-height:180px;}
.prdList ul li .badge {display:flex; flex-wrap:wrap; gap:7px 9px; width:100%; margin-top:13px;}
.prdList ul li .badge em {display:inline-block; padding:3px 6.5px; font-size:15px; font-weight:500; 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:17px;}
.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:12px; white-space:nowrap;}
.prdList ul li .pd dl dt {display:none; flex:0 1 10%; font-size:17px; 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:21px; 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:22px;}
.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/06/09_juneMegaSale/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/06/09_juneMegaSale/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.landscape ul {display:block; max-width:486px;}
/*  Case1 : 글씨 영역만 클릭 (이미지 영역 클릭 X)
.prdList.landscape ul li {position:relative; width:100%; padding:0 0 0 244px; min-height:220px;}
.prdList.landscape ul li .pd .img {position:absolute; left:0; top:0; width:220px; margin-bottom:0;}
.prdList.landscape ul li .pd .img img {max-height:160px;} */
/* Case2 : 글씨 높이 만큼만 클릭 (이미지 영역 글자에 따라 다름) */
.prdList.landscape ul li {max-width:none; width:100%; min-height:172px;}
.prdList.landscape ul li ~ li {margin-top:25px;}
.prdList.landscape ul li .pd {position:relative; display:block; width:100%; padding:0 0 0 190px; /*min-height:220px;*/}
.prdList.landscape ul li .pd .img {position:absolute; left:0; top:0; width:172px; margin-bottom:0;}
.prdList.landscape ul li .pd .img img {max-height:140px;}
.prdList.landscape ul li .badge {margin-left:190px; width: calc(100% - 190px);}
.prdList.landscape ul li .typeBtn {margin-left:190px;}
.prdList.landscape ul li .careItem {margin-left:190px;} 
/* // Case2 : 글씨 높이 만큼만 클릭 (이미지 영역 글자에 따라 다름) */
.prdList.landscape ul li .pd dl dd:nth-child(2) {flex: 0 1 auto;}
.prdList.landscape ul li .pd dl dd:nth-child(4) {flex: 0 1 51%;}
.prdList.landscape ul li .pd dl dd.lastPrice {flex:1 0 50%;}
.prdList.landscape ul.careCase  li .pd dl dd:nth-child(2) {flex: 0 1 100%;}
.prdList.landscape ul.careCase  li .pd dl dd:nth-child(4) {flex: 1 0 50%;}
.prdList.landscape ul.careCase  li .pd dl dd.lastPrice {flex:1 0 50%;}
.prdList.interior ul {display:flex;}
.prdList.interior ul li {width:316px; padding-bottom:24px; border-radius:24px; max-width:none; overflow:hidden; background:#fff;}
.prdList.interior 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.interior ul li .pcImg img {display:block; width:100%;}
.prdList.interior ul li .pd .img {display:none;}
.prdList.interior ul li .pd .txt {display:block; padding:0 24px;}
.prdList.interior ul li .pd dl dd:nth-child(2) {flex: 0 1 22%;}
.prdList.interior ul li .pd dl dd:nth-child(4) {flex: 0 1 60%;}
.prdList.interior ul li .badge {padding:0 24px;}
.prdList.interior ul .typeBtn {padding:16px 24px 0;}
.prdList.interior ul.careCase li .pd dl dd:nth-child(2) {flex: 0 1 100%;}
.prdList.interior ul.careCase li .pd dl dd:nth-child(4) {flex: 1 0 50%;}
.prdList.interior ul.careCase li .pd dl dd.lastPrice {flex:1 0 50%;}
.prdList.interior ul.careCase li .careItem {margin:8px 24px 0; width: calc(100% - 48px);}


.event-benefit-template .weekly-specials .prdList.interior ul li {
    width: 100%;
}

/* soldOut */
.prdList ul li.soldout::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background:rgba(0,0,0,.86) url(/kr/event/2025/06/09_juneMegaSale/images/img_soldout.png) no-repeat center; background-size:140px;}
.prdList ul li.soldoutAll::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index: 3; background:rgba(0,0,0,.86) url(/kr/event/2025/06/09_juneMegaSale/images/img_soldout.png) no-repeat center; background-size:140px;}
.prdList.landscape ul li.soldout::before {background-size:120px;}
.prdList.landscape ul li.soldoutAll::before {background-size:120px;}
.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;}
/* // 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: 877px) {
    .prdList ul li .badge em {
        font-size: 13px;
    }
    .prdList ul.careCase li .careItem dt {
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .prdList {padding:0;}
    .prdList ul {grid-template-columns:repeat(2, 1fr); gap: calc(48 / 760* 100vw) 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(22 / 760* 100vw);}
    .prdList ul li .pd dl dd {font-size:calc(26 / 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.interior ul li {width:calc(460 / 720 * 100vw);}
    .prdList.interior ul li .badge {padding:0 calc(24 / 760* 100vw);}
    .prdList.interior ul li .pcImg {margin-bottom:calc(24 / 760* 100vw);}
    .prdList.interior ul li .pd .txt {display:block; padding:0 calc(24 / 760* 100vw);}
    .prdList.interior ul li .pd strong {font-size:calc(28 / 760* 100vw);}
    .prdList.interior ul li .pd dl dd {font-size:calc(28 / 760* 100vw);}
    .prdList.interior ul li .pd dl dd.lastPrice em {font-size:calc(28 / 760* 100vw);}
    .prdList.interior ul li .pd dl dd:nth-child(2) {flex: 0 1 22%;}
    .prdList.interior ul li .pd dl dd:nth-child(4) {flex: 0 1 64%;}
    .prdList.interior ul .typeBtn {padding:calc(16 / 760* 100vw) calc(24 / 760* 100vw) 0;}
    .prdList.interior ul.careCase li .pd dl dd:nth-child(2) {flex: 1 0 100%;}
    .prdList.interior ul.careCase li .pd dl dd:nth-child(4) {flex: 1 0 50%;}
    .prdList.interior ul.careCase li .pd dl dd.lastPrice {flex:1 0 50%;}
    .prdList.interior ul.careCase li .careItem {margin:calc(8 / 760* 100vw) calc(24 / 760* 100vw) 0; width: calc(100% - calc(48 / 760* 100vw));}

    .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-size:calc(176 / 760* 100vw);}
    .prdList ul li.soldoutAll::before {background-size:calc(176 / 760* 100vw);}
    .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);}
}
/* // API 제품목록 */


/* 실시간 랭킹 */
.rankingShow {margin:0 auto;width:100%;max-width:1380px;padding:0;}
.ranking_tit {position:relative; z-index:3; margin:0 auto; width:100%; max-width:1000px; text-align:left; height:auto; padding:0 0 48px;}
.ranking_tit h3 {padding-bottom:16px; font-size:40px; color:#2E2E33;}
.ranking_tit h3 strong {color:#FD322E;}
.rankingList {position:relative; display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;width:100%;max-width:1000px;padding:0 0 30px;margin:0 auto;}
.rankingList li {position:relative;border-radius:10px;border:1px solid #EEEEEE;background:#fff;}
.rankingList li a {position:relative;display:flex;flex-direction:column;align-items:center;padding:47px 0 24px;height:100%;}
.rankingList li .num {position:absolute; display:inline-flex;justify-content:center;align-items:center;left:20px;top:20px;width:40px;height:40px;font-size:20px;font-weight:600;color:#fff;border-radius:4px;background:#000000;}
.rankingList li .img {flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;width:100%; max-width:305px; height:auto; max-height:215px; aspect-ratio:1 / 0.705;}
.rankingList li .img img {width:auto;height:100%;max-height:215px;}
.rankingList li .txt {flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;}
.rankingList li .name {display:block;width:100%;max-width:220px;min-height:95px;padding-top:15px;}
.rankingList li .name strong {font-size:20px;font-weight:600;color:#000;line-height:1.3;}
.rankingList li .name span {display:block;font-size:18px;color:#979797;line-height:1.5;}
.rankingList li .price {display:block;width:200px;margin-top:8px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.4);}
.rankingList li .price dl {position:relative;display:flex;justify-content:space-between;align-items:center;height:28px;}
.rankingList li .price dl dt {font-size:16px;color:#666666;}
.rankingList li .price dl dd {text-align:right;font-size:20px;font-weight:600;}
.rankingList li .price dl:last-child * {color:#EA1917;}
.rankingShow .more {padding:26px 0 0;}
@media screen and (max-width: 767px) {
  .rankingShow {padding:0;}
  .ranking_tit {padding:0 0 calc(48/720*100vw);}
  .ranking_tit h3 {padding-bottom:calc(16/720*100vw); font-size:calc(48/720*100vw);}
  .rankingList {display:flex;flex-direction:column;gap:calc(16/720*100vw);padding:0 0 calc(32/720*100vw);}
  .rankingList li {border-radius:calc(24/720*100vw);}
  .rankingList li a {flex-direction:row;padding:0 calc(30/720*100vw) 0 calc(30/720*100vw);height:calc(240/720*100vw);gap:calc(14/720*100vw);}
  .rankingList li .num {flex-shrink:0;position:relative;left:auto;top:auto;width:calc(40/720*100vw);height:calc(40/720*100vw);font-size:calc(20/720*100vw);}
  .rankingList li .img {flex-shrink:0;width:calc(200/720*100vw);height:calc(200/720*100vw);}
  .rankingList li .img img {max-height:calc(200/720*100vw);}
  .rankingList li .txt {align-items:flex-start;padding-left:calc(14/720*100vw);}
  .rankingList li .name {width:auto;min-height:auto;text-align:left;}
  .rankingList li .name strong {font-size:calc(26/720*100vw);}
  .rankingList li .name span {font-size:calc(22/720*100vw);padding-top:1px;}
  .rankingList li .price {width:calc(270/720*100vw);margin-top:0;padding-top:calc(12/720*100vw);border-top:0;}
  .rankingList li .price dl {height:calc(32/720*100vw);}
  .rankingList li .price dl dt {font-size:calc(20/720*100vw);}
  .rankingList li .price dl dd {font-size:calc(24/720*100vw);}
  .rankingShow .more {padding:0 calc(2/720*100vw);}
}
/* // 실시간 랭킹 */

/* main KV */
.event-benefit-template .main-kv-video {width: 100%;}
/* // main KV */


/* sticky tab */
.event-benefit-template .content-wrap .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 .content-wrap .tab_wrap::before{
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    bottom: 0;
}

.event-benefit-template .tab_wrap .tab_inner {
    display: flex;
    background-color: #FFF;
    justify-content: center;
}

.event-benefit-template .tab_wrap .tab_inner ul {
    display: flex;
    height: 80px;
    overflow-x: auto;
}

.event-benefit-template .tab_wrap .tab_inner li a {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: max-content;
    padding: 0 40px;
    text-align: center;
    color: #696969;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.8px;
    transition: color 0.3s;
}

.event-benefit-template .tab_wrap .tab_inner li.active a {
    font-weight: 600;
    color: #FF0004;
}

@container article-inner-area (max-width: 999px) {
    .event-benefit-template .tab_wrap .tab_inner li a {
        padding: 0 calc(40 / 999 * 100vw);
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .event-benefit-template .content-wrap .tab_wrap {
        top: 46px
    }

    .header.helloBar~.container .event-benefit-template .content-wrap .tab_wrap {
        top: 88px
    }

    .event-benefit-template .tab_wrap .tab_inner ul {
        height: calc(108/720*100vw);
    }

    .event-benefit-template .tab_wrap .tab_inner li a {
        padding: 0 calc(32/720*100vw);
        color: #696969;
        text-align: center;
        font-size: calc(28/720*100vw);
        font-weight: 500;
        line-height: 1.4;
        letter-spacing: calc(-1.12em / 28);
    }
}
/* // sticky tab */

/* text switching tab */
.tab_wrap2 [role="tablist"]{
    display: flex;
    column-gap: 32px;
}
.tab_wrap2 [role="tab"]{
    display: flex;
    padding: 0 0 28px 0;
}
.tab_wrap2 [role="tab"] span{
    color: #696969;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.8px;
}
.tab_wrap2 [role="presentation"].active span{
    color: #FF0004;
    font-weight:600;
}

.tab_wrap2 .tab_inner{
    max-width: 1000px;
    margin:0 auto;
}

@media screen and (max-width: 767px) {
    .tab_wrap2 [role="tablist"]{
        margin: 0 0 calc(30 / 720 * 100vw);
        padding: 0 calc(48 / 720 * 100vw);
        column-gap: calc(32 / 720 * 100vw);
        overflow-x: auto;
    }
    .tab_wrap2 [role="tab"]{
        display: flex;
        padding: 0;
        margin: 0;
    }
    .tab_wrap2 [role="tab"] span{
        font-size: calc(28 / 720 * 100vw);
        white-space: nowrap;
    }
}
/* // text switching tab */

/* small tab */
.tabArea .tab_inner {max-width:1000px; margin:0 auto; padding:0 0 24px;}
.tabArea .tab_inner ul {width:100%; display:flex; gap:12px; flex-wrap:nowrap; white-space:nowrap; overflow-x:auto;}
.tabArea .tab_inner li {position:relative;height:48px;border: 1px solid #404040;border-radius:32px;background-color:transparent;transition: background-color .3s;}
.tabArea .tab_inner li a {display:flex;align-items:center;justify-content:center;padding:0 18px;height:100%;font-weight: 500;font-size:20px;line-height: 120%;color:#2E2E33;letter-spacing:-0.04em}
.tabArea .tab_inner li.active {border-color: #2e2e33;background-color: #1A1A1A;}
.tabArea .tab_inner li.active a {color:#fff;}
@media screen and (max-width: 767px) {
    .tabArea .tab_inner {
        padding: 0 0 calc(24 / 720*100vw);
    }

    .tabArea .tab_inner ul {
        gap: calc(16/720*100vw);
        padding: 3px calc(48 / 720*100vw);
    }

    .tabArea .tab_inner li {
        height: auto;
    }

    .tabArea .tab_inner li a {
        padding: calc(16 / 720*100vw) calc(24/720*100vw);
        font-size: calc(28/720*100vw);
        font-weight: 500;
        line-height: 1.1428;
    }
}
.tab_container .tab_con {
    display: none;
    max-width: 1020px;
    margin: 0 auto;
}
.tab_container .tab_con:focus {
    outline: none;
}
.tab_container .tab_con:focus-visible {
    outline-offset: -3px;
}

.tab_container .tab_con.active {
    display: block
}
/* // small tab */

/* custom tab type 02 */
.event-benefit-template .tab-area--type02 {
    padding: 0;
}
.event-benefit-template .tab-area--type02 [role="tablist"] {
    display: flex;
    justify-content: flex-start;
    column-gap: 48px;
    padding: 24px 0 48px;
}
.event-benefit-template .tab-area--type02 .explore-ha__tab-img {
    width: 114px;
}
.event-benefit-template .tab-area--type02 [role="presentation"]{
    flex-shrink: 0;
}
.event-benefit-template .tab-area--type02 [role="presentation"] .explore-ha__tab-img--on {
    display: none;
}

.event-benefit-template .tab-area--type02 [role="presentation"].active .explore-ha__tab-img--on {
    display: block;
}

.event-benefit-template .tab-area--type02 [role="presentation"].active .explore-ha__tab-img--off {
    display: none;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .tab-area--type02 {
        padding: calc(32/720*100vw) 0 calc(64/720*100vw);
    }
    .event-benefit-template .tab-area--type02 [role="tablist"] {
        display: flex;
        overflow-x: auto;
        column-gap: calc(24/720*100vw);
        padding: 0 calc(48/720*100vw);
    }
    .event-benefit-template .tab-area--type02 .explore-ha__tab-img {
        width: calc(240/720*100vw);
    }
    .event-benefit-template .tab-area--type02 [role="presentation"]{
        flex-shrink: 0;
    }
    .event-benefit-template .tab-area--type02 [role="presentation"] .explore-ha__tab-img--on {
        display: none;
    }

    .event-benefit-template .tab-area--type02 [role="presentation"].active .explore-ha__tab-img--on {
        display: block;
    }

    .event-benefit-template .tab-area--type02 [role="presentation"].active .explore-ha__tab-img--off {
        display: none;
    }
}
/* // custom tab type 02 */

/* big tab */
.bigTabArea .tab_inner {
    max-width: fit-content;
    margin: 0 auto;
    padding: 80px 0 0;
}
.article-pd0{
    padding-top: 0;
}

.bigTabArea .tab_inner ul {
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: 100%;
    padding: 6px;
    border: 2px solid #E2E0DE;
    border-radius: 200px;
    background-color: #F8F7F5;
}

.bigTabArea .tab_inner li {
    flex: 1;
    position: relative;
    text-align: center;
    height: 100%;
    border-radius: 200px;
    background: transparent
}

.bigTabArea .tab_inner li a,
.bigTabArea .tab_inner li button{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 109px;
    margin: 0 24px;
    padding: 15px 0;
    height: 100%;
    color: #8C827E;
    line-height: 1.2;
    font-weight: 400;
    font-size: 22px;
    letter-spacing: calc(-0.22em/22);
}

.bigTabArea .tab_inner li.active {
    background: #1A1A1A;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
}

.bigTabArea .tab_inner li.active a,
.bigTabArea .tab_inner li.active button{
    color: #fff;
}

.onlypc{
    padding: 48px 0px 40px;
}

@media screen and (max-width: 767px) {
    .bigTabArea .tab_inner {
        display: flex;
        justify-content: center;
        padding: calc(60/720*100vw) 0 0;
    }

    .bigTabArea .tab_inner ul {
        padding: calc(3/720*100vw);
        height: auto;
    }

    .bigTabArea .tab_inner li a,
    .bigTabArea .tab_inner li button {
        min-width: calc(84/720*100vw);
        margin: 0 calc(32/720*100vw);
        padding: calc(15/720*100vw) 0;
        text-align: center;
        font-size: calc(28/720*100vw);
        font-weight: 500;
        line-height: 1.2;
        letter-spacing: calc(-0.28em / 28);
    }
}
/* // big tab */


/* KV */
.main-kv {
    position: relative;
}

.main-kv__img {
    width: 100%;
}
/* // KV */

/* 놓치면 안될 3가지 결산 혜택 */
.event-benefit-template .full-guide .benefit-list {
    position: relative;
}

.article__inner_01{
    max-width: 1380px;
    overflow: hidden;
}

.event-benefit-template .full-guide .benefit-list-swiper {
    max-width: 1020px;
    overflow: unset;
}

.event-benefit-template .full-guide .benefit-list-swiper .swiper-wrapper{
    display: flex;
    column-gap: 24px;
    align-items: flex-end;
}

.event-benefit-template .full-guide .benefit-list-swiper .swiper-slide{
    width: calc((100% - 48px) / 3);
}

@media screen and (max-width: 767px) {
    .event-benefit-template .full-guide .c-title {
        padding-bottom: calc(6 / 720 * 100%);
    }
    .event-benefit-template .full-guide .benefit-list-swiper {
        padding: 0 calc(32 / 720 * 100%);
    }
    .event-benefit-template .full-guide .benefit-list-swiper .swiper-wrapper{
        display: flex;
        column-gap: initial;
        align-items: initial;
    }
    
    .event-benefit-template .full-guide .benefit-list-swiper .swiper-slide{
        width: calc(460 / 720 * 100vw);
        padding: 0 calc(12 / 720 * 100vw);
    }

}
/* // 놓치면 안될 3가지 결산 혜택 */


/* 고효율 가전 환급 혜택 */

.refund-special__list{position: relative;}
.refund-special__list a{position: absolute;bottom: 0;width: 100%;height: 7%;}
.refund-special__list button.cont2_btn_01{
  position:absolute;
    top: 34.2%;
    width: 17%;
    left: 14.6%;
    height: 3%;z-index: 99;}
.refund-special__list a.cont2_btn_02{ width: 33%; left: 16%;}
.refund-special__list a.cont2_btn_03{ width: 33%; right: 16%;}

@media screen and (max-width: 767px) {
    .refund-special__list a{position: absolute;bottom: 0;width: 100%;height: 6%;}
    .refund-special__list button.cont2_btn_01{     
        display: block;   
        position: absolute;
        top: 33.1%;
        width: 31%;
        left: 13.3%;
        height: 2.6%;}
    .refund-special__list a.cont2_btn_02{ width: 49%; left: 0%;}
    .refund-special__list a.cont2_btn_03{ width: 49%; right: 0%;}
}
/* // 고효율 가전 환급 혜택 */






/* 한 번 더 아껴주는 어워즈 쿠폰 */
.coupon-benefit .coupon-benefit-title {
    padding: 0 0 calc(40 / 1000 * 100%);
}

.coupon-benefit .coupon-benefit-first{
    padding: 0 0 80px;
}

.coupon-benefit .c-limite-coupon--01 {
    width: fit-content;
}

.coupon-benefit .coupon-benefit-swiper {
    max-width: 1000px;
}

.coupon-benefit .coupon-benefit-swiper--01 .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(calc((100% - 48px) / 3), auto));
    gap: 16px 24px;
}

.coupon-benefit .coupon-benefit-swiper--02 .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(calc((100% - 32px) / 2), auto));
    gap: 16px;
}

.coupon-benefit .coupon-benefit-swiper .swiper-slide {
    background-color: transparent;
}

.coupon-benefit .btn-wrap {
    position: relative;
    width: fit-content;
    margin: 32px auto 40px;
}

.coupon-benefit .coupon-pack-btn {
    position: absolute;
    top: 0;
    left: 16%;
    width: 32.9%;
    height: 100%;
}
.coupon-benefit .app-only-btn {
    position: absolute;
    top: 0;
    right: 15.8%;
    width: 33.3%;
    height: 100%;
}

.coupon-benefit .must-have-coupon-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 28.4%;
    height: 100%;
}

.coupon-benefit .coupon-notice {
    position: relative;
    margin: calc(20 / 1000 * 100%) 0 0;
}
@media screen and (max-width: 767px) {
    .coupon-benefit .luckyG-func {
        background: url('../images/img-luckyg-coupon-benefit-bg-mo.png') no-repeat top right;
        background-size: calc(213 / 720 * 100%);
    }

    .coupon-benefit .c-title {
    }

    .coupon-benefit .coupon-benefit-title {
        padding: 0 calc(48 / 720 * 100%) calc(30 / 720 * 100%);
    }

    .coupon-benefit .coupon-benefit-first{
        padding: 0 calc(48 / 720 * 100%) calc(64 / 720 * 100%)
    }

    .coupon-benefit .coupon-benefit-swiper {
        padding-left: calc(48 / 720 * 100%);
        padding-right: calc(48 / 720 * 100%);
    }

    .coupon-benefit .c-limite-coupon {
        margin: 0 calc(48 / 720 * 100%) 0;
    }

    .coupon-benefit .coupon-benefit-swiper .swiper-wrapper {
        display: flex;
        gap: initial;
    }

    .coupon-benefit .coupon-benefit-swiper .swiper-slide {
        width: calc(460 / 720 * 100vw);
        margin-left: calc(24 / 720 * 100vw);
    }

    .coupon-benefit .coupon-benefit-swiper--02 .swiper-slide {
        width: calc(574 / 720 * 100vw);
    }

    .coupon-benefit .coupon-benefit-swiper .swiper-slide:first-child {
        margin-left: 0;
    }

    .coupon-benefit .btn-wrap {
        margin: calc(32 / 720 * 100vw) calc(48 / 720 * 100vw) calc(64 / 720 * 100vw);
    }

    .payment-benefits__list{
        padding: 0 calc(48 / 720 * 100vw);
    }

    .coupon-benefit .coupon-pack-btn {
        width: 48.7%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .coupon-benefit .app-only-btn {
        width: 48.7%;
        height: 100%;
        top: 0;
        right: 0;
    }

    .coupon-benefit .must-have-coupon-btn {
        width: 26.9%;
        height: 100%;
        top: 0;
        right: 0;
    }

    .coupon-benefit .coupon-notice {
        margin: calc(12 / 720 * 100vw) calc(48 / 720 * 100vw) 0;
    }
}
/* // 한 번 더 아껴주는 어워즈 쿠폰 */

/* 구매 부담을 덜어줄 결제 혜택 */
.payment-benefits .payment-benefits__item--main {
    display: flex;
    margin: 0 0 calc(32 / 1000 * 100%);
    column-gap: calc(103 / 776 * 100%);
}
.payment-benefits .payment-benefits__desc {
    position: relative;
}
.payment-benefits .payment-benefits__img-linker {
    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 67.7%;
    height: 24.1%;
}
.payment-benefits .payment-benefits__item{
    padding: calc(40 / 1000 * 100%) calc(104 / 1000 * 100%) calc(40 / 1000 * 100%) calc(120 / 1000 * 100%);
    border-radius: 16px;
    background-color: #F2F1EB;
}
.payment-benefits .payment-benefits__item--sub{
    margin-top: calc(20 / 1000 * 100%);
    padding: calc(16 / 1000 * 100%) calc(21 / 1000 * 100%);
}

.payment-benefits .payment-benefits__item--sub:nth-child(1){
    margin-top: 0;
}

.payment-benefits .payment-benefits__more-area .payment-benefits__item--sub:nth-child(1){
    margin-top: calc(20 / 1000 * 100%);
}

.payment-benefits .payment-benefits__item--sub .c-toggle__btn {
    position: relative;
}
.payment-benefits .payment-benefits__item--sub .c-toggle__btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(0deg);
    width: calc(36 / 936 * 100%);
    height: calc(36 / 81 * 100%);
    background: url(/kr/event/2025/06/09_juneMegaSale/images/icon-accordion-arrow.svg) no-repeat center center;
    background-size: 100%;
    transition: transform .2s;
}
.payment-benefits .payment-benefits__item--sub .c-toggle__btn.on + .c-toggle__data {
    display: block;
    margin-top: 0;
    padding: 8px 0 16px;
}
.payment-benefits .payment-benefits__item--sub .c-toggle__btn.on::after {
    transform: translateY(-50%) rotate(180deg);
}
.payment-benefits .payment-benefits__notice{
    position: relative;
    margin-top: calc(24 / 1000 * 100%);
}
.payment-benefits .payment-benefits__notice .c-toggle__btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 39%;
    height: 30px;
}
.payment-benefits .c-toggle__data__item {
    color: #2E2E33;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: calc(-0.48em / 24);
}
.payment-benefits .c-toggle__data__item.small{
    font-size: 20px;
    color: #888;
}

.payment-benefits .payment-benefits__more-area {
    margin-top: 32px;
}


.payment-benefits .payment-benefits__more-area .c-toggle__btn--benefit-more{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-benefits .payment-benefits__more-area .c-toggle__btn--benefit-more.on {
    margin-top: 60px;
    display: none;
}
.payment-benefits .payment-benefits__more-area:has(.c-toggle__btn--benefit-more.on) {
    margin-top: 0px;
}

.article-pd0{padding-top: 0;}

@container article-inner-area (max-width: 999px) {
    .payment-benefits .c-toggle__data__item{
        font-size: clamp(12px, calc(24 / 1000 * 100vw), 24px);
    }
}
@media screen and (max-width: 767px) {

    .payment-benefits .article__inner {
        padding: 0 0 calc( 80 / 720 * 100vw);
        overflow: hidden;
    }

    .payment-benefits .article__inner .refund-special__list {
        padding: 0 calc( 48 / 720 * 100vw);
    }
    .payment-benefits .payment-benefits__item--main {
        display: flex;
        column-gap: 0;
        flex-direction: column;
    }
    .payment-benefits .payment-benefits__img-linker {
        bottom: 0%;
        left: 0%;
        width: 100%;
        height: 17.1%;
    }
    .payment-benefits .payment-benefits__notice .c-toggle__btn {
        top: 0;
        right: 58.6%;
        width: 43%;
        height: 30px;
    }

    .payment-benefits .payment-benefits__item--sub .c-toggle__btn.on + .c-toggle__data {
        margin-top: calc(24 / 720 * 100vw);
        padding:0;
    }

.article-pd0{padding-top: 0;}
    .payment-benefits .payment-benefits__more-area {
        margin-top: calc(32 / 720 * 100vw);
    }

    .search-efficeincy a{
        margin-top: calc( 16 / 720 * 100vw );
    }

    .payment-benefits .payment-benefits__more-area .c-toggle__btn--benefit-more.on {
        margin-top: calc(36 / 720 * 100vw);
    }

    .payment-benefits .c-title {
        padding: 0 0 calc(64 / 720 * 100vw) 0;
    }

    .payment-benefits .c-toggle__data__item.small,
    .payment-benefits .c-toggle__data__item {
        font-size: calc(24 / 720 * 100vw);
    }

    .payment-benefits .payment-benefits__item--main {
        margin: 0 0 calc(36 / 720 * 100vw);
    }
    .payment-benefits__shinhan-img-wrap {
        position: relative;
    }
    .payment-benefits .payment-benefits__shinhan-img-linker {
        position: absolute;
        width: 48.7%;
        height: 14.3%;
    }
    .payment-benefits .payment-benefits__shinhan-img-linker--01 {
        left: 0;
        bottom: 5%;
        width: 100%;
        height: 18%;
    }
    .payment-benefits .payment-benefits__shinhan-img-linker--02 {
        right: 0;
        bottom: 0;
    }
    .payment-benefits .payment-benefits__item{
        padding: calc(40 / 720 * 100vw) calc(32 / 720 * 100vw);
        border-radius: calc(24 / 720 * 100vw);
    }
    .payment-benefits .payment-benefits__item--sub{
        margin-top: calc(16 / 720 * 100vw);
    }

    .payment-benefits .payment-benefits__item--sub .c-toggle__btn::after {
        width: calc(48 / 720 * 100vw);
        height: calc(48 / 720 * 100vw);
    }
    .payment-benefits .payment-benefits__item--sub .c-toggle__btn.on::after {
        transform: translateY(-50%) rotate(180deg);
    }
    .payment-benefits .payment-benefits__notice{
        margin-top: calc(20 / 720 * 100vw);
    }
}
/* // 구매 부담을 덜어줄 결제 혜택 */



.prdList.prdList--first-half ul {
    display: flex;
    width: 100%;
    max-width: initial;
    flex-wrap: wrap;
    gap: 12px 48px;
}
.prdList.prdList--first-half ul li {
    width: calc((100% - 48px) / 2);
}
.prdList.prdList--first-half ul li ~ li {
    margin-top:0;
}
.prdList.prdList--first-half ul li .img::before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background-size: 40px;
}
.prdList.prdList--first-half ul li:nth-child(1) .img::before {
    background: url(/kr/event/2025/06/09_juneMegaSale/images/icon-first-half-badge01.png) no-repeat center / cover;
}
.prdList.prdList--first-half ul li:nth-child(2) .img::before {
    background: url(/kr/event/2025/06/09_juneMegaSale/images/icon-first-half-badge02.png) no-repeat center / cover;
}
.prdList.prdList--first-half ul li:nth-child(3) .img::before {
    background: url(/kr/event/2025/06/09_juneMegaSale/images/icon-first-half-badge03.png) no-repeat center / cover;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .first-half-awards {
    }
    .event-benefit-template .first-half-awards .tab_inner {
        padding-top: 0;
    }
    .event-benefit-template .first-half-awards__kv {
        position: static;
        width: 100%;
        margin-bottom: 0;
        padding: 0;
    }

    .event-benefit-template .first-half-awards #first-half-awards02 {
    }

    .event-benefit-template .first-half-awards .bigTabArea .tab_inner {
        padding-top:calc(60 / 720 * 100vw);
    }
    .event-benefit-template .first-half-awards .bigTabArea ~ .bigTabArea .tab_inner {
        margin-top: calc(60 / 720 * 100vw);
        padding-top: calc(60 / 720 * 100vw);
    }

    .event-benefit-template .first-half-awards .tab_inner {
        
    }
    .event-benefit-template .first-half-awards__kv-img {width: calc(624 / 720 * 100vw);}

    .event-benefit-template .first-half-awards__trands-banner-wrap {
        margin: 0 calc(48 / 720 * 100vw) calc(48 / 720 * 100vw);
    }
    .event-benefit-template .c-title__main-title--first-half-trands {
        height: calc(93 / 720 * 100vw);
        align-items: flex-end;
        padding-left: calc(97 / 720 * 100vw);
        background: url(/kr/event/2025/06/09_juneMegaSale/images/icon-trophy.svg) no-repeat left center;
        background-size: calc(87 / 720 * 100vw);
    }

    .event-benefit-template .first-half-awards .prdList {
        padding: 0 calc(48 / 720 * 100vw);
    }
    .event-benefit-template .first-half-awards .prdList.interior ul li {
        width: 100%;
        margin-bottom: calc(48 / 720 * 100vw);
    }

    .event-benefit-template .first-half-awards .prdList.interior ul li .pcImg {
        aspect-ratio: 1 / 1;
    }
    
    .event-benefit-template .first-half-awards .swiper-container {
        padding: calc(48 / 720 * 100vw)  calc(48 / 720 * 100vw) 0;
    }

    .event-benefit-template .first-half-awards .first-half-awards-swiper {
        margin-top: 0;
    }

    .prdList.prdList--first-half ul {
        display: flex;
        width: 100%;
        max-width: initial;
        flex-wrap: wrap;
        gap: calc(32 / 720 * 100vw);
    }
    .prdList.prdList--first-half ul li {
        width: 100%;
    }
    .prdList.prdList--first-half ul li .img::before {
        content: '';
        display: block;
        position: absolute;
        top: calc(10 / 720 * 100vw);
        left: calc(10 / 720 * 100vw);
        width: calc(44 / 720 * 100vw);
        height: calc(44 / 720 * 100vw);
        background-size: 40px;
    }
}
/* // BEST 어워즈 */

/* 신제품 핫이슈 */
.event-benefit-template .new-prd-hot-issue {
}
.event-benefit-template .new-prd-hot-issue .article__inner {
    max-width: 1380px;
}

.event-benefit-template .new-prd-hot-issue .c-title {
    padding-bottom: calc(64 / 1360 * 100%);
}

.event-benefit-template .c-title__main-title--new {
    display: flex;
    align-items: flex-end;
    height: 59px;
    padding-left: 107px;
    background: url(/kr/event/2025/06/09_juneMegaSale/images/icon-new.svg) no-repeat left top;
    background-size: 100px;
}

.event-benefit-template .new-prd-hot-issue-swiper-wrap {position: relative;max-width: 1200px;margin: 0 auto;}
.event-benefit-template .new-prd-hot-issue-swiper-wrap .swiper-button-next, 
.event-benefit-template .new-prd-hot-issue-swiper-wrap .swiper-button-prev {margin-top:-40px; background: url('../images/common_btn_arr_rt.svg') no-repeat center; background-size:100%;}
.event-benefit-template .new-prd-hot-issue-swiper-wrap .swiper-button-prev {transform:rotate(180deg);}
.event-benefit-template .new-prd-hot-issue-swiper-wrap .swiper-button-next:after, 
.event-benefit-template .new-prd-hot-issue-swiper-wrap .swiper-button-prev:after {display:none;}

.event-benefit-template .new-prd-hot-issue .swiper-container{position:relative;margin:0 90px;padding:0;}
.event-benefit-template .new-prd-hot-issue .swiper-container .swiper-slide{display:flex;flex-direction:column; background-color:transparent;}

.event-benefit-template .new-prd-hot-issue .prdList {width:100%;}
.event-benefit-template .new-prd-hot-issue .prdList ul{display:block;width:100%;}
.event-benefit-template .new-prd-hot-issue .prdList ul li{max-width:100%;}
.event-benefit-template .new-prd-hot-issue .prdList ul li a {display: block; background-color:#fff;}
.event-benefit-template .new-prd-hot-issue .prdList ul li a.more-detail-btn-linker {border-bottom-left-radius:18px;border-bottom-right-radius:18px;}
.event-benefit-template .new-prd-hot-issue .prdList ul li .pd{display:block;padding: 28px 24px 10px;background-color:#fff;}
.event-benefit-template .new-prd-hot-issue .prdList ul li .pd strong{
    width:100%;
    min-height: 70px;
    border-bottom: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 135%;
    letter-spacing: -0.4px;
}
.event-benefit-template .new-prd-hot-issue .prdList ul li .pd strong em{display:none;}
.event-benefit-template .new-prd-hot-issue .prdList ul li .pd dl {
    align-items: flex-end;
    padding-top: 4px;
}
.event-benefit-template .new-prd-hot-issue .prdList ul li .pd dl dd:not(.lastPrice){display:none;}
.event-benefit-template .new-prd-hot-issue .prdList ul li .pd dl dt.last {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.4px;
}
.event-benefit-template .new-prd-hot-issue .prdList ul li .pd dl dd.lastPrice em {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.6px;
}

.event-benefit-template .new-prd-hot-issue .prdList ul li .pd .img{display:none;}
.event-benefit-template .new-prd-hot-issue .prdList ul li .badge{display:flex;margin-top:0;padding: 0 24px 24px;}
.event-benefit-template .new-prd-hot-issue .prdList ul li .badge em {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
}
.event-benefit-template .new-prd-hot-issue .prdList ul li .more-detail-btn{width: 100%;padding: 0 24px 32px;}

@media screen and (max-width: 767px) {
    .event-benefit-template .new-prd-hot-issue {
    }

    .event-benefit-template .new-prd-hot-issue .c-title {
        padding-bottom: calc(64 / 720 * 100vw);
    }
    .event-benefit-template .c-title__main-title--new {
        display: flex;
        height: calc(76 / 720 * 100vw);
        padding-left: calc(142 / 720 * 100vw);
        background-size: calc(140 / 720 * 100vw);
    }
    .event-benefit-template .new-prd-hot-issue .article__inner {
    }

    .event-benefit-template .new-prd-hot-issue .new-prd-hot-issue-swiper {
        padding: 0 calc(48 / 720 * 100vw) 0;
    }
    .event-benefit-template .new-prd-hot-issue .swiper-container {
        margin: 0;
    }
    .event-benefit-template .new-prd-hot-issue .swiper-container .swiper-slide {
        padding: 0;
    }

    .event-benefit-template .new-prd-hot-issue-swiper-wrap .swiper-button-next, 
    .event-benefit-template .new-prd-hot-issue-swiper-wrap .swiper-button-prev {
        display: none;
    }

    .event-benefit-template .new-prd-hot-issue .prdList ul li a[data-ec-product] {
        padding: calc(28 / 720 * 100vw) calc(32 / 720 * 100vw) calc(20 / 720 * 100vw);
    }

    .event-benefit-template .new-prd-hot-issue .prdList ul li .pd dl dt.last {
        font-size: calc(28 / 720 * 100vw);
        font-weight: 700;
        letter-spacing: calc(-0.56em/ 28);
    }
    .event-benefit-template .new-prd-hot-issue .prdList ul li .pd dl dd.lastPrice em {
        font-size: calc(40 / 720 * 100vw);
        font-weight: 600;
        letter-spacing: calc(-0.8em/ 40);
    }
    
    .event-benefit-template .new-prd-hot-issue .prdList ul li a.more-detail-btn-linker {
        border-bottom-left-radius: calc(18 / 720 * 100vw);
        border-bottom-right-radius: calc(18 / 720 * 100vw);
        padding: 0 calc(32 / 720 * 100vw) calc(32 / 720 * 100vw);
    }
    .event-benefit-template .new-prd-hot-issue .prdList ul li .pd strong {
        min-height: initial;
        font-size: calc(26 / 720 * 100vw);
        font-weight: 600;
        line-height: 135%;
        letter-spacing: calc(-0.52em/ 26);
    }
    .event-benefit-template .new-prd-hot-issue .prdList ul li .pd {
        padding: 0;
    }

    .event-benefit-template .new-prd-hot-issue .prdList ul li .badge {
        display: flex;
        margin-top: 0;
        padding: calc(16 / 720 * 100vw) 0 0 0;
    }
    .event-benefit-template .new-prd-hot-issue .prdList ul li .badge em {
        font-size: calc(24 / 720 * 100vw);
        font-weight: 600;
        letter-spacing: calc(-0.48em / 24);
    }
    .event-benefit-template .new-prd-hot-issue .prdList ul li .more-detail-btn {
        padding: 0;
    }
}
/* // 신제품 핫이슈 */

/* 올여름 제대로 쎈 에어컨 세일 */
.event-benefit-template .strong-air-conditioner__banner {
    display: block;
    padding-bottom: 48px;
}
.event-benefit-template .strong-air-conditioner__sub-title {
    padding-bottom: 20px;
    color: #2E2E33;
    font-size: 32px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .strong-air-conditioner {
    }

    .event-benefit-template .strong-air-conditioner .c-title {
        padding-bottom: calc(64 / 720 * 100vw);
    }

    .event-benefit-template .strong-air-conditioner__banner {
        padding: 0 calc(48 / 720 * 100vw) calc(60 / 720 * 100vw);
    }
    .event-benefit-template .strong-air-conditioner__sub-title {
        padding: 0 calc(48 / 720 * 100vw) calc(32 / 720 * 100vw);
        font-size: calc(40 / 720 * 100vw);
        font-weight: 700;
        line-height: 130%;
        letter-spacing: calc(-0.8em / 40);
    }
    .event-benefit-template .strong-air-conditioner .prdList {
        padding: 0 calc(48 / 720 * 100vw);
    }
}
/* // 이름처럼 쎈 에어컨 SALE */

/* 장마철 필수 가전 BEST 3 */
    .event-benefit-template .summer-rainy-season-list-banner {
        margin-bottom: 48px;
    }
    .event-benefit-template .summer-rainy-season__sub-title {
        padding-bottom: 32px;
        color: #2E2E33;
        font-size: 32px;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: -0.64px;
    }
    .event-benefit-template .summer-rainy-season-swiper .swiper-slide {
        display: flex;
        gap: 48px;
        align-items: flex-start;
    }
    
    .event-benefit-template .summer-rainy-season-swiper .summer-rainy-season__banner {
        flex-basis: 100%;
    }
    
    .event-benefit-template .summer-rainy-season .landscapeSet {
        padding: 0;
    }
    
    .event-benefit-template .summer-rainy-season .landscapeSet .prdList {
        flex-basis: 100%;
    }

    @container article-inner-area (max-width: 999px) {
        .event-benefit-template .summer-rainy-season-swiper .swiper-slide {
            gap: calc(48 / 999 * 100vw);
        }
    }
    
    @media screen and (max-width: 767px) {
    .event-benefit-template .summer-rainy-season-list-banner {
        margin-bottom: calc(48 / 720 * 100vw);
    }
    .event-benefit-template .summer-rainy-season__sub-title {
        padding-bottom: calc(32 / 720 * 100vw);
        color: #2E2E33;
        font-size: calc(32 / 720 * 100vw);
        font-weight: 700;
        line-height: 140%;
        letter-spacing: -0.64px;
    }

    .event-benefit-template .summer-rainy-season-swiper {
        position: relative;
        padding: 0 calc(32 / 720 * 100vw);
    }

    .event-benefit-template .summer-rainy-season-swiper .swiper-slide {
        width: calc(648 / 720 * 100vw);
        row-gap: calc(124 / 720 * 100vw);
        flex-direction: column;
        padding: 0 calc(12 / 720 * 100vw);
    }

    .event-benefit-template .summer-rainy-season-swiper .swiper-slide-active .prdList  {
        opacity: 1;
    }

    .event-benefit-template .summer-rainy-season-swiper .swiper-pagination {
        position: absolute;
        top: calc(848 / 720 * 100vw);
        height: fit-content;
        padding: 0;
    }

    .event-benefit-template .summer-rainy-season .prdList  {
        opacity: 0;
        transition: opacity .3s;
    }
}
/* // 장마철 필수 가전 BEST 3 */

/* 가전 구독으로 준비하는 여름 */
.event-benefit-template .summer-subscribe-trends-list-banner {
    margin-bottom: 48px;
}
.event-benefit-template .summer-subscribe-trends__sub-title {
    padding-bottom: 32px;
    color: #2E2E33;
    font-size: 32px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.64px;
}
.c-prd-title {
    font-weight: bold;
    font-size: 40px;
    line-height: 1.3;
    letter-spacing: calc(-0.96em / 48);
    padding: 0 0 40px;
}

.c-prd-title.pt{
    padding-top: 64px;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .summer-subscribe-trends {
    }

    .event-benefit-template .summer-subscribe-trends .c-title {
        padding-bottom: calc(64 / 720 * 100vw);
    }

    .c-prd-title{
        font-size: calc(40 / 720 * 100vw);
        line-height: 1.3;
        letter-spacing: calc(-0.96em / 48);
        padding: 0 calc(48 / 720 * 100vw) calc(40 / 720 * 100vw);
    }

    .c-prd-title.pt{
        padding-top: calc(64 / 720 * 100vw);
    }


    .event-benefit-template .summer-subscribe-trends__sub-title {
        padding: 0 calc(48 / 720 * 100vw) calc(48 / 720 * 100vw);
        color: #181818;
        font-size: calc(40 / 720 * 100vw);
        font-weight: 700;
        line-height: 148%;
        letter-spacing: calc(-0.8em / 40);
    }

    .event-benefit-template .summer-subscribe-trends-swiper {
        padding: 0 calc(48 / 720 * 100vw) calc(48 / 720 * 100vw);
    }

    .event-benefit-template .summer-subscribe-trends .prdList {
        padding: 0 calc(48 / 720 * 100vw);
    }
}
/* // 가전 구독으로 준비하는 여름 */

/* 리빙 & 키친 듀오 추천 */
@media screen and (max-width: 767px) {
    .event-benefit-template .living-kitchen {
        padding: calc(120 / 720* 100vw) 0;
    }

    .event-benefit-template .living-kitchen .c-title {
        padding-bottom: calc(64 / 720 * 100vw);
    }
}
/* // 리빙 & 키친 듀오 추천 */

/* 구독으로 누리는 M&B 가전 */
.event-benefit-template .must-best__banner {
    padding-bottom: 48px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .must-best {
    }

    .event-benefit-template .must-best .c-title {
        padding-bottom: calc(64 / 720 * 100vw);
    }

    .event-benefit-template .must-best__banner {
        padding: 0 calc(48 / 720 * 100vw) calc(48 / 720 * 100vw);
    }

    .event-benefit-template .must-best .prdList {
        padding: 0 calc(48 / 720 * 100vw);
    }

}
/* // 구독으로 누리는 M&B 가전 */

/* 소모품 세일 */
.event-benefit-template .consumable-recommend__sub-title {
    padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
    .event-benefit-template .consumable-recommend {
    }

    .event-benefit-template .consumable-recommend .c-title {
        padding-bottom: calc(64 / 720 * 100vw);
    }

    .event-benefit-template .consumable-recommend__sub-title {
        padding: 0 calc(48 / 720 * 100vw) calc(48 / 720 * 100vw);
        color: #181818;
        font-size: calc(40 / 720 * 100vw);
        font-weight: 700;
        line-height: 148%;
        letter-spacing: calc(-0.8em / 40);
    }

    .event-benefit-template .consumable-recommend-swiper {
        padding: 0 calc(48 / 720 * 100vw) calc(60 / 720 * 100vw);
    }

    .event-benefit-template .consumable-recommend .prdList {   
        padding: 0 calc(48 / 720 * 100vw);
    }
}
/* // 소모품 세일 */

/* 여름을 위한 가전 이야기 */
.event-benefit-template .summer-stories {
    overflow: hidden;
}
.event-benefit-template .summer-stories .c-title {
    padding: 0 10px 48px;
}
.event-benefit-template .summer-stories .article__inner {
    max-width: 1380px;
    padding: 80px 0px;
}
.event-benefit-template .summer-stories .summer-stories-swiper-wrap {
    margin: 0 auto;
    max-width: 1000px;
}
.event-benefit-template .summer-stories .swiper-container {
    position: relative;
    margin: 0 auto;
    background-color: transparent;
    overflow: visible;
}

.event-benefit-template .summer-stories .swiper-container .swiper-slide {
    max-width: 1000px;
    background-color: transparent;
}

@container full-width-area (max-width: 1380px) {
    .event-benefit-template .summer-stories .swiper-container .swiper-slide {
        width: calc(1000 / 1380 * 100vw);
    }
}

@container article-inner-area (max-width: 999px) {
    .event-benefit-template .summer-stories .summer-stories-swiper-wrap{
        margin: 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .event-benefit-template .summer-stories .c-title {
        padding: 0 calc(48 / 720 * 100vw) calc(64 / 720 * 100vw);
    }
    .event-benefit-template .summer-stories .article__inner {
    }
    .event-benefit-template .summer-stories .summer-stories-swiper-wrap{
        margin: 0 calc(36 / 720 * 100vw);
    }
    .event-benefit-template .summer-stories .swiper-container .swiper-slide {
        padding: 0 calc(12 / 720 * 100vw);
    }
}
/* // 여름을 위한 가전 이야기 */




/*  한눈에 보는 혜택 대상 가전 */

.search-benefit .c-title {
    padding-bottom: 40px;
}

.event-benefit-template .search-efficeincy .search-efficeincy-top{
    position: relative;
    margin: 0px -15px;
}

.event-benefit-template .search-efficeincy .search-efficeincy-top a{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
}

.event-benefit-template .search-efficeincy .search-efficeincy-top img{
    margin: 0 auto;
}

.search-efficeincy{
    text-align: center;
}

.search-efficeincy a{
    display: inline-block;
    margin: 12px auto 0;
}

.event-benefit-template .search-efficeincy .search-efficeincy-bot{
    margin: 0px -15px;
}

@media screen and (max-width: 767px) {
    .search-benefit .c-title {
        padding: 0 calc(48 / 720 * 100%) calc(30 / 720 * 100%);
    }

        
    .event-benefit-template .search-efficeincy .search-efficeincy-top{
        padding: 0 calc(34/720*100vw);
        margin: 0;
    }
    .event-benefit-template .search-efficeincy .search-efficeincy-bot{
        margin: calc(40/720*100vw) 0 0;
        padding: 0 calc(34/720*100vw);
    }
    .search-efficeincy a {
        margin:calc( 12 / 720 * 100vw ) calc( 48 / 720 * 100vw ) 0;
    }
}
/* // 한눈에 보는 혜택 대상 가전 */






/* 놓치지 말아야 할 이벤트 */
.event-benefit-template .must-attend-events {
    overflow: hidden;
}
.event-benefit-template .must-attend-events .must-attend-events-swiper-wrap {
    margin: 0 auto;
    max-width: 1000px;
}
.event-benefit-template .must-attend-events .swiper-container {
    position: relative;
    margin: 0 auto;
    background-color: transparent;
    overflow: visible;
}

.event-benefit-template .must-attend-events .swiper-container .swiper-slide {
    max-width: 488px;
    background-color: transparent;
}

@container full-width-area (max-width: 1380px) {
    .event-benefit-template .must-attend-events .swiper-container .swiper-slide {
        width: calc(488 / 1380 * 100vw);
    }
}

@container article-inner-area (max-width: 999px) {
    .event-benefit-template .must-attend-events .must-attend-events-swiper-wrap{
    }
}

@media screen and (max-width: 767px) {
    .event-benefit-template .must-attend-events .c-title {
        padding: 0 calc(48 / 720 * 100vw) calc(64 / 720 * 100vw);
    }
    .event-benefit-template .must-attend-events .article__inner {
        padding: 0 0 calc(80 / 720 * 100vw);
    }
    .event-benefit-template .must-attend-events .must-attend-events-swiper-wrap{
        margin: 0 calc(36 / 720 * 100vw);
    }
    .event-benefit-template .must-attend-events .swiper-container .swiper-slide {
        width: calc(624 / 720 * 100vw);
        max-width: initial;
        margin: 0 calc(12 / 720 * 100vw);
    }
}
/* // 놓치지 말아야 할 이벤트 */


/* 튤팁 */
.event-benefit-template .tooltip-wrap {
    font-size: 16px;
}
.event-benefit-template .tooltip-wrap .tooltip_desc {
    padding-top: 20px;
}
.event-benefit-template .tooltip-wrap a {
    color: #2847bb;
}
/* // 튤팁 */


.search-efficeincy-top,
.prd_banner,
.more_prd_btn{
    display: none;
}